@solidxai/core-ui 0.1.8-beta.2 → 0.1.8-beta.20

package/dist/resources/globals.css

@@ -1861,13 +1861,13 @@ li.header-li-px {
   background: color-mix(in srgb, var(--muted) 20%, var(--card) 80%);
   color: var(--muted-foreground);
   white-space: nowrap;
-  padding: 0.6rem 0.35rem;
+  padding: 0.6rem 0.38rem;
   border-radius: 999px;
   border: 1px solid color-mix(in srgb, var(--border) 84%, transparent);
   display: inline-block;
   writing-mode: vertical-rl;
   transform: rotate(180deg);
-  width: 24px;
+  width: 28px;
   cursor: pointer;
   transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
 }
@@ -2066,11 +2066,16 @@ li.header-li-px {
   width: 100%;
   position: relative;
   gap: 0;
+  pointer-events: none;
+}
+
+.arrow-stepper-container > * {
+  pointer-events: auto;
 }
 
 .arrow-step-button {
   position: relative;
-  padding: 0.44rem 1.15rem;
+  padding: 0.55rem 1.30rem;
   border: none;
   background: color-mix(in srgb, var(--muted) 22%, var(--card) 78%);
   color: color-mix(in srgb, var(--foreground) 72%, transparent);
@@ -2079,7 +2084,7 @@ li.header-li-px {
   transition: all 0.3s ease;
   min-width: 96px;
   white-space: nowrap;
-  font-size: 0.72rem;
+  font-size: 0.75rem;
   line-height: 1.2;
   clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%);
   margin-right: -10px;
@@ -2156,7 +2161,7 @@ li.header-li-px {
 }
 
 .overflow-button {
-  padding: 0.35rem 0.5rem;
+  padding: 0.56rem 0.5rem;
   min-width: 2.25rem;
   height: 100%;
   border: 1px solid color-mix(in srgb, var(--border) 84%, transparent);
@@ -2188,7 +2193,7 @@ li.header-li-px {
 
 .overlay-step-button {
   width: 100%;
-  padding: 0.45rem 0.75rem;
+  padding: 0.70rem 0.85rem;
   border: none;
   background: transparent;
   text-align: left;
@@ -3195,76 +3200,6 @@ li.header-li-px {
   color: color-mix(in srgb, var(--foreground) 62%, transparent);
 }
 
-.solid-user-form-helper {
-  margin: 0;
-  font-size: 11px;
-  line-height: 1.45;
-  color: color-mix(in srgb, var(--foreground) 62%, transparent);
-}
-
-.solid-user-form-panel.solid-panel {
-  border-radius: 12px;
-  overflow: hidden;
-}
-
-.solid-user-form-panel .solid-panel-header {
-  padding: 11px 12px;
-  background: color-mix(in srgb, var(--accent) 26%, transparent);
-}
-
-.solid-user-form-panel .solid-panel-title {
-  font-size: 12.5px;
-  font-weight: 700;
-  color: color-mix(in srgb, var(--foreground) 92%, transparent);
-}
-
-.solid-user-form-panel .solid-panel-content {
-  padding: 12px;
-}
-
-.solid-user-form-panel-copy {
-  margin: 0 0 10px;
-  font-size: 11px;
-  line-height: 1.4;
-  color: color-mix(in srgb, var(--foreground) 62%, transparent);
-}
-
-.solid-user-role-grid .solid-checkbox {
-  width: 100%;
-  gap: 9px;
-}
-
-.solid-user-role-item {
-  margin-bottom: 2px;
-}
-
-.solid-user-role-item .solid-checkbox {
-  min-height: 38px;
-  align-items: center;
-  padding: 8px 10px;
-  border: 1px solid color-mix(in srgb, var(--border) 88%, transparent);
-  border-radius: 10px;
-  background: color-mix(in srgb, var(--card) 98%, white 2%);
-  color: color-mix(in srgb, var(--foreground) 84%, transparent);
-  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
-}
-
-.solid-user-role-item .solid-checkbox:hover {
-  border-color: color-mix(in srgb, var(--primary) 28%, var(--border));
-  background: color-mix(in srgb, var(--accent) 30%, transparent);
-}
-
-.solid-user-role-item .solid-checkbox-box {
-  flex: 0 0 18px;
-}
-
-.solid-user-role-item .solid-checkbox-label {
-  font-size: 11.5px;
-  font-weight: 500;
-  line-height: 1.3;
-  color: color-mix(in srgb, var(--foreground) 88%, transparent);
-}
-
 .solid-generate-code-popup__head {
   padding-bottom: 12px;
 }
@@ -4494,7 +4429,7 @@ li.header-li-px {
 
 @media (min-width: 1600px) and (max-width: 1699px) {
   html {
-    font-size: 95% !important;
+    font-size: 100% !important;
   }
 
   .customize-layout-panel.p-overlaypanel {
@@ -4511,7 +4446,7 @@ li.header-li-px {
 /* 1500px - 1599px */
 @media (min-width: 1500px) and (max-width: 1599px) {
   html {
-    font-size: 90% !important;
+    font-size: 97.5% !important;
   }
 
   .customize-layout-panel.p-overlaypanel {
@@ -4529,7 +4464,7 @@ li.header-li-px {
 /* 1400px - 1499px */
 @media (min-width: 1401px) and (max-width: 1499px) {
   html {
-    font-size: 85% !important;
+    font-size: 95% !important;
   }
 
   .customize-layout-panel.p-overlaypanel {
@@ -4547,7 +4482,7 @@ li.header-li-px {
 /* 1300px - 1399px */
 @media (min-width: 1300px) and (max-width: 1400px) {
   html {
-    font-size: 80% !important;
+    font-size: 92.5% !important;
   }
 
   .customize-layout-panel.p-overlaypanel {
@@ -4564,7 +4499,7 @@ li.header-li-px {
 /* 1200px - 1299px */
 @media (min-width: 1200px) and (max-width: 1299px) {
   html {
-    font-size: 75% !important;
+    font-size: 90% !important;
   }
 
   .customize-layout-panel.p-overlaypanel {
@@ -4582,7 +4517,7 @@ li.header-li-px {
 /* 1024px - 1199px */
 @media (min-width: 991px) and (max-width: 1199px) {
   html {
-    font-size: 70% !important;
+    font-size: 87.5% !important;
   }
 
   .customize-layout-panel.p-overlaypanel {
@@ -5168,11 +5103,14 @@ flex-shrink: 0; */
 .solid-kanban-board-wrapper {
   display: flex;
   flex-direction: column;
-  overflow: auto;
+  overflow-x: auto;
+  overflow-y: auto;
   height: calc(100vh - 120px) !important;
   min-height: 0;
   min-width: 0;
   flex: 1 1 auto;
+  -webkit-overflow-scrolling: touch;
+  width: calc(100vw - 300px);
 }
 
 .solid-kanban-board-scroll-context {
@@ -5180,6 +5118,7 @@ flex-shrink: 0; */
   overflow: visible;
   flex: 0 0 auto;
   width: max-content;
+  max-width: none;
   min-width: 100%;
   min-height: 100%;
   height: auto;
@@ -5720,15 +5659,15 @@ html.dark .solid-media-card-widget__kind,
 
 .solid-empty-listview-actions .solid-empty-listview-create-action .p-button,
 .solid-empty-listview-actions .solid-empty-listview-create-action .solid-btn {
-  background: var(--foreground);
-  border-color: var(--foreground);
-  color: var(--background);
+  background: var(--primary);
+  border-color: var(--primary);
+  color: var(--primary-foreground);
 }
 
 .solid-empty-listview-actions .solid-empty-listview-create-action .p-button:hover,
 .solid-empty-listview-actions .solid-empty-listview-create-action .solid-btn:hover {
-  background: color-mix(in srgb, var(--foreground) 90%, transparent);
-  border-color: color-mix(in srgb, var(--foreground) 90%, transparent);
+  background: color-mix(in srgb, var(--primary) 90%, black);
+  border-color: color-mix(in srgb, var(--primary) 90%, black);
 }
 
 .solid-empty-listview-import-button.p-button,
@@ -5784,7 +5723,7 @@ html.dark .solid-empty-listview-header,
 [data-theme="dark"] .solid-empty-listview-header {
   padding: 18px 22px 14px;
   border-bottom-color: color-mix(in srgb, var(--border) 70%, #334155 30%);
-  background: linear-gradient(180deg, rgba(96, 165, 250, 0.05), transparent);
+  background: linear-gradient(180deg, rgba(179, 127, 235, 0.05), transparent);
 }
 
 html.dark .solid-empty-listview-header-title,
@@ -5958,8 +5897,93 @@ html.dark .solid-empty-listview-secondary-action.solid-btn,
 
 .register-success-popup {
   border-radius: 1.25rem !important;
-  background: #fff !important;
+  background: color-mix(in srgb, var(--background) 72%, white 28%) !important;
+  backdrop-filter: blur(10px);
   z-index: 1000 !important;
+  padding: 20px;
+}
+
+.register-success-card {
+  width: min(100%, 320px);
+  margin: 0 auto;
+  border-radius: 20px;
+  border: 1px solid color-mix(in srgb, var(--border) 80%, transparent);
+  background: color-mix(in srgb, var(--card) 92%, white 8%);
+  color: var(--card-foreground);
+  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16);
+  padding: 24px 22px 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 14px;
+}
+
+.register-success-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 28px;
+  padding: 0 12px;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--primary) 14%, transparent);
+  color: var(--primary);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.auth-success-spinner.solid-spinner {
+  color: var(--primary);
+}
+
+.register-success-copy {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.register-success-title {
+  margin: 0;
+  font-size: 1.1rem;
+  line-height: 1.25;
+  font-weight: 700;
+  color: var(--foreground);
+}
+
+.register-success-text {
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--muted-foreground);
+}
+
+.register-success-progress {
+  position: relative;
+  width: 100%;
+  height: 6px;
+  overflow: hidden;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--muted) 18%, transparent);
+}
+
+.register-success-progress-bar {
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: 38%;
+  border-radius: inherit;
+  background: linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 60%, white 40%));
+  animation: register-success-progress 1.2s ease-in-out infinite;
+}
+
+@keyframes register-success-progress {
+  0% {
+    transform: translateX(-110%);
+  }
+  100% {
+    transform: translateX(290%);
+  }
 }
 
 /* ========================= Taost =================================== */

package/dist/resources/images/Background.svg

@@ -1,9 +1,7 @@
 <svg width="522" height="40" viewBox="0 0 522 40" fill="none" xmlns="http://www.w3.org/2000/svg">
 <style>
-  :root { --solid-svg-accent: #2563eb; }
-  @media (prefers-color-scheme: dark) {
-    :root { --solid-svg-accent: #60a5fa; }
-  }
+  :root { --solid-svg-accent: #722ED1; }
+  html.dark :root, [data-theme="dark"] :root { --solid-svg-accent: #b37feb; }
 </style>
-<path d="M521 20.1399L508 0H0V40H508L521 20.1399Z" fill="var(--solid-svg-accent, #2563eb)" stroke="#CFD6DC" stroke-linejoin="round"/>
+<path d="M521 20.1399L508 0H0V40H508L521 20.1399Z" fill="var(--solid-svg-accent, #722ED1)" stroke="#CFD6DC" stroke-linejoin="round"/>
 </svg>

package/dist/resources/images/Navigation/SolidSettinsIcon.svg

@@ -1,9 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--solid-svg-accent, #2563eb)">
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--solid-svg-accent, #722ED1)">
   <style>
-    :root { --solid-svg-accent: #2563eb; }
-    @media (prefers-color-scheme: dark) {
-      :root { --solid-svg-accent: #60a5fa; }
-    }
+    :root { --solid-svg-accent: #722ED1; }
+    html.dark :root, [data-theme="dark"] :root { --solid-svg-accent: #b37feb; }
   </style>
   <path d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z"/>
 </svg>

package/dist/resources/images/errors/error.svg

@@ -1,9 +1,7 @@
 <svg width="442" height="240" viewBox="0 0 442 240" fill="none" xmlns="http://www.w3.org/2000/svg">
 <style>
-  :root { --solid-svg-accent: #2563eb; }
-  @media (prefers-color-scheme: dark) {
-    :root { --solid-svg-accent: #60a5fa; }
-  }
+  :root { --solid-svg-accent: #722ED1; }
+  html.dark :root, [data-theme="dark"] :root { --solid-svg-accent: #b37feb; }
 </style>
 <g clip-path="url(#clip0_1403_1652)">
 <path d="M63.8232 207.705H375.823V188.896C375.823 184.968 371.089 181.102 362.835 178.288L362.751 178.259C357.178 176.293 321.555 162.302 302.286 162.725C292.108 162.948 283.394 164.673 276.386 167.853C254.574 177.754 225.921 181.412 210.783 178.539C197.442 176.006 160.818 171.817 147.285 172.006C128.333 172.267 128.277 175.433 108.823 185.652C101.393 189.551 98.6139 190.041 63.8232 193.152V207.705Z" fill="#F2F2F2"/>
@@ -47,22 +45,22 @@
 <path d="M324.987 27.8786C324.978 33.2616 323.372 38.5209 320.373 42.9915C317.375 47.462 313.118 50.9429 308.141 52.9941C303.164 55.0453 297.691 55.5746 292.413 54.5151C287.135 53.4555 282.29 50.8547 278.49 47.0416C274.691 43.2285 272.107 38.3743 271.066 33.0928C270.026 27.8113 270.574 22.3398 272.643 17.3702C274.712 12.4006 278.208 8.15603 282.689 5.17331C287.17 2.19059 292.435 0.603658 297.818 0.613202C301.395 0.610261 304.937 1.3142 308.241 2.68456C311.545 4.05493 314.546 6.06469 317.07 8.59837C319.595 11.132 321.594 14.1397 322.953 17.4484C324.311 20.7572 325.003 24.3018 324.987 27.8786Z" fill="#F2F2F2"/>
 <path d="M222.77 99.0474C237.801 99.0474 249.987 86.8618 249.987 71.8302C249.987 56.7986 237.801 44.613 222.77 44.613C207.738 44.613 195.553 56.7986 195.553 71.8302C195.553 86.8618 207.738 99.0474 222.77 99.0474Z" fill="#F2F2F2"/>
 <path d="M65.2699 111.547C80.3015 111.547 92.4871 99.3618 92.4871 84.3302C92.4871 69.2986 80.3015 57.113 65.2699 57.113C50.2383 57.113 38.0527 69.2986 38.0527 84.3302C38.0527 99.3618 50.2383 111.547 65.2699 111.547Z" fill="#F2F2F2"/>
-<path d="M55.5527 97.2948H74.3709V91.5675H62.6607V87.0675H73.4504V81.3403H62.6607V76.8403H74.422V71.113H55.5527V97.2948Z" fill="var(--solid-svg-accent, #2563eb)"/>
-<path d="M132.053 61.2949H139.161V52.6529H141.615L146.217 61.2949H153.939L148.621 51.5279C151.408 50.1856 153.07 47.6415 153.07 44.0109C153.07 38.437 149.171 35.1132 143.354 35.1132H132.053V61.2949ZM139.161 47.1302V40.7893H141.666C144.159 40.7893 145.655 41.7609 145.655 44.0109C145.655 46.2481 144.159 47.1302 141.666 47.1302H139.161Z" fill="var(--solid-svg-accent, #2563eb)"/>
-<path d="M212.053 84.7948H219.161V76.1528H221.615L226.217 84.7948H233.939L228.621 75.0278C231.408 73.6855 233.07 71.1414 233.07 67.5108C233.07 61.9369 229.171 58.613 223.354 58.613H212.053V84.7948ZM219.161 70.6301V64.2892H221.666C224.159 64.2892 225.655 65.2608 225.655 67.5108C225.655 69.748 224.159 70.6301 221.666 70.6301H219.161Z" fill="var(--solid-svg-accent, #2563eb)"/>
-<path d="M364.052 69.7948H371.16V61.1528H373.614L378.217 69.7948H385.938L380.62 60.0278C383.407 58.6855 385.069 56.1414 385.069 52.5107C385.069 46.9369 381.17 43.613 375.353 43.613H364.052V69.7948ZM371.16 55.6301V49.2892H373.665C376.158 49.2892 377.654 50.2608 377.654 52.5107C377.654 54.748 376.158 55.6301 373.665 55.6301H371.16Z" fill="var(--solid-svg-accent, #2563eb)"/>
-<path d="M310.518 28.062C310.518 19.3177 304.893 14.6132 297.785 14.6132C290.626 14.6132 285.052 19.3177 285.052 28.062C285.052 36.7552 290.626 41.5108 297.785 41.5108C304.893 41.5108 310.518 36.8063 310.518 28.062ZM303.205 28.062C303.205 32.7665 301.313 35.3233 297.785 35.3233C294.256 35.3233 292.364 32.7665 292.364 28.062C292.364 23.3575 294.256 20.8006 297.785 20.8006C301.313 20.8006 303.205 23.3575 303.205 28.062Z" fill="var(--solid-svg-accent, #2563eb)"/>
+<path d="M55.5527 97.2948H74.3709V91.5675H62.6607V87.0675H73.4504V81.3403H62.6607V76.8403H74.422V71.113H55.5527V97.2948Z" fill="var(--solid-svg-accent, #722ED1)"/>
+<path d="M132.053 61.2949H139.161V52.6529H141.615L146.217 61.2949H153.939L148.621 51.5279C151.408 50.1856 153.07 47.6415 153.07 44.0109C153.07 38.437 149.171 35.1132 143.354 35.1132H132.053V61.2949ZM139.161 47.1302V40.7893H141.666C144.159 40.7893 145.655 41.7609 145.655 44.0109C145.655 46.2481 144.159 47.1302 141.666 47.1302H139.161Z" fill="var(--solid-svg-accent, #722ED1)"/>
+<path d="M212.053 84.7948H219.161V76.1528H221.615L226.217 84.7948H233.939L228.621 75.0278C231.408 73.6855 233.07 71.1414 233.07 67.5108C233.07 61.9369 229.171 58.613 223.354 58.613H212.053V84.7948ZM219.161 70.6301V64.2892H221.666C224.159 64.2892 225.655 65.2608 225.655 67.5108C225.655 69.748 224.159 70.6301 221.666 70.6301H219.161Z" fill="var(--solid-svg-accent, #722ED1)"/>
+<path d="M364.052 69.7948H371.16V61.1528H373.614L378.217 69.7948H385.938L380.62 60.0278C383.407 58.6855 385.069 56.1414 385.069 52.5107C385.069 46.9369 381.17 43.613 375.353 43.613H364.052V69.7948ZM371.16 55.6301V49.2892H373.665C376.158 49.2892 377.654 50.2608 377.654 52.5107C377.654 54.748 376.158 55.6301 373.665 55.6301H371.16Z" fill="var(--solid-svg-accent, #722ED1)"/>
+<path d="M310.518 28.062C310.518 19.3177 304.893 14.6132 297.785 14.6132C290.626 14.6132 285.052 19.3177 285.052 28.062C285.052 36.7552 290.626 41.5108 297.785 41.5108C304.893 41.5108 310.518 36.8063 310.518 28.062ZM303.205 28.062C303.205 32.7665 301.313 35.3233 297.785 35.3233C294.256 35.3233 292.364 32.7665 292.364 28.062C292.364 23.3575 294.256 20.8006 297.785 20.8006C301.313 20.8006 303.205 23.3575 303.205 28.062Z" fill="var(--solid-svg-accent, #722ED1)"/>
 <path d="M57.0862 82.595C57.0699 82.5498 57.0551 82.5041 57.0391 82.4589C57.0073 82.4869 56.9769 82.5158 56.9424 82.5419L57.0862 82.595Z" fill="#2F2E41"/>
 <path d="M65.2777 132.376H62.6797V208.527H65.2777V132.376Z" fill="#3F3D56"/>
 <path d="M143.06 96.8104H140.462V208.527H143.06V96.8104Z" fill="#3F3D56"/>
 <path d="M221.001 120.193H218.403V208.527H221.001V120.193Z" fill="#3F3D56"/>
 <path d="M298.943 77.325H296.345V208.527H298.943V77.325Z" fill="#3F3D56"/>
 <path d="M376.885 107.203H374.287V208.527H376.885V107.203Z" fill="#3F3D56"/>
-<path d="M141.921 106.549C146.31 106.549 149.868 102.991 149.868 98.6011C149.868 94.2116 146.31 90.6532 141.921 90.6532C137.531 90.6532 133.973 94.2116 133.973 98.6011C133.973 102.991 137.531 106.549 141.921 106.549Z" fill="var(--solid-svg-accent, #2563eb)"/>
-<path d="M297.804 85.7645C302.194 85.7645 305.752 82.2061 305.752 77.8166C305.752 73.4272 302.194 69.8688 297.804 69.8688C293.415 69.8688 289.856 73.4272 289.856 77.8166C289.856 82.2061 293.415 85.7645 297.804 85.7645Z" fill="var(--solid-svg-accent, #2563eb)"/>
-<path d="M219.863 128.632C224.252 128.632 227.811 125.074 227.811 120.685C227.811 116.295 224.252 112.737 219.863 112.737C215.473 112.737 211.915 116.295 211.915 120.685C211.915 125.074 215.473 128.632 219.863 128.632Z" fill="var(--solid-svg-accent, #2563eb)"/>
-<path d="M63.9791 140.324C68.3686 140.324 71.927 136.765 71.927 132.376C71.927 127.986 68.3686 124.428 63.9791 124.428C59.5896 124.428 56.0312 127.986 56.0312 132.376C56.0312 136.765 59.5896 140.324 63.9791 140.324Z" fill="var(--solid-svg-accent, #2563eb)"/>
-<path d="M375.746 114.343C380.135 114.343 383.694 110.785 383.694 106.395C383.694 102.006 380.135 98.4474 375.746 98.4474C371.356 98.4474 367.798 102.006 367.798 106.395C367.798 110.785 371.356 114.343 375.746 114.343Z" fill="var(--solid-svg-accent, #2563eb)"/>
+<path d="M141.921 106.549C146.31 106.549 149.868 102.991 149.868 98.6011C149.868 94.2116 146.31 90.6532 141.921 90.6532C137.531 90.6532 133.973 94.2116 133.973 98.6011C133.973 102.991 137.531 106.549 141.921 106.549Z" fill="var(--solid-svg-accent, #722ED1)"/>
+<path d="M297.804 85.7645C302.194 85.7645 305.752 82.2061 305.752 77.8166C305.752 73.4272 302.194 69.8688 297.804 69.8688C293.415 69.8688 289.856 73.4272 289.856 77.8166C289.856 82.2061 293.415 85.7645 297.804 85.7645Z" fill="var(--solid-svg-accent, #722ED1)"/>
+<path d="M219.863 128.632C224.252 128.632 227.811 125.074 227.811 120.685C227.811 116.295 224.252 112.737 219.863 112.737C215.473 112.737 211.915 116.295 211.915 120.685C211.915 125.074 215.473 128.632 219.863 128.632Z" fill="var(--solid-svg-accent, #722ED1)"/>
+<path d="M63.9791 140.324C68.3686 140.324 71.927 136.765 71.927 132.376C71.927 127.986 68.3686 124.428 63.9791 124.428C59.5896 124.428 56.0312 127.986 56.0312 132.376C56.0312 136.765 59.5896 140.324 63.9791 140.324Z" fill="var(--solid-svg-accent, #722ED1)"/>
+<path d="M375.746 114.343C380.135 114.343 383.694 110.785 383.694 106.395C383.694 102.006 380.135 98.4474 375.746 98.4474C371.356 98.4474 367.798 102.006 367.798 106.395C367.798 110.785 371.356 114.343 375.746 114.343Z" fill="var(--solid-svg-accent, #722ED1)"/>
 <path d="M431.498 207.742H9.55162L6.90234 209.066C6.90236 209.418 7.04192 209.755 7.29034 210.003C7.53875 210.251 7.87567 210.391 8.22699 210.391H431.498C431.849 210.391 432.186 210.251 432.435 210.003C432.683 209.755 432.823 209.418 432.823 209.066C432.823 208.715 432.683 208.378 432.435 208.13C432.186 207.881 431.849 207.742 431.498 207.742Z" fill="#3F3D56"/>
 <path d="M8.00061 216.387C12.3901 216.387 15.9485 212.829 15.9485 208.439C15.9485 204.05 12.3901 200.491 8.00061 200.491C3.61112 200.491 0.0527344 204.05 0.0527344 208.439C0.0527344 212.829 3.61112 216.387 8.00061 216.387Z" fill="#3F3D56"/>
 <path d="M64.0006 239.387C68.3901 239.387 71.9485 235.829 71.9485 231.439C71.9485 227.05 68.3901 223.491 64.0006 223.491C59.6111 223.491 56.0527 227.05 56.0527 231.439C56.0527 235.829 59.6111 239.387 64.0006 239.387Z" fill="#E6E6E6"/>