@tarsis/toolkit 0.7.1 → 0.7.2

package/dist/styles.css

@@ -331,7 +331,24 @@
     --effect-channel-highlight: var(--color-channel-highlight);
     --effect-channel-shadow: var(--color-channel-black);
 
-    /* ── Space ── */
+    /* ── Space ──
+     *
+     * Scale: linear 0.25 rem steps. Semantic aliases reference the numeric
+     * vars so there is a single source of truth per value.
+     *
+     * Heuristics (from design-engineering spacing principles):
+     *
+     *  Grouping    – tightly related items: ≤ 1 rem  (--space-1 … --space-4)
+     *  Separating  – distinct sections:      1.5–2 rem (--space-6 … --space-8)
+     *  Inner < outer – inner spacing must always be smaller than outer spacing
+     *  Buttons     – horizontal padding 2-3× vertical (optical weight of text)
+     *               – icon-text gap < horizontal padding
+     *  Lists       – start at 1 rem (--space-4) between items, adjust down
+     *  Headings    – larger gap than list items to visually detach
+     *  Breathing   – when space is available, use it; tight spacing hurts UX
+     *  Radius      – pair padding + radius from the same scale for harmony
+     */
+    --space-0: 0;
     --space-1: 0.25rem;
     --space-2: 0.5rem;
     --space-3: 0.75rem;
@@ -347,12 +364,12 @@
     --space-13: 3.25rem;
     --space-14: 3.5rem;
     --space-15: 3.75rem;
-    --space-xs: 0.25rem;
-    --space-sm: 0.5rem;
-    --space-md: 1rem;
-    --space-lg: 1.5rem;
-    --space-xl: 2rem;
-    --space-2xl: 3rem;
+    --space-xs: var(--space-1);
+    --space-sm: var(--space-2);
+    --space-md: var(--space-4);
+    --space-lg: var(--space-6);
+    --space-xl: var(--space-8);
+    --space-2xl: var(--space-12);
     --space-3xl: 4rem;
 
     /* ── Radii (legacy --radii-* kept for compat) ── */
@@ -528,7 +545,7 @@
   }
 
   /* ── Light mode (default) ── */
