@blockspoon/cert-badge-renderer 1.0.50 → 1.0.52

package/dist/esm/templates/ribbons/RibbonType35.js

@@ -26,45 +26,45 @@ function createRibbonType35({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         d="M31.2383 170.25H433.999C429.782 178.33 425.13 187.478 423.548 194.25H41.5705C39.179 186.194 36.7269 180.216 31.2383 170.25Z"
         fill="url(#paint0_linear_2417_184)"
         fill-opacity="0.3"
-      />
+       />
       <path
         d="M30.6641 24H433.425C429.207 15.92 424.556 6.7717 422.974 0H40.9963C38.6048 8.05581 36.1527 14.0344 30.6641 24Z"
         fill="url(#paint1_linear_2417_184)"
         fill-opacity="0.4"
-      />
+       />
       <path
         d="M430.613 19H33.5002C32.5 20 29.5 24 29 31.3484V147.652C29 154.471 33.4644 160 38.9716 160H424.028C429.536 160 434 154.471 434 147.652V31.3484C434 23 433.613 24.5 430.613 19Z"
         fill="white"
-      />
+       />
       <path
         d="M44.0062 195.521C25.7275 197.635 -1.04772 189.933 0.0316382 180.001C5.08497 169.25 15.3606 168.981 37.8473 171.69L44.0062 195.521Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M44.0062 195.521C25.7275 197.635 -1.04772 189.933 0.0316382 180.001C5.08497 169.25 15.3606 168.981 37.8473 171.69L44.0062 195.521Z"
         fill="black"
         fill-opacity="0.5"
-      />
+       />
       <path
         d="M420.136 195.129C438.546 197.243 465.059 189.933 463.972 180.001C458.882 169.25 448.532 168.981 425.883 171.69L420.136 195.129Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M420.136 195.129C438.546 197.243 465.059 189.933 463.972 180.001C458.882 169.25 448.532 168.981 425.883 171.69L420.136 195.129Z"
         fill="black"
         fill-opacity="0.5"
-      />
+       />
       <path
         fill-rule="evenodd"
         clip-rule="evenodd"
         d="M14.0938 19C6.36176 19 0.09375 25.268 0.09375 33V161.526C0.09375 161.567 0.0939267 161.608 0.0942793 161.649V181.635C1.10738 180.404 5.60565 176.356 15.5366 175.526H448.547C458.478 176.356 462.977 180.404 463.99 181.635V162.053C463.996 161.878 463.999 161.702 463.999 161.526V33C463.999 25.268 457.731 19 449.999 19H14.0938Z"
         fill="url(#${paintId2})"
-      />
+       />
       <path
         d="M0 35.8231C3.91225 30.9147 7.35496 29.8941 15.0699 30.0083H450.967C457.431 30.674 460.332 32.1727 464 37.8254V169.055C459.238 165.13 453.553 164.499 440.83 164.626H12.2439C6.53593 165.076 3.93553 166.429 0 170V35.8231Z"
         fill="white"
         fill-opacity="0.3"
-      />
+       />
       <mask
         id="mask0_2417_184"
         style="mask-type:alpha"
@@ -77,21 +77,23 @@ function createRibbonType35({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         <path
           d="M0.09375 33C0.09375 25.268 6.36176 19 14.0938 19H449.999C457.731 19 463.999 25.268 463.999 33V175.526H0.09375V33Z"
           fill="url(#paint3_linear_2417_184)"
-        />
+         />
       </mask>
-      <g mask="url(#mask0_2417_184)">
+      <g
+        mask="url(#mask0_2417_184)"
+      >
         <path
           d="M-0.785157 36.3874C3.23171 31.4656 6.19353 30.2049 12.4439 30.0567L447.68 30.0567C456.093 29.9281 460.061 31.3378 464.878 38.3356"
           stroke="white"
           stroke-width="2"
           stroke-linecap="round"
-        />
+         />
         <path
           d="M-1.38281 173.505C-0.802185 169.024 6.19306 164.32 12.4434 164.469L447.68 164.468C456.093 164.597 464.877 166.339 464.877 172.334"
           stroke="white"
           stroke-width="2"
           stroke-linecap="round"
-        />
+         />
       </g>
       <defs>
         <linearGradient
@@ -103,7 +105,10 @@ function createRibbonType35({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint1_linear_2417_184"
@@ -113,8 +118,13 @@ function createRibbonType35({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="2.1313e-06"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-opacity="0.4" />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            stop-opacity="0.4"
+           />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId2}"
@@ -124,9 +134,17 @@ function createRibbonType35({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="91.4274"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="0.673474" stop-color="${subColor}" />
-          <stop offset="1" stop-color="${mainColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="0.673474"
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
         <linearGradient
           id="paint3_linear_2417_184"
@@ -136,8 +154,13 @@ function createRibbonType35({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="154.275"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#FF1B64" />
-          <stop offset="1" stop-color="#FF91B2" />
+          <stop
+            stop-color="#FF1B64"
+           />
+          <stop
+            offset="1"
+            stop-color="#FF91B2"
+           />
         </linearGradient>
       </defs>
     </svg>

package/dist/esm/templates/ribbons/RibbonType4.js

@@ -33,40 +33,40 @@ function createRibbonType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
       <path
         opacity="0.5"
         d="M60 127H504L493.5 154H69.5L60 127Z"
-        fill="url(#${paintId0})"
-      />
+        fill="url(#paint0_linear_2364_274)"
+       />
       <path
         d="M44.7492 40.1859L4.0042 51.2967C0.615478 52.2159 -1.02268 56.0862 0.679707 59.1664L26.6974 106.626C27.131 107.432 27.3719 108.335 27.3719 109.254V167.551C27.3719 171.566 31.5476 174.195 35.1451 172.453L104.927 138.814C107.866 137.395 108.894 133.718 107.143 130.976L50.7397 42.508C49.4709 40.5084 47.0458 39.5731 44.7492 40.1859Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M44.7492 40.1859L4.0042 51.2967C0.615478 52.2159 -1.02268 56.0862 0.679707 59.1664L26.6974 106.626C27.131 107.432 27.3719 108.335 27.3719 109.254V167.551C27.3719 171.566 31.5476 174.195 35.1451 172.453L104.927 138.814C107.866 137.395 108.894 133.718 107.143 130.976L50.7397 42.508C49.4709 40.5084 47.0458 39.5731 44.7492 40.1859Z"
         fill="black"
         fill-opacity="0.2"
-      />
+       />
       <path
         opacity="0.3"
         d="M32.0089 43.1746L43.5092 40L78.5098 153.5H43.0095C33.8095 153.5 31.8428 146.5 32.0095 143L32.0089 43.1746Z"
-        fill="url(#${paintId1})"
-      />
+        fill="url(#paint1_linear_2364_274)"
+       />
       <path
         d="M519.251 40.1859L559.996 51.2967C563.385 52.2159 565.023 56.0862 563.32 59.1664L537.303 106.626C536.869 107.432 536.628 108.335 536.628 109.254V167.551C536.628 171.566 532.452 174.195 528.855 172.453L459.073 138.814C456.134 137.395 455.106 133.718 456.857 130.976L513.26 42.508C514.529 40.5084 516.954 39.5731 519.251 40.1859Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M519.251 40.1859L559.996 51.2967C563.385 52.2159 565.023 56.0862 563.32 59.1664L537.303 106.626C536.869 107.432 536.628 108.335 536.628 109.254V167.551C536.628 171.566 532.452 174.195 528.855 172.453L459.073 138.814C456.134 137.395 455.106 133.718 456.857 130.976L513.26 42.508C514.529 40.5084 516.954 39.5731 519.251 40.1859Z"
         fill="black"
         fill-opacity="0.2"
-      />
+       />
       <path
         opacity="0.3"
         d="M532.001 43.6746L520.501 40.5L485.5 154H521C530.2 154 532.167 147 532 143.5L532.001 43.6746Z"
-        fill="url(#${paintId2})"
-      />
+        fill="url(#paint2_linear_2364_274)"
+       />
       <path
         d="M509.206 5H53.7936C47.2802 5 42 10.3325 42 16.9105V129.089C42 135.667 47.2802 141 53.7936 141H509.206C515.72 141 521 135.667 521 129.089V16.9105C521 10.3325 515.72 5 509.206 5Z"
         fill="url(#${paintId3})"
-      />
+       />
       <rect
         x="42"
         y="18.5039"
@@ -74,22 +74,22 @@ function createRibbonType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         height="108.992"
         fill="white"
         fill-opacity="0.3"
-      />
+       />
       <path
         d="M42 17L521 17"
         stroke="white"
         stroke-opacity="0.6"
         stroke-width="3"
-      />
+       />
       <path
         d="M42 129L521 129"
         stroke="white"
         stroke-opacity="0.6"
         stroke-width="3"
-      />
+       />
       <defs>
         <linearGradient
-          id="${paintId0}"
+          id="paint0_linear_2364_274"
           x1="282"
           y1="138"
           x2="282"
@@ -97,10 +97,14 @@ function createRibbonType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-color="white" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-color="white"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
-          id="${paintId1}"
+          id="paint1_linear_2364_274"
           x1="76.5098"
           y1="81"
           x2="23.5098"
@@ -108,10 +112,13 @@ function createRibbonType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
-          id="${paintId2}"
+          id="paint2_linear_2364_274"
           x1="487.5"
           y1="81.5"
           x2="540.5"
@@ -119,7 +126,10 @@ function createRibbonType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId3}"
@@ -129,8 +139,13 @@ function createRibbonType4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="141"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="1" stop-color="${subColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${subColor}"
+           />
         </linearGradient>
       </defs>
     </svg>

package/dist/esm/templates/ribbons/RibbonType45.js

@@ -25,23 +25,23 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
       <path
         d="M485 0H540.59C543.279 0 545.202 2.60126 544.414 5.1727L529.647 53.3273C529.413 54.0915 529.413 54.9085 529.647 55.6727L544.414 103.827C545.202 106.399 543.279 109 540.59 109H489C486.791 109 485 107.209 485 105V0Z"
         fill="${mainColor}"
-      />
+       />
       <rect
         x="485"
         width="43"
         height="109"
         fill="url(#paint0_linear_2407_453)"
-      />
+       />
       <path
         d="M60 0H5.38448C2.70255 0 0.780418 2.58741 1.55488 5.15509L16.09 53.3449C16.3172 54.0982 16.3172 54.9018 16.09 55.6551L1.55488 103.845C0.780415 106.413 2.70254 109 5.38448 109H56C58.2091 109 60 107.209 60 105V0Z"
         fill="${mainColor}"
-      />
+       />
       <rect
         width="47"
         height="109"
         transform="matrix(-1 0 0 1 60 0)"
         fill="url(#paint1_linear_2407_453)"
-      />
+       />
       <rect
         x="33"
         y="24"
@@ -49,7 +49,7 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         height="148.797"
         rx="4"
         fill="url(#${paintId2})"
-      />
+       />
       <rect
         x="33"
         y="34"
@@ -57,13 +57,35 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         height="129"
         fill="white"
         fill-opacity="0.3"
-      />
-      <path d="M486 24V0L509 24H486Z" fill="${mainColor}" />
-      <path d="M486 24V0L509 24H486Z" fill="black" fill-opacity="0.4" />
-      <path d="M60 24V0L35 24H60Z" fill="${mainColor}" />
-      <path d="M60 24V0L35 24H60Z" fill="black" fill-opacity="0.4" />
-      <path d="M33 34L513 34" stroke="white" stroke-width="3" />
-      <path d="M33 162.797L513 162.797" stroke="white" stroke-width="3" />
+       />
+      <path
+        d="M486 24V0L509 24H486Z"
+        fill="${mainColor}"
+       />
+      <path
+        d="M486 24V0L509 24H486Z"
+        fill="black"
+        fill-opacity="0.4"
+       />
+      <path
+        d="M60 24V0L35 24H60Z"
+        fill="${mainColor}"
+       />
+      <path
+        d="M60 24V0L35 24H60Z"
+        fill="black"
+        fill-opacity="0.4"
+       />
+      <path
+        d="M33 34L513 34"
+        stroke="white"
+        stroke-width="3"
+       />
+      <path
+        d="M33 162.797L513 162.797"
+        stroke="white"
+        stroke-width="3"
+       />
       <rect
         x="486"
         y="24"
@@ -72,12 +94,12 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         transform="rotate(180 486 24)"
         fill="url(#paint3_linear_2407_453)"
         fill-opacity="0.3"
-      />
+       />
       <path
         d="M62.8047 172.797H483.308C477.931 184.02 468.604 187.88 454.267 196.797H91.6191C73.109 185.053 67.1222 182.906 62.8047 172.797Z"
         fill="url(#paint4_linear_2407_453)"
         fill-opacity="0.3"
-      />
+       />
       <defs>
         <linearGradient
           id="paint0_linear_2407_453"
@@ -88,7 +110,10 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint1_linear_2407_453"
@@ -99,7 +124,10 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId2}"
@@ -109,10 +137,21 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="98.3984"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="0.215" stop-color="${subColor}" />
-          <stop offset="0.75" stop-color="${subColor}" />
-          <stop offset="1" stop-color="${mainColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="0.215"
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="0.75"
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
         <linearGradient
           id="paint3_linear_2407_453"
@@ -123,7 +162,10 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint4_linear_2407_453"
@@ -134,7 +176,10 @@ function createRibbonType45({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
       </defs>
     </svg>

package/dist/esm/templates/ribbons/RibbonType5.js

@@ -25,12 +25,12 @@ function createRibbonType5({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
       <path
         d="M370.097 61.4513C370.097 166.121 287.45 250.973 185.5 250.973C83.5508 250.973 0.904297 166.121 0.904297 61.4513C0.904297 -43.2188 83.5508 17.5327 185.5 17.5327C287.45 17.5327 370.097 -43.2188 370.097 61.4513Z"
         fill="url(#${paintId0})"
-      />
+       />
       <path
         d="M355.074 50.1775C355.074 118.254 294.267 174.426 184.851 174.426C75.4358 174.426 14.6289 118.254 14.6289 50.1775C14.6289 -17.8989 90.8401 27.9991 184.851 27.9991C278.863 27.9991 355.074 -17.8989 355.074 50.1775Z"
         fill="white"
         fill-opacity="0.3"
-      />
+       />
       <defs>
         <linearGradient
           id="${paintId0}"
@@ -40,8 +40,13 @@ function createRibbonType5({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="193.158"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${subColor}" />
-          <stop offset="1" stop-color="${mainColor}" />
+          <stop
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
       </defs>
     </svg>

package/dist/esm/templates/ribbons/RibbonType6.js

@@ -25,24 +25,24 @@ function createRibbonType6({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
       <path
         d="M176.868 272.66L20.0509 182.428C7.64616 175.29 0 162.069 0 147.758V20C0 8.95431 8.9543 0 20 0H378C389.046 0 398 8.95432 398 20V147.478C398 161.939 390.194 175.274 377.585 182.355L216.402 272.867C204.109 279.77 189.089 279.692 176.868 272.66Z"
         fill="url(#${paintId0})"
-      />
+       />
       <path
         d="M169 181.5H229"
         stroke="white"
         stroke-width="3"
         stroke-linecap="round"
-      />
+       />
       <path
         d="M177.267 263.643L29.003 180.016C16.4309 172.925 8.6543 159.61 8.6543 145.176V28.3047C8.6543 17.259 17.6086 8.30469 28.6543 8.30469H369.345C380.391 8.30469 389.345 17.259 389.345 28.3047V144.897C389.345 159.48 381.409 172.907 368.634 179.939L216.208 263.845C204.069 270.527 189.337 270.451 177.267 263.643Z"
         stroke="black"
         stroke-opacity="0.4"
         stroke-width="3"
-      />
+       />
       <path
         d="M10.0782 29.6797C10.0782 18.634 19.0325 9.67969 30.0782 9.67969H367.92C378.966 9.67969 387.92 18.634 387.92 29.6797V150.738C384.898 164.293 379.876 170.246 368.438 179.604H28.3479L16.3839 168.102L10.0781 153.9L10.0782 29.6797Z"
         fill="url(#paint1_linear_2364_546)"
         fill-opacity="0.8"
-      />
+       />
       <defs>
         <linearGradient
           id="${paintId0}"
@@ -52,8 +52,13 @@ function createRibbonType6({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="245.514"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="1" stop-color="${subColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${subColor}"
+           />
         </linearGradient>
         <linearGradient
           id="paint1_linear_2364_546"
@@ -63,8 +68,14 @@ function createRibbonType6({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="179.604"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="white" />
-          <stop offset="1" stop-color="white" stop-opacity="0" />
+          <stop
+            stop-color="white"
+           />
+          <stop
+            offset="1"
+            stop-color="white"
+            stop-opacity="0"
+           />
         </linearGradient>
       </defs>
     </svg>

package/dist/esm/templates/ribbons/RibbonType61.js

@@ -28,37 +28,51 @@ function createRibbonType61({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         height="146.16"
         rx="4"
         fill="url(#${paintId0})"
-      />
-      <path d="M475 17V7L485 17H475Z" fill="${mainColor}" />
-      <path d="M475 17V7L485 17H475Z" fill="black" fill-opacity="0.4" />
-      <path d="M12 17V7L2 17H12Z" fill="${mainColor}" />
-      <path d="M12 17V7L2 17H12Z" fill="black" fill-opacity="0.4" />
+       />
+      <path
+        d="M475 17V7L485 17H475Z"
+        fill="${mainColor}"
+       />
+      <path
+        d="M475 17V7L485 17H475Z"
+        fill="black"
+        fill-opacity="0.4"
+       />
+      <path
+        d="M12 17V7L2 17H12Z"
+        fill="${mainColor}"
+       />
+      <path
+        d="M12 17V7L2 17H12Z"
+        fill="black"
+        fill-opacity="0.4"
+       />
       <rect
         y="34"
         width="488"
         height="112"
         fill="white"
         fill-opacity="0.3"
-      />
+       />
       <path
         d="M0 32L488 32"
         stroke="white"
         stroke-opacity="0.6"
         stroke-width="3"
-      />
+       />
       <path
         d="M0 148L488 148"
         stroke="white"
         stroke-opacity="0.6"
         stroke-width="3"
-      />
+       />
       <rect
         x="12"
         y="163"
         width="463"
         height="17"
         fill="url(#paint1_linear_2407_491)"
-      />
+       />
       <rect
         x="475"
         y="17"
@@ -66,7 +80,7 @@ function createRibbonType61({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         height="17"
         transform="rotate(-180 475 17)"
         fill="url(#paint2_linear_2407_491)"
-      />
+       />
       <defs>
         <linearGradient
           id="${paintId0}"
@@ -76,10 +90,21 @@ function createRibbonType61({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="89.92"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="0.215" stop-color="${subColor}" />
-          <stop offset="0.75" stop-color="${subColor}" />
-          <stop offset="1" stop-color="${mainColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="0.215"
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="0.75"
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
         <linearGradient
           id="paint1_linear_2407_491"
@@ -89,8 +114,13 @@ function createRibbonType61({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="180"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-opacity="0.2" />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            stop-opacity="0.2"
+           />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint2_linear_2407_491"
@@ -100,8 +130,13 @@ function createRibbonType61({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="34"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-opacity="0.1" />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            stop-opacity="0.1"
+           />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
       </defs>
     </svg>