-  body {
+  :root {
     --color-bg: var(--color-gray1);
 
     /* Gray scale */
@@ -687,6 +704,11 @@
     --effect-glow-sheen-start: rgb(var(--effect-channel-glass) / 0.15);
     --effect-glow-veil: rgb(var(--effect-channel-glass) / 0.05);
     --effect-glow-warm: rgb(var(--effect-channel-danger) / 0.6);
+    --effect-dock-motion-border: var(--effect-glass-border);
+    --effect-dock-motion-gloss-end: var(--effect-gloss-line-medium);
+    --effect-dock-motion-gloss-middle: var(--effect-gloss-line-strong);
+    --effect-dock-motion-ring: var(--effect-glass-ring);
+    --effect-dock-motion-shell: var(--effect-glass-shell);
     --effect-gloss-line-faint: rgb(var(--effect-channel-glass) / 0.08);
     --effect-gloss-line-medium: rgb(var(--effect-channel-glass) / 0.18);
     --effect-gloss-line-soft: rgb(var(--effect-channel-glass) / 0.14);
@@ -706,7 +728,7 @@
 
 /* ── P3 wide-gamut / oklch overrides (light) ── */
 @supports (color: color(display-p3 1 1 1)) {
-  body {
+  html[data-p3='true'] {
     --color-accent1: oklch(73.9% 0.139 282.47);
     --color-accent2: oklch(60.45% 0.119 282.84);
     --color-accent3: oklch(52.73% 0.129 281.55);
@@ -805,7 +827,7 @@
   }
 
   /* P3 dark mode overrides */
-  html[data-theme='dark'] {
+  html[data-p3='true'][data-theme='dark'] {
     --color-gray1: oklch(19.87% 0 0);
     --color-gray2: oklch(22.67% 0 0);
     --color-gray3: oklch(25.48% 0 0);
@@ -916,6 +938,11 @@
 
     /* Dark semantic surfaces */
     --color-surface-overlay: var(--color-grayA5);
+    --effect-dock-motion-border: var(--color-grayA4);
+    --effect-dock-motion-gloss-end: var(--color-gray10);
+    --effect-dock-motion-gloss-middle: var(--color-gray6);
+    --effect-dock-motion-ring: var(--color-grayA2);
+    --effect-dock-motion-shell: rgb(22 22 22 / 0.8);
     --effect-glass-border-soft: rgb(var(--effect-channel-glass) / 0.12);
     --effect-glass-shadow-depth: rgb(var(--effect-channel-shadow) / 0.36);
     --effect-glass-shadow-soft: rgb(var(--effect-channel-shadow) / 0.18);
@@ -2385,17 +2412,17 @@ html[data-theme='dark'] ._root_1xfbo_1 {
     background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
     background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
   }
-}._root_7dhw5_1 {
+}._root_1mtdb_1 {
   --bg: hsl(223, 10%, 90%);
   --fg: hsl(223, 10%, 10%);
   font-size: calc(30px + 30 * (100vw - 320px) / 960);
 }
-html[data-theme='dark'] ._root_7dhw5_1 {
+html[data-theme='dark'] ._root_1mtdb_1 {
   --bg: hsl(223, 10%, 10%);
   --fg: hsl(223, 10%, 90%);
 }
 
-._button_7dhw5_11 {
+._button_1mtdb_11 {
   border-radius: 1.25em;
   color: hsl(0, 0%, 100%);
   font-weight: bold;
@@ -2408,12 +2435,12 @@ html[data-theme='dark'] ._root_7dhw5_1 {
   -webkit-apperance: none;
   cursor: pointer;
 }
-._button_7dhw5_11 ._p_7dhw5_24, ._button_7dhw5_11 ._text_7dhw5_24 {
+._button_1mtdb_11 ._p_1mtdb_24, ._button_1mtdb_11 ._text_1mtdb_24 {
   background: hsl(3, 90%, 55%);
   border-radius: 50%;
   transition: background 0.15s linear;
 }
-._button_7dhw5_11 ._p_7dhw5_24 {
+._button_1mtdb_11 ._p_1mtdb_24 {
   animation-duration: 1s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
@@ -2422,197 +2449,197 @@ html[data-theme='dark'] ._root_7dhw5_1 {
   width: 0.5em;
   height: 0.5em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(1) {
-  animation-name: _rise1_7dhw5_1;
-  animation-delay: -0.3s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(1) {
+  animation-name: _rise1_1mtdb_1;
+  animation-delay: -0.67s;
   top: calc(50% - 0.3907910185em);
   left: 0.1em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(2) {
-  animation-name: _rise2_7dhw5_1;
-  animation-delay: -0.5s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(2) {
+  animation-name: _rise2_1mtdb_1;
+  animation-delay: -0.83s;
   top: calc(50% - 0.5281152949em);
   left: 0.2em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(3) {
-  animation-name: _rise3_7dhw5_1;
-  animation-delay: -0.68s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(3) {
+  animation-name: _rise3_1mtdb_1;
+  animation-delay: -0.5s;
   top: calc(50% - 0.6585914498em);
   left: 0.3em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(4) {
-  animation-name: _rise4_7dhw5_1;
-  animation-delay: -0.57s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(4) {
+  animation-name: _rise4_1mtdb_1;
+  animation-delay: -0.15s;
   top: calc(50% - 0.7790067271em);
   left: 0.4em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(5) {
-  animation-name: _rise5_7dhw5_1;
-  animation-delay: -0.86s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(5) {
+  animation-name: _rise5_1mtdb_1;
+  animation-delay: -0.99s;
   top: calc(50% - 0.8863961031em);
   left: 0.5em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(6) {
-  animation-name: _rise6_7dhw5_1;
-  animation-delay: -0.94s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(6) {
+  animation-name: _rise6_1mtdb_1;
+  animation-delay: -0.69s;
   top: calc(50% - 0.9781152949em);
   left: 0.6em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(7) {
-  animation-name: _rise7_7dhw5_1;
-  animation-delay: -0.02s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(7) {
+  animation-name: _rise7_1mtdb_1;
+  animation-delay: -0.76s;
   top: calc(50% - 1.0519058718em);
   left: 0.7em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(8) {
-  animation-name: _rise8_7dhw5_1;
-  animation-delay: -0.77s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(8) {
+  animation-name: _rise8_1mtdb_1;
+  animation-delay: -0.98s;
   top: calc(50% - 1.1059508647em);
   left: 0.8em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(9) {
-  animation-name: _rise9_7dhw5_1;
-  animation-delay: -0.98s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(9) {
+  animation-name: _rise9_1mtdb_1;
+  animation-delay: -0.66s;
   top: calc(50% - 1.1389195065em);
   left: 0.9em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(10) {
-  animation-name: _rise10_7dhw5_1;
-  animation-delay: -0.01s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(10) {
+  animation-name: _rise10_1mtdb_1;
+  animation-delay: -0.23s;
   top: calc(50% - 1.15em);
   left: 1em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(11) {
-  animation-name: _rise11_7dhw5_1;
-  animation-delay: -0.9s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(11) {
+  animation-name: _rise11_1mtdb_1;
+  animation-delay: -0.37s;
   top: calc(50% - 1.1389195065em);
   left: 1.1em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(12) {
-  animation-name: _rise12_7dhw5_1;
-  animation-delay: -0.12s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(12) {
+  animation-name: _rise12_1mtdb_1;
+  animation-delay: -0.15s;
   top: calc(50% - 1.1059508647em);
   left: 1.2em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(13) {
-  animation-name: _rise13_7dhw5_1;
-  animation-delay: -0.2s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(13) {
+  animation-name: _rise13_1mtdb_1;
+  animation-delay: -0.15s;
   top: calc(50% - 1.0519058718em);
   left: 1.3em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(14) {
-  animation-name: _rise14_7dhw5_1;
-  animation-delay: -0.34s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(14) {
+  animation-name: _rise14_1mtdb_1;
+  animation-delay: -0.46s;
   top: calc(50% - 0.9781152949em);
   left: 1.4em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(15) {
-  animation-name: _rise15_7dhw5_1;
-  animation-delay: -0.78s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(15) {
+  animation-name: _rise15_1mtdb_1;
+  animation-delay: -0.76s;
   top: calc(50% - 0.8863961031em);
   left: 1.5em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(16) {
-  animation-name: _rise16_7dhw5_1;
-  animation-delay: -0.57s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(16) {
+  animation-name: _rise16_1mtdb_1;
+  animation-delay: -0.33s;
   top: calc(50% - 0.7790067271em);
   left: 1.6em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(17) {
-  animation-name: _rise17_7dhw5_1;
-  animation-delay: -0.88s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(17) {
+  animation-name: _rise17_1mtdb_1;
+  animation-delay: -0.71s;
   top: calc(50% - 0.6585914498em);
   left: 1.7em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(18) {
-  animation-name: _rise18_7dhw5_1;
-  animation-delay: -0.69s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(18) {
+  animation-name: _rise18_1mtdb_1;
+  animation-delay: -0.9s;
   top: calc(50% - 0.5281152949em);
   left: 1.8em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(19) {
-  animation-name: _rise19_7dhw5_1;
-  animation-delay: -0.49s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(19) {
+  animation-name: _rise19_1mtdb_1;
+  animation-delay: -0.06s;
   top: calc(50% - 0.3907910185em);
   left: 1.9em;
 }
-._button_7dhw5_11 ._p_7dhw5_24:nth-child(20) {
-  animation-name: _rise20_7dhw5_1;
-  animation-delay: -0.3s;
+._button_1mtdb_11 ._p_1mtdb_24:nth-child(20) {
+  animation-name: _rise20_1mtdb_1;
+  animation-delay: -0.61s;
   top: calc(50% - 0.25em);
   left: 2em;
 }
-._button_7dhw5_11:active {
+._button_1mtdb_11:active {
   transform: translateY(0.1em);
 }
-._button_7dhw5_11:focus ._p_7dhw5_24, ._button_7dhw5_11:hover ._p_7dhw5_24, ._button_7dhw5_11:focus ._text_7dhw5_24, ._button_7dhw5_11:hover ._text_7dhw5_24 {
+._button_1mtdb_11:focus ._p_1mtdb_24, ._button_1mtdb_11:hover ._p_1mtdb_24, ._button_1mtdb_11:focus ._text_1mtdb_24, ._button_1mtdb_11:hover ._text_1mtdb_24 {
   background: hsl(18, 90%, 55%);
 }
-._button_7dhw5_11:focus ._p_7dhw5_24, ._button_7dhw5_11:hover ._p_7dhw5_24 {
+._button_1mtdb_11:focus ._p_1mtdb_24, ._button_1mtdb_11:hover ._p_1mtdb_24 {
   animation-duration: 0.5s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(1), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(1) {
-  animation-delay: -0.15s;
-}
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(2), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(2) {
-  animation-delay: -0.25s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(1), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(1) {
+  animation-delay: -0.335s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(3), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(3) {
-  animation-delay: -0.34s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(2), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(2) {
+  animation-delay: -0.415s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(4), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(4) {
-  animation-delay: -0.285s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(3), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(3) {
+  animation-delay: -0.25s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(5), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(5) {
-  animation-delay: -0.43s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(4), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(4) {
+  animation-delay: -0.075s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(6), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(6) {
-  animation-delay: -0.47s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(5), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(5) {
+  animation-delay: -0.495s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(7), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(7) {
-  animation-delay: -0.01s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(6), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(6) {
+  animation-delay: -0.345s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(8), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(8) {
-  animation-delay: -0.385s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(7), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(7) {
+  animation-delay: -0.38s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(9), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(9) {
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(8), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(8) {
   animation-delay: -0.49s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(10), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(10) {
-  animation-delay: -0.005s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(9), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(9) {
+  animation-delay: -0.33s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(11), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(11) {
-  animation-delay: -0.45s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(10), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(10) {
+  animation-delay: -0.115s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(12), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(12) {
-  animation-delay: -0.06s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(11), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(11) {
+  animation-delay: -0.185s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(13), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(13) {
-  animation-delay: -0.1s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(12), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(12) {
+  animation-delay: -0.075s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(14), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(14) {
-  animation-delay: -0.17s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(13), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(13) {
+  animation-delay: -0.075s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(15), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(15) {
-  animation-delay: -0.39s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(14), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(14) {
+  animation-delay: -0.23s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(16), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(16) {
-  animation-delay: -0.285s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(15), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(15) {
+  animation-delay: -0.38s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(17), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(17) {
-  animation-delay: -0.44s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(16), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(16) {
+  animation-delay: -0.165s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(18), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(18) {
-  animation-delay: -0.345s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(17), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(17) {
+  animation-delay: -0.355s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(19), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(19) {
-  animation-delay: -0.245s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(18), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(18) {
+  animation-delay: -0.45s;
 }
-._button_7dhw5_11:focus ._p_7dhw5_24:nth-child(20), ._button_7dhw5_11:hover ._p_7dhw5_24:nth-child(20) {
-  animation-delay: -0.15s;
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(19), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(19) {
+  animation-delay: -0.03s;
+}
+._button_1mtdb_11:focus ._p_1mtdb_24:nth-child(20), ._button_1mtdb_11:hover ._p_1mtdb_24:nth-child(20) {
+  animation-delay: -0.305s;
 }
 
-._text_7dhw5_24 {
+._text_1mtdb_24 {
   display: block;
   padding: 0.5em;
   width: 100%;
@@ -2621,231 +2648,231 @@ html[data-theme='dark'] ._root_7dhw5_1 {
   text-align: center;
 }
 
-._text_7dhw5_24,
-._effects_7dhw5_238 {
+._text_1mtdb_24,
+._effects_1mtdb_238 {
   position: absolute;
   top: 0;
   left: 0;
 }
 
-@keyframes _rise1_7dhw5_1 {
+@keyframes _rise1_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.072em, -1.11em) scale(1);
+    transform: translate(0.072em, -0.6em) scale(1);
   }
   to {
-    transform: translate(0.055em, -2.22em) scale(0);
+    transform: translate(-0.085em, -1.2em) scale(0);
   }
 }
-@keyframes _rise2_7dhw5_1 {
+@keyframes _rise2_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.056em, -0.8em) scale(1);
+    transform: translate(0.07em, -1.01em) scale(1);
   }
   to {
-    transform: translate(0.015em, -1.6em) scale(0);
+    transform: translate(0.235em, -2.02em) scale(0);
   }
 }
-@keyframes _rise3_7dhw5_1 {
+@keyframes _rise3_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.014em, -0.85em) scale(1);
+    transform: translate(0.076em, -1.1em) scale(1);
   }
   to {
-    transform: translate(-0.145em, -1.7em) scale(0);
+    transform: translate(0.035em, -2.2em) scale(0);
   }
 }
-@keyframes _rise4_7dhw5_1 {
+@keyframes _rise4_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.07em, -0.7em) scale(1);
+    transform: translate(-0.036em, -1.08em) scale(1);
   }
   to {
-    transform: translate(-0.2em, -1.4em) scale(0);
+    transform: translate(0.25em, -2.16em) scale(0);
   }
 }
-@keyframes _rise5_7dhw5_1 {
+@keyframes _rise5_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.01em, -0.55em) scale(1);
+    transform: translate(-0.044em, -1.04em) scale(1);
   }
   to {
-    transform: translate(0.06em, -1.1em) scale(0);
+    transform: translate(-0.135em, -2.08em) scale(0);
   }
 }
-@keyframes _rise6_7dhw5_1 {
+@keyframes _rise6_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.016em, -1.28em) scale(1);
+    transform: translate(0em, -0.69em) scale(1);
   }
   to {
-    transform: translate(-0.09em, -2.56em) scale(0);
+    transform: translate(0.125em, -1.38em) scale(0);
   }
 }
-@keyframes _rise7_7dhw5_1 {
+@keyframes _rise7_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.004em, -1.38em) scale(1);
+    transform: translate(-0.078em, -1.14em) scale(1);
   }
   to {
-    transform: translate(-0.215em, -2.76em) scale(0);
+    transform: translate(0.09em, -2.28em) scale(0);
   }
 }
-@keyframes _rise8_7dhw5_1 {
+@keyframes _rise8_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.014em, -1.31em) scale(1);
+    transform: translate(0.094em, -1.22em) scale(1);
   }
   to {
-    transform: translate(-0.185em, -2.62em) scale(0);
+    transform: translate(0.095em, -2.44em) scale(0);
   }
 }
-@keyframes _rise9_7dhw5_1 {
+@keyframes _rise9_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.082em, -0.92em) scale(1);
+    transform: translate(0.042em, -0.83em) scale(1);
   }
   to {
-    transform: translate(0.195em, -1.84em) scale(0);
+    transform: translate(-0.01em, -1.66em) scale(0);
   }
 }
-@keyframes _rise10_7dhw5_1 {
+@keyframes _rise10_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.022em, -0.93em) scale(1);
+    transform: translate(-0.072em, -1.19em) scale(1);
   }
   to {
-    transform: translate(-0.185em, -1.86em) scale(0);
+    transform: translate(-0.145em, -2.38em) scale(0);
   }
 }
-@keyframes _rise11_7dhw5_1 {
+@keyframes _rise11_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.058em, -1.03em) scale(1);
+    transform: translate(0.09em, -0.73em) scale(1);
   }
   to {
-    transform: translate(0.02em, -2.06em) scale(0);
+    transform: translate(-0.205em, -1.46em) scale(0);
   }
 }
-@keyframes _rise12_7dhw5_1 {
+@keyframes _rise12_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.09em, -0.97em) scale(1);
+    transform: translate(0.09em, -0.71em) scale(1);
   }
   to {
-    transform: translate(-0.125em, -1.94em) scale(0);
+    transform: translate(0.22em, -1.42em) scale(0);
   }
 }
-@keyframes _rise13_7dhw5_1 {
+@keyframes _rise13_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.036em, -1.04em) scale(1);
+    transform: translate(0.006em, -0.57em) scale(1);
   }
   to {
-    transform: translate(-0.045em, -2.08em) scale(0);
+    transform: translate(0.105em, -1.14em) scale(0);
   }
 }
-@keyframes _rise14_7dhw5_1 {
+@keyframes _rise14_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.008em, -0.5em) scale(1);
+    transform: translate(0.028em, -1.07em) scale(1);
   }
   to {
-    transform: translate(0.135em, -1em) scale(0);
+    transform: translate(0.1em, -2.14em) scale(0);
   }
 }
-@keyframes _rise15_7dhw5_1 {
+@keyframes _rise15_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.092em, -0.76em) scale(1);
+    transform: translate(-0.044em, -0.59em) scale(1);
   }
   to {
-    transform: translate(0.175em, -1.52em) scale(0);
+    transform: translate(0.22em, -1.18em) scale(0);
   }
 }
-@keyframes _rise16_7dhw5_1 {
+@keyframes _rise16_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.082em, -0.66em) scale(1);
+    transform: translate(-0.058em, -1.1em) scale(1);
   }
   to {
-    transform: translate(-0.075em, -1.32em) scale(0);
+    transform: translate(0.095em, -2.2em) scale(0);
   }
 }
-@keyframes _rise17_7dhw5_1 {
+@keyframes _rise17_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.056em, -1.09em) scale(1);
+    transform: translate(0.022em, -0.56em) scale(1);
   }
   to {
-    transform: translate(-0.1em, -2.18em) scale(0);
+    transform: translate(-0.245em, -1.12em) scale(0);
   }
 }
-@keyframes _rise18_7dhw5_1 {
+@keyframes _rise18_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.06em, -1.21em) scale(1);
+    transform: translate(0.004em, -0.91em) scale(1);
   }
   to {
-    transform: translate(0.02em, -2.42em) scale(0);
+    transform: translate(0.055em, -1.82em) scale(0);
   }
 }
-@keyframes _rise19_7dhw5_1 {
+@keyframes _rise19_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.038em, -1.3em) scale(1);
+    transform: translate(0.084em, -0.82em) scale(1);
   }
   to {
-    transform: translate(-0.105em, -2.6em) scale(0);
+    transform: translate(0.21em, -1.64em) scale(0);
   }
 }
-@keyframes _rise20_7dhw5_1 {
+@keyframes _rise20_1mtdb_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.046em, -0.74em) scale(1);
+    transform: translate(0.05em, -1.49em) scale(1);
   }
   to {
-    transform: translate(-0.135em, -1.48em) scale(0);
+    transform: translate(-0.235em, -2.98em) scale(0);
   }
 }._root_exi6q_1 {
   --primary: black;
@@ -6127,7 +6154,7 @@ html[data-theme='dark'] ._root_nxo69_1 {
 ._root_1qkvm_1:focus::after {
   opacity: 1;
 }/*background-image: radial-gradient(circle, #333, #000 800px);*/
-._root_hepo2_2 {
+._root_1nssk_2 {
   position: relative;
   width: 287px;
   height: 36px;
@@ -6141,13 +6168,13 @@ html[data-theme='dark'] ._root_nxo69_1 {
   justify-content: center;
   align-content: center;
 }
-._root_hepo2_2:hover {
+._root_1nssk_2:hover {
   --sy: 1;
   --aps: running;
   --op: 0;
 }
 
-._i_hepo2_22 {
+._i_1nssk_22 {
   position: absolute;
   left: var(--left, 0);
   top: 50%;
@@ -6157,16 +6184,16 @@ html[data-theme='dark'] ._root_nxo69_1 {
   transition: transform var(--duration) ease-out;
   z-index: -1;
 }
-._i_hepo2_22::after {
+._i_1nssk_22::after {
   content: "";
   position: absolute;
   inset: 0;
   background-image: linear-gradient(#fff, hsl(var(--hue, 0), 75%, 75%));
   border-radius: 50%;
-  animation: _noise_hepo2_1 var(--duration) infinite ease-in-out alternate;
+  animation: _noise_1nssk_1 var(--duration) infinite ease-in-out alternate;
   animation-play-state: var(--aps, paused);
 }
-@keyframes _noise_hepo2_1 {
+@keyframes _noise_1nssk_1 {
   0% {
     transform: scaleY(calc(1 - (var(--size, 0))));
   }
@@ -6174,440 +6201,440 @@ html[data-theme='dark'] ._root_nxo69_1 {
     transform: scaleY(calc(1 + (var(--size, 0))));
   }
 }
-._i_hepo2_22:nth-child(1) {
+._i_1nssk_22:nth-child(1) {
   --left: 0px;
-  --duration: 340ms;
-  --size: 0.845;
+  --duration: 366ms;
+  --size: 0.315;
   --hue: 0;
 }
-._i_hepo2_22:nth-child(2) {
+._i_1nssk_22:nth-child(2) {
   --left: 4px;
-  --duration: 243ms;
-  --size: 0.04;
+  --duration: 224ms;
+  --size: 0.169;
   --hue: 5;
 }
-._i_hepo2_22:nth-child(3) {
+._i_1nssk_22:nth-child(3) {
   --left: 8px;
-  --duration: 219ms;
-  --size: 0.521;
+  --duration: 355ms;
+  --size: 0.449;
   --hue: 10;
 }
-._i_hepo2_22:nth-child(4) {
+._i_1nssk_22:nth-child(4) {
   --left: 12px;
-  --duration: 226ms;
-  --size: 0.356;
+  --duration: 264ms;
+  --size: 0.792;
   --hue: 15;
 }
-._i_hepo2_22:nth-child(5) {
+._i_1nssk_22:nth-child(5) {
   --left: 16px;
-  --duration: 284ms;
-  --size: 0.64;
+  --duration: 219ms;
+  --size: 0.528;
   --hue: 20;
 }
-._i_hepo2_22:nth-child(6) {
+._i_1nssk_22:nth-child(6) {
   --left: 20px;
-  --duration: 267ms;
-  --size: 0.543;
+  --duration: 357ms;
+  --size: 0.498;
   --hue: 25;
 }
-._i_hepo2_22:nth-child(7) {
+._i_1nssk_22:nth-child(7) {
   --left: 24px;
-  --duration: 391ms;
-  --size: 0.543;
+  --duration: 207ms;
+  --size: 0.829;
   --hue: 30;
 }
-._i_hepo2_22:nth-child(8) {
+._i_1nssk_22:nth-child(8) {
   --left: 28px;
-  --duration: 223ms;
-  --size: 0.402;
+  --duration: 220ms;
+  --size: 0.281;
   --hue: 35;
 }
-._i_hepo2_22:nth-child(9) {
+._i_1nssk_22:nth-child(9) {
   --left: 32px;
-  --duration: 226ms;
-  --size: 0.725;
+  --duration: 325ms;
+  --size: 0.993;
   --hue: 40;
 }
-._i_hepo2_22:nth-child(10) {
+._i_1nssk_22:nth-child(10) {
   --left: 36px;
-  --duration: 350ms;
-  --size: 0.747;
+  --duration: 236ms;
+  --size: 0.647;
   --hue: 45;
 }
-._i_hepo2_22:nth-child(11) {
+._i_1nssk_22:nth-child(11) {
   --left: 40px;
-  --duration: 375ms;
-  --size: 0.679;
+  --duration: 257ms;
+  --size: 0.211;
   --hue: 50;
 }
-._i_hepo2_22:nth-child(12) {
+._i_1nssk_22:nth-child(12) {
   --left: 44px;
-  --duration: 385ms;
-  --size: 0.621;
+  --duration: 246ms;
+  --size: 0.448;
   --hue: 55;
 }
-._i_hepo2_22:nth-child(13) {
+._i_1nssk_22:nth-child(13) {
   --left: 48px;
-  --duration: 203ms;
-  --size: 0.371;
+  --duration: 309ms;
+  --size: 0.224;
   --hue: 60;
 }
-._i_hepo2_22:nth-child(14) {
+._i_1nssk_22:nth-child(14) {
   --left: 52px;
-  --duration: 311ms;
-  --size: 0.432;
+  --duration: 331ms;
+  --size: 0.74;
   --hue: 65;
 }
-._i_hepo2_22:nth-child(15) {
+._i_1nssk_22:nth-child(15) {
   --left: 56px;
-  --duration: 287ms;
-  --size: 0.045;
+  --duration: 334ms;
+  --size: 0.689;
   --hue: 70;
 }
-._i_hepo2_22:nth-child(16) {
+._i_1nssk_22:nth-child(16) {
   --left: 60px;
-  --duration: 390ms;
-  --size: 0.026;
+  --duration: 353ms;
+  --size: 0.683;
   --hue: 75;
 }
-._i_hepo2_22:nth-child(17) {
+._i_1nssk_22:nth-child(17) {
   --left: 64px;
-  --duration: 366ms;
-  --size: 0.31;
+  --duration: 386ms;
+  --size: 0.231;
   --hue: 80;
 }
-._i_hepo2_22:nth-child(18) {
+._i_1nssk_22:nth-child(18) {
   --left: 68px;
-  --duration: 339ms;
-  --size: 0.975;
+  --duration: 309ms;
+  --size: 0.247;
   --hue: 85;
 }
-._i_hepo2_22:nth-child(19) {
+._i_1nssk_22:nth-child(19) {
   --left: 72px;
   --duration: 242ms;
-  --size: 0.912;
+  --size: 0.3;
   --hue: 90;
 }
-._i_hepo2_22:nth-child(20) {
+._i_1nssk_22:nth-child(20) {
   --left: 76px;
-  --duration: 326ms;
-  --size: 0.309;
+  --duration: 305ms;
+  --size: 0.501;
   --hue: 95;
 }
-._i_hepo2_22:nth-child(21) {
+._i_1nssk_22:nth-child(21) {
   --left: 80px;
-  --duration: 238ms;
-  --size: 0.913;
+  --duration: 263ms;
+  --size: 0.889;
   --hue: 100;
 }
-._i_hepo2_22:nth-child(22) {
+._i_1nssk_22:nth-child(22) {
   --left: 84px;
   --duration: 362ms;
-  --size: 0.055;
+  --size: 0.635;
   --hue: 105;
 }
-._i_hepo2_22:nth-child(23) {
+._i_1nssk_22:nth-child(23) {
   --left: 88px;
-  --duration: 229ms;
-  --size: 0.628;
+  --duration: 302ms;
+  --size: 0.972;
   --hue: 110;
 }
-._i_hepo2_22:nth-child(24) {
+._i_1nssk_22:nth-child(24) {
   --left: 92px;
-  --duration: 361ms;
-  --size: 0.544;
+  --duration: 332ms;
+  --size: 0.204;
   --hue: 115;
 }
-._i_hepo2_22:nth-child(25) {
+._i_1nssk_22:nth-child(25) {
   --left: 96px;
-  --duration: 290ms;
-  --size: 0.545;
+  --duration: 375ms;
+  --size: 0.69;
   --hue: 120;
 }
-._i_hepo2_22:nth-child(26) {
+._i_1nssk_22:nth-child(26) {
   --left: 100px;
-  --duration: 354ms;
-  --size: 0.114;
+  --duration: 244ms;
+  --size: 0.678;
   --hue: 125;
 }
-._i_hepo2_22:nth-child(27) {
+._i_1nssk_22:nth-child(27) {
   --left: 104px;
-  --duration: 255ms;
-  --size: 0.691;
+  --duration: 266ms;
+  --size: 0.302;
   --hue: 130;
 }
-._i_hepo2_22:nth-child(28) {
+._i_1nssk_22:nth-child(28) {
   --left: 108px;
-  --duration: 210ms;
-  --size: 0.51;
+  --duration: 270ms;
+  --size: 0.774;
   --hue: 135;
 }
-._i_hepo2_22:nth-child(29) {
+._i_1nssk_22:nth-child(29) {
   --left: 112px;
-  --duration: 317ms;
-  --size: 0.892;
+  --duration: 372ms;
+  --size: 0.207;
   --hue: 140;
 }
-._i_hepo2_22:nth-child(30) {
+._i_1nssk_22:nth-child(30) {
   --left: 116px;
-  --duration: 348ms;
-  --size: 0.343;
+  --duration: 319ms;
+  --size: 0.972;
   --hue: 145;
 }
-._i_hepo2_22:nth-child(31) {
+._i_1nssk_22:nth-child(31) {
   --left: 120px;
-  --duration: 266ms;
-  --size: 0.207;
+  --duration: 354ms;
+  --size: 0.342;
   --hue: 150;
 }
-._i_hepo2_22:nth-child(32) {
+._i_1nssk_22:nth-child(32) {
   --left: 124px;
-  --duration: 245ms;
-  --size: 0.862;
+  --duration: 248ms;
+  --size: 0.855;
   --hue: 155;
 }
-._i_hepo2_22:nth-child(33) {
+._i_1nssk_22:nth-child(33) {
   --left: 128px;
-  --duration: 322ms;
-  --size: 0.042;
+  --duration: 384ms;
+  --size: 0.245;
   --hue: 160;
 }
-._i_hepo2_22:nth-child(34) {
+._i_1nssk_22:nth-child(34) {
   --left: 132px;
-  --duration: 251ms;
-  --size: 0.83;
+  --duration: 255ms;
+  --size: 0.735;
   --hue: 165;
 }
-._i_hepo2_22:nth-child(35) {
+._i_1nssk_22:nth-child(35) {
   --left: 136px;
-  --duration: 328ms;
-  --size: 0.069;
+  --duration: 386ms;
+  --size: 0.624;
   --hue: 170;
 }
-._i_hepo2_22:nth-child(36) {
+._i_1nssk_22:nth-child(36) {
   --left: 140px;
-  --duration: 325ms;
-  --size: 0.197;
+  --duration: 311ms;
+  --size: 0.712;
   --hue: 175;
 }
-._i_hepo2_22:nth-child(37) {
+._i_1nssk_22:nth-child(37) {
   --left: 144px;
-  --duration: 336ms;
-  --size: 0.436;
+  --duration: 329ms;
+  --size: 0.306;
   --hue: 180;
 }
-._i_hepo2_22:nth-child(38) {
+._i_1nssk_22:nth-child(38) {
   --left: 148px;
-  --duration: 293ms;
-  --size: 0.946;
+  --duration: 338ms;
+  --size: 0.67;
   --hue: 185;
 }
-._i_hepo2_22:nth-child(39) {
+._i_1nssk_22:nth-child(39) {
   --left: 152px;
-  --duration: 249ms;
-  --size: 0.394;
+  --duration: 391ms;
+  --size: 0.922;
   --hue: 190;
 }
-._i_hepo2_22:nth-child(40) {
+._i_1nssk_22:nth-child(40) {
   --left: 156px;
-  --duration: 243ms;
-  --size: 0.81;
+  --duration: 370ms;
+  --size: 0.725;
   --hue: 195;
 }
-._i_hepo2_22:nth-child(41) {
+._i_1nssk_22:nth-child(41) {
   --left: 160px;
-  --duration: 242ms;
-  --size: 0.025;
+  --duration: 391ms;
+  --size: 0.708;
   --hue: 200;
 }
-._i_hepo2_22:nth-child(42) {
+._i_1nssk_22:nth-child(42) {
   --left: 164px;
-  --duration: 224ms;
-  --size: 0.689;
+  --duration: 383ms;
+  --size: 0.739;
   --hue: 205;
 }
-._i_hepo2_22:nth-child(43) {
+._i_1nssk_22:nth-child(43) {
   --left: 168px;
-  --duration: 363ms;
-  --size: 0.883;
+  --duration: 344ms;
+  --size: 0.57;
   --hue: 210;
 }
-._i_hepo2_22:nth-child(44) {
+._i_1nssk_22:nth-child(44) {
   --left: 172px;
-  --duration: 256ms;
-  --size: 0.393;
+  --duration: 311ms;
+  --size: 0.065;
   --hue: 215;
 }
-._i_hepo2_22:nth-child(45) {
+._i_1nssk_22:nth-child(45) {
   --left: 176px;
-  --duration: 353ms;
-  --size: 0.174;
+  --duration: 273ms;
+  --size: 0.596;
   --hue: 220;
 }
-._i_hepo2_22:nth-child(46) {
+._i_1nssk_22:nth-child(46) {
   --left: 180px;
-  --duration: 349ms;
-  --size: 0.382;
+  --duration: 399ms;
+  --size: 0.533;
   --hue: 225;
 }
-._i_hepo2_22:nth-child(47) {
+._i_1nssk_22:nth-child(47) {
   --left: 184px;
-  --duration: 213ms;
-  --size: 0.798;
+  --duration: 348ms;
+  --size: 0.23;
   --hue: 230;
 }
-._i_hepo2_22:nth-child(48) {
+._i_1nssk_22:nth-child(48) {
   --left: 188px;
-  --duration: 204ms;
-  --size: 0.038;
+  --duration: 304ms;
+  --size: 0.498;
   --hue: 235;
 }
-._i_hepo2_22:nth-child(49) {
+._i_1nssk_22:nth-child(49) {
   --left: 192px;
-  --duration: 334ms;
-  --size: 0.632;
+  --duration: 234ms;
+  --size: 0.252;
   --hue: 240;
 }
-._i_hepo2_22:nth-child(50) {
+._i_1nssk_22:nth-child(50) {
   --left: 196px;
-  --duration: 399ms;
-  --size: 0.629;
+  --duration: 309ms;
+  --size: 0.76;
   --hue: 245;
 }
-._i_hepo2_22:nth-child(51) {
+._i_1nssk_22:nth-child(51) {
   --left: 200px;
-  --duration: 286ms;
-  --size: 0.27;
+  --duration: 202ms;
+  --size: 0.131;
   --hue: 250;
 }
-._i_hepo2_22:nth-child(52) {
+._i_1nssk_22:nth-child(52) {
   --left: 204px;
-  --duration: 393ms;
-  --size: 0.15;
+  --duration: 246ms;
+  --size: 0.177;
   --hue: 255;
 }
-._i_hepo2_22:nth-child(53) {
+._i_1nssk_22:nth-child(53) {
   --left: 208px;
-  --duration: 264ms;
-  --size: 0.056;
+  --duration: 343ms;
+  --size: 0.345;
   --hue: 260;
 }
-._i_hepo2_22:nth-child(54) {
+._i_1nssk_22:nth-child(54) {
   --left: 212px;
-  --duration: 287ms;
-  --size: 0.562;
+  --duration: 206ms;
+  --size: 0.07;
   --hue: 265;
 }
-._i_hepo2_22:nth-child(55) {
+._i_1nssk_22:nth-child(55) {
   --left: 216px;
-  --duration: 310ms;
-  --size: 0.432;
+  --duration: 383ms;
+  --size: 0.779;
   --hue: 270;
 }
-._i_hepo2_22:nth-child(56) {
+._i_1nssk_22:nth-child(56) {
   --left: 220px;
-  --duration: 339ms;
-  --size: 0.656;
+  --duration: 325ms;
+  --size: 0.705;
   --hue: 275;
 }
-._i_hepo2_22:nth-child(57) {
+._i_1nssk_22:nth-child(57) {
   --left: 224px;
-  --duration: 360ms;
-  --size: 0.435;
+  --duration: 271ms;
+  --size: 0.178;
   --hue: 280;
 }
-._i_hepo2_22:nth-child(58) {
+._i_1nssk_22:nth-child(58) {
   --left: 228px;
-  --duration: 283ms;
-  --size: 0.201;
+  --duration: 361ms;
+  --size: 0.612;
   --hue: 285;
 }
-._i_hepo2_22:nth-child(59) {
+._i_1nssk_22:nth-child(59) {
   --left: 232px;
-  --duration: 382ms;
-  --size: 0.306;
+  --duration: 374ms;
+  --size: 0.348;
   --hue: 290;
 }
-._i_hepo2_22:nth-child(60) {
+._i_1nssk_22:nth-child(60) {
   --left: 236px;
-  --duration: 394ms;
-  --size: 0.099;
+  --duration: 239ms;
+  --size: 0.358;
   --hue: 295;
 }
-._i_hepo2_22:nth-child(61) {
+._i_1nssk_22:nth-child(61) {
   --left: 240px;
-  --duration: 377ms;
-  --size: 0.14;
+  --duration: 303ms;
+  --size: 0.236;
   --hue: 300;
 }
-._i_hepo2_22:nth-child(62) {
+._i_1nssk_22:nth-child(62) {
   --left: 244px;
-  --duration: 254ms;
-  --size: 0.017;
+  --duration: 227ms;
+  --size: 0.318;
   --hue: 305;
 }
-._i_hepo2_22:nth-child(63) {
+._i_1nssk_22:nth-child(63) {
   --left: 248px;
-  --duration: 311ms;
-  --size: 0.495;
+  --duration: 348ms;
+  --size: 0.177;
   --hue: 310;
 }
-._i_hepo2_22:nth-child(64) {
+._i_1nssk_22:nth-child(64) {
   --left: 252px;
-  --duration: 377ms;
-  --size: 0.669;
+  --duration: 357ms;
+  --size: 0.442;
   --hue: 315;
 }
-._i_hepo2_22:nth-child(65) {
+._i_1nssk_22:nth-child(65) {
   --left: 256px;
-  --duration: 310ms;
-  --size: 0.583;
+  --duration: 226ms;
+  --size: 0.52;
   --hue: 320;
 }
-._i_hepo2_22:nth-child(66) {
+._i_1nssk_22:nth-child(66) {
   --left: 260px;
-  --duration: 256ms;
-  --size: 0.235;
+  --duration: 292ms;
+  --size: 0.267;
   --hue: 325;
 }
-._i_hepo2_22:nth-child(67) {
+._i_1nssk_22:nth-child(67) {
   --left: 264px;
-  --duration: 232ms;
-  --size: 0.849;
+  --duration: 374ms;
+  --size: 1;
   --hue: 330;
 }
-._i_hepo2_22:nth-child(68) {
+._i_1nssk_22:nth-child(68) {
   --left: 268px;
-  --duration: 285ms;
-  --size: 0.013;
+  --duration: 214ms;
+  --size: 0.133;
   --hue: 335;
 }
-._i_hepo2_22:nth-child(69) {
+._i_1nssk_22:nth-child(69) {
   --left: 272px;
-  --duration: 204ms;
-  --size: 0.19;
+  --duration: 317ms;
+  --size: 0.511;
   --hue: 340;
 }
-._i_hepo2_22:nth-child(70) {
+._i_1nssk_22:nth-child(70) {
   --left: 276px;
-  --duration: 344ms;
-  --size: 0.208;
+  --duration: 358ms;
+  --size: 0.035;
   --hue: 345;
 }
-._i_hepo2_22:nth-child(71) {
+._i_1nssk_22:nth-child(71) {
   --left: 280px;
-  --duration: 387ms;
-  --size: 0.027;
+  --duration: 351ms;
+  --size: 0.462;
   --hue: 350;
 }
-._i_hepo2_22:nth-child(72) {
+._i_1nssk_22:nth-child(72) {
   --left: 284px;
-  --duration: 226ms;
-  --size: 0.271;
+  --duration: 322ms;
+  --size: 0.068;
   --hue: 355;
 }
 
-._text_hepo2_482 {
+._text_1nssk_482 {
   opacity: var(--op, 1);
   transition: opacity 0.4s ease;
 }._root_aiqzw_1 {
@@ -8012,24 +8039,31 @@ html[data-theme='dark'] ._root_nxo69_1 {
   border-radius: calc(var(--border-radius) - var(--border-size));
   color: var(--foreground);
   white-space: nowrap;
-}._root_yozjp_1 {
+}._root_1xtu1_1 {
   --transition: 0.1s;
   --border-radius: 56px;
 }
 
-/* button */
-._buttonContainer_yozjp_7 {
+._buttonContainer_1xtu1_6 {
   width: 300px;
   height: 100px;
   position: relative;
   transition: transform var(--transition), box-shadow var(--transition);
   user-select: none;
 }
-._buttonContainer_yozjp_7._pressed_yozjp_14 {
+._buttonContainer_1xtu1_6._pressed_1xtu1_13 {
   transform: translateZ(0) scale(0.95);
 }
 
-._button_yozjp_7 {
+._button_1xtu1_6 {
+  appearance: none;
+  border: none;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  color: inherit;
+  background: transparent;
+  text-align: inherit;
   width: 100%;
   height: 100%;
   overflow: hidden;
@@ -8039,12 +8073,27 @@ html[data-theme='dark'] ._root_nxo69_1 {
   transition: transform var(--transition), box-shadow var(--transition);
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
+  position: relative;
 }
-._button_yozjp_7._pressed_yozjp_14 {
+._button_1xtu1_6:focus {
+  outline: none;
+}
+._button_1xtu1_6:focus-visible {
+  outline: none;
+  box-shadow: inset 0 0 0 2px rgba(59, 130, 246, 0.9), 0px 4px 8px rgba(0, 0, 0, 0.25), 0px 8px 16px rgba(0, 0, 0, 0.15), 0px 16px 32px rgba(0, 0, 0, 0.125);
+}
+._button_1xtu1_6:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+._button_1xtu1_6._pressed_1xtu1_13 {
   box-shadow: 0px -2px 1px rgba(255, 255, 255, 0.5), 0px -1px 1px rgba(0, 0, 0, 0.5), 0px -4px 1px rgba(255, 255, 255, 0.5), 0px 4px 1px rgba(255, 255, 255, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 4px 1px rgba(255, 255, 255, 0.5);
 }
+._button_1xtu1_6._pressed_1xtu1_13:focus-visible {
+  box-shadow: inset 0 0 0 2px rgba(59, 130, 246, 0.9), 0px -2px 1px rgba(255, 255, 255, 0.5), 0px -1px 1px rgba(0, 0, 0, 0.5), 0px -4px 1px rgba(255, 255, 255, 0.5), 0px 4px 1px rgba(255, 255, 255, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 4px 1px rgba(255, 255, 255, 0.5);
+}
 
-._shadow_yozjp_33 {
+._shadow_1xtu1_55 {
   width: 100%;
   height: 100%;
   position: absolute;
@@ -8056,11 +8105,11 @@ html[data-theme='dark'] ._root_nxo69_1 {
   box-shadow: inset 0px 2px 2px rgb(255, 255, 255), inset 0px 2px 2px rgba(255, 255, 255, 0.8), inset 0px -2px 2px rgba(255, 255, 255, 0.5);
   transition: box-shadow var(--transition);
 }
-._button_yozjp_7._pressed_yozjp_14 ._shadow_yozjp_33 {
+._button_1xtu1_6._pressed_1xtu1_13 ._shadow_1xtu1_55 {
   box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.1), inset 0px 4px 4px rgba(0, 0, 0, 0.2), inset 0px -6px 8px rgba(0, 0, 0, 0.1);
 }
 
-._text_yozjp_49 {
+._text_1xtu1_71 {
   pointer-events: none;
   color: rgba(0, 0, 0, 0.7);
   font-size: 48px;
@@ -8068,18 +8117,16 @@ html[data-theme='dark'] ._root_nxo69_1 {
   position: absolute;
   left: 50%;
   top: 50%;
-  /* z-index: 2000000; */
+  z-index: 1;
   transform: translate(-50%, -50%);
   filter: drop-shadow(0px -1px 0px rgba(255, 255, 255, 0.5)) drop-shadow(0px 1px 0px rgba(255, 255, 255, 0.6));
   backdrop-filter: blur(2px);
-  cursor: pointer;
 }
-._text_yozjp_49::selection {
+._text_1xtu1_71::selection {
   background-color: transparent;
 }
 
-/* video reflection */
-._buttonReflection_yozjp_68 {
+._buttonReflection_1xtu1_88 {
   width: 100%;
   height: 100%;
   transform: scaleX(-1);
@@ -8087,8 +8134,7 @@ html[data-theme='dark'] ._root_nxo69_1 {
   opacity: 0.7;
 }
 
-/* subtle reflecting surrounding the button */
-._surfaceReflection_yozjp_77 {
+._surfaceReflection_1xtu1_96 {
   height: 150px;
   width: 350px;
   position: absolute;
@@ -8101,12 +8147,11 @@ html[data-theme='dark'] ._root_nxo69_1 {
   opacity: 0.35;
   transition: opacity var(--transition), transform var(--transition);
 }
-._surfaceReflection_yozjp_77._pressed_yozjp_14 {
+._surfaceReflection_1xtu1_96._pressed_1xtu1_13 {
   opacity: 0.1;
 }
 
-/* details: cursors reflection && smudges */
-._detailsContainer_yozjp_95 {
+._detailsContainer_1xtu1_113 {
   pointer-events: none;
   width: 100%;
   height: 100%;
@@ -8115,11 +8160,10 @@ html[data-theme='dark'] ._root_nxo69_1 {
   top: 0;
   z-index: 1000;
   overflow: hidden;
-  /* border-radius: var(--border-radius); */
+  border-radius: var(--border-radius);
 }
 
-/* see code for explanation */
-._hackyCursorInnerDiv_yozjp_108 {
+._playfulLayersClip_1xtu1_125 {
   position: absolute;
   left: 0;
   top: 0;
@@ -8129,8 +8173,7 @@ html[data-theme='dark'] ._root_nxo69_1 {
   border-radius: var(--border-radius);
 }
 
-/* cursor reflection */
-._cursor_yozjp_119 {
+._cursor_1xtu1_135 {
   height: 20px;
   width: 20px;
   position: absolute;
@@ -8139,8 +8182,19 @@ html[data-theme='dark'] ._root_nxo69_1 {
   filter: blur(2px);
 }
 
-/* smudges */
-._fingerprint_yozjp_129 {
+._visuallyHidden_1xtu1_144 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+._fingerprint_1xtu1_156 {
   position: absolute;
   left: 0;
   top: 0;
@@ -8156,7 +8210,7 @@ html[data-theme='dark'] ._root_nxo69_1 {
 }
 
 @media screen and (max-width: 800px) {
-  ._cursor_yozjp_119 {
+  ._cursor_1xtu1_135 {
     display: none;
   }
 }/*
@@ -16934,13 +16988,13 @@ html[data-theme=dark] ._root_17z29_1 {
   border-bottom: 0;
   margin-left: calc(-1 * var(--size));
   margin-bottom: calc(-1 * var(--size));
-}._root_ofkv2_1 {
-  --dock-motion-shell: var(--effect-glass-shell);
-  --dock-motion-border: var(--effect-glass-border);
-  --dock-motion-ring: var(--effect-glass-ring);
+}._root_1b5vk_1 {
+  --dock-motion-shell: var(--effect-dock-motion-shell);
+  --dock-motion-border: var(--effect-dock-motion-border);
+  --dock-motion-ring: var(--effect-dock-motion-ring);
   --dock-motion-gloss-start: transparent;
-  --dock-motion-gloss-middle: var(--effect-gloss-line-strong);
-  --dock-motion-gloss-end: var(--effect-gloss-line-medium);
+  --dock-motion-gloss-middle: var(--effect-dock-motion-gloss-middle);
+  --dock-motion-gloss-end: var(--effect-dock-motion-gloss-end);
   --dock-motion-overlay-bg: var(--effect-glass-overlay-tint);
   --dock-motion-highlight: var(--effect-glass-specular-highlight);
   position: fixed;
@@ -16951,7 +17005,7 @@ html[data-theme=dark] ._root_17z29_1 {
   border-radius: var(--radius-xl);
 }
 
-._container_ofkv2_18 {
+._container_1b5vk_18 {
   position: relative;
   display: flex;
   justify-content: center;
@@ -16965,14 +17019,14 @@ html[data-theme=dark] ._root_17z29_1 {
   box-shadow: 0 0 0 2px var(--dock-motion-ring);
   background: var(--dock-motion-shell);
 }
-._containerGlass_ofkv2_32 {
+._containerGlass_1b5vk_32 {
   background: transparent;
   backdrop-filter: none;
   border: none;
   box-shadow: 0 6px 6px var(--effect-shadow-interactive), 0 0 20px var(--effect-shadow-muted);
 }
 
-._glossyXLine_ofkv2_39 {
+._glossyXLine_1b5vk_39 {
   background: linear-gradient(90deg, var(--dock-motion-gloss-start), var(--dock-motion-gloss-middle) 20%, var(--dock-motion-gloss-end) 67.19%, var(--dock-motion-gloss-start));
   opacity: 0.55;
   position: absolute;
@@ -16982,7 +17036,7 @@ html[data-theme=dark] ._root_17z29_1 {
   z-index: -1;
 }
 
-._items_ofkv2_49 {
+._items_1b5vk_49 {
   position: relative;
   z-index: 3;
   border-top-left-radius: 10px;
@@ -16994,41 +17048,41 @@ html[data-theme=dark] ._root_17z29_1 {
   padding-top: 10px;
   padding-bottom: 10px;
 }
-._items_ofkv2_49 > *:first-child {
+._items_1b5vk_49 > *:first-child {
   margin-left: 10px;
 }
-._items_ofkv2_49 > *:last-child {
+._items_1b5vk_49 > *:last-child {
   margin-right: 10px;
 }
-._items_ofkv2_49 {
+._items_1b5vk_49 {
   overflow-x: auto;
   overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
-._items_ofkv2_49::-webkit-scrollbar {
+._items_1b5vk_49::-webkit-scrollbar {
   display: none;
   width: 0;
   height: 0;
 }
-._items_ofkv2_49::-webkit-scrollbar-track {
+._items_1b5vk_49::-webkit-scrollbar-track {
   display: none;
 }
-._items_ofkv2_49::-webkit-scrollbar-thumb {
+._items_1b5vk_49::-webkit-scrollbar-thumb {
   display: none;
 }
-._items_ofkv2_49::-webkit-scrollbar-corner {
+._items_1b5vk_49::-webkit-scrollbar-corner {
   display: none;
 }
 
-._child_ofkv2_89 {
+._child_1b5vk_89 {
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
-._divider_ofkv2_95 {
+._divider_1b5vk_95 {
   opacity: 1;
   height: 36px;
   margin: 4px 1px;
@@ -17039,7 +17093,7 @@ html[data-theme=dark] ._root_17z29_1 {
   -webkit-mask-image: linear-gradient(0deg, transparent, var(--color-white) 16px, var(--color-white) calc(100% - 16px), transparent);
 }
 
-._glassFilter_ofkv2_106 {
+._glassFilter_1b5vk_106 {
   position: absolute;
   inset: 0;
   z-index: 0;
@@ -17051,7 +17105,7 @@ html[data-theme=dark] ._root_17z29_1 {
   clip-path: inset(0 round 20px);
 }
 
-._glassOverlay_ofkv2_118 {
+._glassOverlay_1b5vk_118 {
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -17060,7 +17114,7 @@ html[data-theme=dark] ._root_17z29_1 {
   overflow: hidden;
 }
 
-._glassSpecular_ofkv2_127 {
+._glassSpecular_1b5vk_127 {
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -17310,7 +17364,7 @@ html[data-theme=dark] ._root_17z29_1 {
 
 ._outputValue_17tpn_102 {
   width: 2em;
-}._root_1aw22_1 {
+}._root_5hf3i_1 {
   --dock-radius: 23%;
   --dock-item-shadow-top: var(--effect-shadow-faint);
   --dock-item-shadow-depth: var(--effect-shadow-muted);
@@ -17320,26 +17374,30 @@ html[data-theme=dark] ._root_17z29_1 {
   --dock-item-gloss-middle: var(--effect-gloss-line-soft);
   --dock-item-gloss-end: var(--effect-gloss-line-faint);
 }
-html[data-theme=dark] ._root_1aw22_1 {
-  --dock-item-gradient-start: var(--color-gray3);
-  --dock-item-gradient-end: var(--color-gray4);
+html[data-theme=dark] ._root_5hf3i_1 {
+  --dock-item-gradient-start: var(--color-gray2);
+  --dock-item-gradient-end: var(--color-gray3);
+  --dock-item-gloss-middle: var(--color-gray4);
+  --dock-item-gloss-end: var(--color-gray7);
 }
-._root_1aw22_1._expanded_1aw22_15 {
+._root_5hf3i_1._expanded_5hf3i_17 {
   --dock-radius: 14px;
 }
-._root_1aw22_1 {
+._root_5hf3i_1 {
   position: relative;
   border-radius: var(--dock-radius);
   width: 100%;
   height: 100%;
 }
-._rootGlass_1aw22_24 {
+._rootGlass_5hf3i_26 {
   position: relative;
 }
 
-._item_1aw22_28 {
+._item_5hf3i_30 {
   -webkit-user-drag: none;
   user-select: none;
+  -webkit-appearance: none;
+  appearance: none;
   position: relative;
   border-radius: var(--dock-radius);
   width: 100%;
@@ -17348,12 +17406,20 @@ html[data-theme=dark] ._root_1aw22_1 {
   align-items: center;
   justify-content: center;
   border: none;
+  margin: 0;
+  padding: 0;
+  background-color: transparent;
+  color: inherit;
+  font: inherit;
+  line-height: inherit;
+  text-decoration: none;
   cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
   box-shadow: 0 3px 1px var(--dock-item-shadow-top), 0 3px 8px var(--dock-item-shadow-depth);
   background-image: linear-gradient(45deg, var(--dock-item-gradient-start), var(--dock-item-gradient-end), var(--dock-item-gradient-start), var(--dock-item-gradient-end));
   background-size: 200% 100%;
 }
-._itemGlass_1aw22_44 {
+._itemGlass_5hf3i_56 {
   background: transparent;
   backdrop-filter: none;
   border: none;
@@ -17361,7 +17427,7 @@ html[data-theme=dark] ._root_1aw22_1 {
   background-image: none;
 }
 
-._content_1aw22_52 {
+._content_5hf3i_64 {
   position: relative;
   z-index: 3;
   display: flex;
@@ -17372,7 +17438,7 @@ html[data-theme=dark] ._root_1aw22_1 {
   will-change: transform, filter;
 }
 
-._gloss_1aw22_63 {
+._gloss_5hf3i_75 {
   background: linear-gradient(90deg, var(--dock-item-gloss-start), var(--dock-item-gloss-middle) 20%, var(--dock-item-gloss-end) 67.19%, var(--dock-item-gloss-start));
   position: absolute;
   top: -1px;
@@ -17382,7 +17448,7 @@ html[data-theme=dark] ._root_1aw22_1 {
   z-index: -1;
 }
 
-._glassFilter_1aw22_73 {
+._glassFilter_5hf3i_85 {
   position: absolute;
   inset: 0;
   z-index: 0;
@@ -17394,7 +17460,7 @@ html[data-theme=dark] ._root_1aw22_1 {
   clip-path: inset(0 round var(--dock-radius));
 }
 
-._glassOverlay_1aw22_85 {
+._glassOverlay_5hf3i_97 {
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -17403,7 +17469,7 @@ html[data-theme=dark] ._root_1aw22_1 {
   overflow: hidden;
 }
 
-._glassSpecular_1aw22_94 {
+._glassSpecular_5hf3i_106 {
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -32004,7 +32070,7 @@ html[data-theme=dark] ._root_rddfz_9 {
   color: #fff;
   cursor: default;
   text-transform: uppercase;
-}._root_1xkae_1 {
+}._root_m9eu9_1 {
   font-size: 8vmin;
   font-family: Rubik, sans-serif;
   width: 75vmin;
@@ -32012,23 +32078,23 @@ html[data-theme=dark] ._root_rddfz_9 {
   color: #fff;
 }
 
-._line_1xkae_9 {
+._line_m9eu9_9 {
   display: flex;
   justify-content: space-between;
 }
 
-._word_1xkae_14 {
+._word_m9eu9_14 {
   transition: opacity 0.2s ease-in-out;
   cursor: default;
 }
-._word_1xkae_14._link_1xkae_18 {
+._word_m9eu9_14._link_m9eu9_18 {
   cursor: pointer;
   color: inherit;
 }
-._word_1xkae_14._link_1xkae_18 ._letter_1xkae_22 {
+._word_m9eu9_14._link_m9eu9_18 ._letter_m9eu9_22 {
   position: relative;
 }
-._word_1xkae_14._link_1xkae_18 ._letter_1xkae_22::before {
+._word_m9eu9_14._link_m9eu9_18 ._letter_m9eu9_22::before {
   content: "";
   width: 100%;
   height: 3px;
@@ -32037,150 +32103,150 @@ html[data-theme=dark] ._root_rddfz_9 {
   bottom: 0;
   background-color: red;
 }
-._root_1xkae_1:hover ._word_1xkae_14 {
+._root_m9eu9_1:hover ._word_m9eu9_14 {
   opacity: 0.25;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover {
+._root_m9eu9_1:hover ._word_m9eu9_14:hover {
   opacity: 1;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(1) {
-  --x: -21;
-  --y: 16;
-  --r: -22;
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(1) {
+  --x: 19;
+  --y: 23;
+  --r: 18;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(1):hover {
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(1):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 10;
+  --x: 4;
   --y: 3;
-  --r: -1;
+  --r: -8;
   --s: 1.25;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(2) {
-  --x: 12;
-  --y: 10;
-  --r: 7;
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(2) {
+  --x: 15;
+  --y: 19;
+  --r: -20;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(2):hover {
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(2):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -4;
-  --y: 10;
-  --r: -1;
+  --x: 6;
+  --y: 8;
+  --r: 5;
   --s: 1.25;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(3) {
-  --x: -5;
-  --y: 19;
-  --r: -23;
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(3) {
+  --x: -8;
+  --y: 7;
+  --r: -20;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(3):hover {
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(3):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 0;
-  --y: 6;
-  --r: 0;
+  --x: 9;
+  --y: 3;
+  --r: 9;
   --s: 1.25;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(4) {
-  --x: 10;
-  --y: 25;
-  --r: -19;
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(4) {
+  --x: 23;
+  --y: 23;
+  --r: 13;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(4):hover {
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(4):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -3;
-  --y: -5;
-  --r: -5;
+  --x: -1;
+  --y: 5;
+  --r: 8;
   --s: 1.25;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(5) {
-  --x: -21;
-  --y: 16;
-  --r: 6;
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(5) {
+  --x: -8;
+  --y: -20;
+  --r: 16;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(5):hover {
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(5):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -4;
-  --y: 9;
-  --r: -1;
+  --x: 10;
+  --y: -1;
+  --r: 0;
   --s: 1.25;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(6) {
-  --x: 11;
-  --y: 0;
-  --r: 18;
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(6) {
+  --x: -13;
+  --y: 13;
+  --r: -20;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(6):hover {
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(6):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 7;
-  --y: 8;
-  --r: -6;
+  --x: -4;
+  --y: 9;
+  --r: -2;
   --s: 1.25;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(7) {
-  --x: 18;
-  --y: -12;
-  --r: -13;
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(7) {
+  --x: 8;
+  --y: -9;
+  --r: -4;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(7):hover {
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(7):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 3;
+  --x: 0;
   --y: -2;
-  --r: -5;
+  --r: -6;
   --s: 1.25;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(8) {
-  --x: 7;
-  --y: -19;
-  --r: 4;
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(8) {
+  --x: 1;
+  --y: -24;
+  --r: 5;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(8):hover {
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(8):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -2;
-  --y: 5;
-  --r: 0;
+  --x: -7;
+  --y: -5;
+  --r: -3;
   --s: 1.25;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(9) {
-  --x: 1;
-  --y: -8;
-  --r: 16;
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(9) {
+  --x: 18;
+  --y: 15;
+  --r: -13;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(9):hover {
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(9):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 3;
-  --y: -1;
-  --r: -4;
+  --x: -2;
+  --y: 4;
+  --r: -1;
   --s: 1.25;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(10) {
-  --x: 21;
-  --y: 23;
-  --r: 15;
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(10) {
+  --x: -18;
+  --y: 4;
+  --r: 3;
 }
-._root_1xkae_1:hover ._word_1xkae_14:hover ._letter_1xkae_22:nth-child(10):hover {
+._root_m9eu9_1:hover ._word_m9eu9_14:hover ._letter_m9eu9_22:nth-child(10):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 3;
+  --x: 1;
   --y: 1;
-  --r: 3;
+  --r: 7;
   --s: 1.25;
 }
 
-._letter_1xkae_22 {
+._letter_m9eu9_22 {
   display: inline-block;
   transition: transform 0.2s ease-in-out;
   transform: translate(calc(var(--x, 0) * 1%), calc(var(--y, 0) * 1%)) rotate(calc(var(--r, 0) * 1deg)) scale(var(--s, 1));
 }
 
-@keyframes _wobble_1xkae_1 {
+@keyframes _wobble_m9eu9_1 {
   0%, 100% {
     transform: translateY(0) rotate(0);
   }