@tarsis/toolkit 0.4.8 → 0.5.1

package/dist/styles.css

@@ -1,6 +1,281 @@
-@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap");@import url("https://fonts.googleapis.com/css2?family=Chivo+Mono:wght@300&display=swap");* {
+@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap");@import url("https://fonts.googleapis.com/css2?family=Chivo+Mono:wght@300&display=swap");/**
+ * Global CSS styles
+ *
+ * Note: This file is marked as a side effect in package.json.
+ * Importing components from this package will include these global styles.
+ * Consider using CSS modules for component-specific styles to avoid style leakage.
+ */
+* {
   box-sizing: border-box;
 }
+
+:root {
+  --color-accent1: #9e9eff;
+  --color-accent2: #7877c6;
+  --color-accent3: #605fb3;
+
+  --color-accent-green: #1cd760;
+  --color-accent-green1: #03bf48;
+
+  --color-outline: var(--color-accent-green);
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-5: 1.25rem;
+  --space-6: 1.5rem;
+  --space-7: 1.75rem;
+  --space-8: 2rem;
+  --space-9: 2.25rem;
+  --space-10: 2.5rem;
+  --space-11: 2.75rem;
+  --space-12: 3rem;
+  --space-13: 3.25rem;
+  --space-14: 3.5rem;
+  --space-15: 3.75rem;
+
+  --radii-1: 0.125rem;
+  --radii-2: 0.25rem;
+  --radii-3: 0.5rem;
+  --radii-4: 0.75rem;
+  --radii-5: 1rem;
+  --radii-6: 1.25rem;
+  --radii-7: 1.5rem;
+  --radii-round: 50%;
+  --radii-pill: 9999px;
+
+  --z-index-n1: -1;
+  --z-index-0: 0;
+  --z-index-1: 1;
+  --z-index-2: 10;
+  --z-index-3: 100;
+  --z-index-4: 200;
+  --z-index-5: 300;
+  --z-index-max: 999;
+
+  --shadow-sm: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.12);
+  --shadow-md: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.12);
+  --shadow-lg: 0 1.875rem 3.75rem rgba(0, 0, 0, 0.12);
+
+  --font-fancy:
+    articulat-cf, -apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, BlinkMacSystemFont,
+    'Helvetica Neue', sans-serif;
+  --font-body:
+    articulat-cf, -apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, BlinkMacSystemFont,
+    'Helvetica Neue', sans-serif;
+  --font-numeric: Menlo, monospace;
+  --transitions-snappy: cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+
+html {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+html,
+body {
+  height: 100%;
+}
+
+body {
+  --animation-delay: 250ms;
+  --animation-fade: 750ms;
+  --animation-shift: 650ms;
+  transition: transform 500ms ease;
+}
+
+body:has(dialog:is([open])) {
+  transform: scale(0.9);
+}
+
+/* Respect prefers-reduced-motion globally */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
+/* tokens */
+body {
+  /* easings */
+  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
+  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
+  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
+  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
+
+  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
+  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
+  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
+  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
+  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
+
+  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
+  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
+  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
+  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
+  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
+
+  /* semantics */
+  --color-bg: var(--color-gray1);
+
+  /* Light mode (default) */
+  --color-gray1: hsl(0, 0%, 99%);
+  --color-gray2: hsl(0, 0%, 97%);
+  --color-gray3: hsl(0, 0%, 95%);
+  --color-gray4: hsl(0, 0%, 93%);
+  --color-gray5: hsl(0, 0%, 91%);
+  --color-gray6: hsl(0, 0%, 89%);
+  --color-gray7: hsl(0, 0%, 86%);
+  --color-gray8: hsl(0, 0%, 78%);
+  --color-gray9: hsl(0, 0%, 56%);
+  --color-gray10: hsl(0, 0%, 52%);
+  --color-gray11: hsl(0, 0%, 44%);
+  --color-gray12: hsl(0, 0%, 9%);
+  --color-grayA1: hsla(0, 0%, 0%, 0.012);
+  --color-grayA2: hsla(0, 0%, 0%, 0.027);
+  --color-grayA3: hsla(0, 0%, 0%, 0.047);
+  --color-grayA4: hsla(0, 0%, 0%, 0.071);
+  --color-grayA5: hsla(0, 0%, 0%, 0.09);
+  --color-grayA6: hsla(0, 0%, 0%, 0.114);
+  --color-grayA7: hsla(0, 0%, 0%, 0.141);
+  --color-grayA8: hsla(0, 0%, 0%, 0.22);
+  --color-grayA9: hsla(0, 0%, 0%, 0.439);
+  --color-grayA10: hsla(0, 0%, 0%, 0.478);
+  --color-grayA11: hsla(0, 0%, 0%, 0.565);
+  --color-grayA12: hsla(0, 0%, 0%, 0.91);
+  --color-blue1: hsl(206, 100%, 99%);
+  --color-blue2: hsl(210, 100%, 98%);
+  --color-blue3: hsl(209, 100%, 97%);
+  --color-blue4: hsl(210, 99%, 94%);
+  --color-blue5: hsl(209, 95%, 90%);
+  --color-blue6: hsl(209, 81%, 85%);
+  --color-blue7: hsl(208, 78%, 77%);
+  --color-blue8: hsl(206, 82%, 65%);
+  --color-blue9: hsl(206, 100%, 50%);
+  --color-blue10: hsl(208, 100%, 47%);
+  --color-blue11: hsl(211, 100%, 43%);
+  --color-blue12: hsl(211, 100%, 15%);
+  --color-green1: hsl(136, 50%, 99%);
+  --color-green2: hsl(138, 63%, 97%);
+  --color-green3: hsl(139, 55%, 95%);
+  --color-green4: hsl(140, 49%, 91%);
+  --color-green5: hsl(141, 44%, 86%);
+  --color-green6: hsl(143, 40%, 79%);
+  --color-green7: hsl(146, 39%, 69%);
+  --color-green8: hsl(151, 40%, 54%);
+  --color-green9: hsl(151, 55%, 42%);
+  --color-green10: hsl(152, 58%, 38%);
+  --color-green11: hsl(153, 67%, 29%);
+  --color-green12: hsl(155, 40%, 14%);
+  --color-amber1: hsl(39, 70%, 99%);
+  --color-amber2: hsl(40, 100%, 97%);
+  --color-amber3: hsl(44, 100%, 92%);
+  --color-amber4: hsl(43, 100%, 87%);
+  --color-amber5: hsl(42, 100%, 82%);
+  --color-amber6: hsl(38, 100%, 76%);
+  --color-amber7: hsl(36, 86%, 67%);
+  --color-amber8: hsl(35, 85%, 55%);
+  --color-amber9: hsl(39, 100%, 57%);
+  --color-amber10: hsl(35, 100%, 56%);
+  --color-amber11: hsl(30, 100%, 34%);
+  --color-amber12: hsl(20, 80%, 17%);
+  --color-purple1: hsl(241, 65%, 99%);
+  --color-purple2: hsl(241, 100%, 99%);
+  --color-purple3: hsl(241, 83%, 97%);
+  --color-purple4: hsl(241, 76%, 95%);
+  --color-purple5: hsl(241, 71%, 92%);
+  --color-purple6: hsl(241, 65%, 88%);
+  --color-purple7: hsl(241, 61%, 82%);
+  --color-purple8: hsl(241, 60%, 74%);
+  --color-purple9: hsl(241, 45%, 62%);
+  --color-purple10: hsl(241, 47%, 50%);
+  --color-purple11: hsl(241, 50%, 46%);
+  --color-purple12: hsl(241, 66%, 16%);
+}
+
+body[data-theme-mode='dark'] {
+  --color-gray1: hsl(0, 0%, 9%);
+  --color-gray2: hsl(0, 0%, 11%);
+  --color-gray3: hsl(0, 0%, 14%);
+  --color-gray4: hsl(0, 0%, 16%);
+  --color-gray5: hsl(0, 0%, 18%);
+  --color-gray6: hsl(0, 0%, 21%);
+  --color-gray7: hsl(0, 0%, 24%);
+  --color-gray8: hsl(0, 0%, 31%);
+  --color-gray9: hsl(0, 0%, 44%);
+  --color-gray10: hsl(0, 0%, 49%);
+  --color-gray11: hsl(0, 0%, 63%);
+  --color-gray12: hsl(0, 0%, 93%);
+  --color-grayA1: hsla(0, 0%, 100%, 0);
+  --color-grayA2: hsla(0, 0%, 100%, 0.026);
+  --color-grayA3: hsla(0, 0%, 100%, 0.056);
+  --color-grayA4: hsla(0, 0%, 100%, 0.077);
+  --color-grayA5: hsla(0, 0%, 100%, 0.103);
+  --color-grayA6: hsla(0, 0%, 100%, 0.129);
+  --color-grayA7: hsla(0, 0%, 100%, 0.172);
+  --color-grayA8: hsla(0, 0%, 100%, 0.249);
+  --color-grayA9: hsla(0, 0%, 100%, 0.386);
+  --color-grayA10: hsla(0, 0%, 100%, 0.446);
+  --color-grayA11: hsla(0, 0%, 100%, 0.592);
+  --color-grayA12: hsla(0, 0%, 100%, 0.923);
+  --color-blue1: hsl(212, 35%, 9%);
+  --color-blue2: hsl(216, 50%, 12%);
+  --color-blue3: hsl(214, 59%, 15%);
+  --color-blue4: hsl(214, 66%, 18%);
+  --color-blue5: hsl(213, 71%, 20%);
+  --color-blue6: hsl(212, 77%, 23%);
+  --color-blue7: hsl(211, 85%, 27%);
+  --color-blue8: hsl(211, 90%, 34%);
+  --color-blue9: hsl(206, 100%, 50%);
+  --color-blue10: hsl(209, 100%, 61%);
+  --color-blue11: hsl(210, 100%, 66%);
+  --color-blue12: hsl(206, 98%, 96%);
+  --color-green1: hsl(146, 30%, 7%);
+  --color-green2: hsl(155, 44%, 8%);
+  --color-green3: hsl(155, 47%, 11%);
+  --color-green4: hsl(154, 48%, 13%);
+  --color-green5: hsl(154, 50%, 15%);
+  --color-green6: hsl(154, 51%, 18%);
+  --color-green7: hsl(153, 52%, 22%);
+  --color-green8: hsl(151, 52%, 28%);
+  --color-green9: hsl(151, 55%, 42%);
+  --color-green10: hsl(151, 49%, 47%);
+  --color-green11: hsl(151, 50%, 53%);
+  --color-green12: hsl(137, 72%, 94%);
+  --color-amber1: hsl(36, 100%, 6%);
+  --color-amber2: hsl(35, 100%, 8%);
+  --color-amber3: hsl(32, 100%, 10%);
+  --color-amber4: hsl(32, 100%, 12%);
+  --color-amber5: hsl(33, 100%, 15%);
+  --color-amber6: hsl(35, 100%, 17%);
+  --color-amber7: hsl(35, 91%, 22%);
+  --color-amber8: hsl(36, 100%, 26%);
+  --color-amber9: hsl(39, 100%, 57%);
+  --color-amber10: hsl(43, 100%, 64%);
+  --color-amber11: hsl(39, 90%, 50%);
+  --color-amber12: hsl(39, 97%, 93%);
+  --color-purple1: hsl(241, 20%, 10%);
+  --color-purple2: hsl(241, 30%, 12%);
+  --color-purple3: hsl(241, 38%, 17%);
+  --color-purple4: hsl(241, 40%, 20%);
+  --color-purple5: hsl(241, 42%, 23%);
+  --color-purple6: hsl(241, 43%, 28%);
+  --color-purple7: hsl(241, 44%, 35%);
+  --color-purple8: hsl(241, 45%, 46%);
+  --color-purple9: hsl(241, 45%, 62%);
+  --color-purple10: hsl(241, 50%, 59%);
+  --color-purple11: hsl(240, 60%, 71%);
+  --color-purple12: hsl(240, 75%, 96%);
+}
 ._root_1k8u7_1 {
   color: #fff;
   display: block;
@@ -1269,19 +1544,19 @@
     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_wtjlp_1 {
+}._root_rx43i_1 {
   --bg: hsl(223, 10%, 90%);
   --fg: hsl(223, 10%, 10%);
   font-size: calc(30px + 30 * (100vw - 320px) / 960);
 }
 @media (prefers-color-scheme: dark) {
-  ._root_wtjlp_1 {
+  ._root_rx43i_1 {
     --bg: hsl(223, 10%, 10%);
     --fg: hsl(223, 10%, 90%);
   }
 }
 
-._button_wtjlp_13 {
+._button_rx43i_13 {
   border-radius: 1.25em;
   color: hsl(0, 0%, 100%);
   font-weight: bold;
@@ -1293,12 +1568,12 @@
   -webkit-apperance: none;
   cursor: pointer;
 }
-._button_wtjlp_13 ._p_wtjlp_26, ._button_wtjlp_13 ._text_wtjlp_26 {
+._button_rx43i_13 ._p_rx43i_26, ._button_rx43i_13 ._text_rx43i_26 {
   background: hsl(3, 90%, 55%);
   border-radius: 50%;
   transition: background 0.15s linear;
 }
-._button_wtjlp_13 ._p_wtjlp_26 {
+._button_rx43i_13 ._p_rx43i_26 {
   animation-duration: 1s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
@@ -1307,197 +1582,197 @@
   width: 0.5em;
   height: 0.5em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(1) {
-  animation-name: _rise1_wtjlp_1;
-  animation-delay: -0.25s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(1) {
+  animation-name: _rise1_rx43i_1;
+  animation-delay: -0.79s;
   top: calc(50% - 0.3907910185em);
   left: 0.1em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(2) {
-  animation-name: _rise2_wtjlp_1;
-  animation-delay: -0.36s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(2) {
+  animation-name: _rise2_rx43i_1;
+  animation-delay: -0.02s;
   top: calc(50% - 0.5281152949em);
   left: 0.2em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(3) {
-  animation-name: _rise3_wtjlp_1;
-  animation-delay: -0.99s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(3) {
+  animation-name: _rise3_rx43i_1;
+  animation-delay: -0.64s;
   top: calc(50% - 0.6585914498em);
   left: 0.3em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(4) {
-  animation-name: _rise4_wtjlp_1;
-  animation-delay: -0.25s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(4) {
+  animation-name: _rise4_rx43i_1;
+  animation-delay: -0.97s;
   top: calc(50% - 0.7790067271em);
   left: 0.4em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(5) {
-  animation-name: _rise5_wtjlp_1;
-  animation-delay: -0.71s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(5) {
+  animation-name: _rise5_rx43i_1;
+  animation-delay: -0.83s;
   top: calc(50% - 0.8863961031em);
   left: 0.5em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(6) {
-  animation-name: _rise6_wtjlp_1;
-  animation-delay: -0.8s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(6) {
+  animation-name: _rise6_rx43i_1;
+  animation-delay: -0.34s;
   top: calc(50% - 0.9781152949em);
   left: 0.6em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(7) {
-  animation-name: _rise7_wtjlp_1;
-  animation-delay: -0.37s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(7) {
+  animation-name: _rise7_rx43i_1;
+  animation-delay: -0.5s;
   top: calc(50% - 1.0519058718em);
   left: 0.7em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(8) {
-  animation-name: _rise8_wtjlp_1;
-  animation-delay: -0.83s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(8) {
+  animation-name: _rise8_rx43i_1;
+  animation-delay: -0.79s;
   top: calc(50% - 1.1059508647em);
   left: 0.8em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(9) {
-  animation-name: _rise9_wtjlp_1;
-  animation-delay: -0.38s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(9) {
+  animation-name: _rise9_rx43i_1;
+  animation-delay: -0.91s;
   top: calc(50% - 1.1389195065em);
   left: 0.9em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(10) {
-  animation-name: _rise10_wtjlp_1;
-  animation-delay: -0.56s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(10) {
+  animation-name: _rise10_rx43i_1;
+  animation-delay: -0.66s;
   top: calc(50% - 1.15em);
   left: 1em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(11) {
-  animation-name: _rise11_wtjlp_1;
-  animation-delay: -0.79s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(11) {
+  animation-name: _rise11_rx43i_1;
+  animation-delay: -0.2s;
   top: calc(50% - 1.1389195065em);
   left: 1.1em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(12) {
-  animation-name: _rise12_wtjlp_1;
-  animation-delay: -0.82s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(12) {
+  animation-name: _rise12_rx43i_1;
+  animation-delay: -0.9s;
   top: calc(50% - 1.1059508647em);
   left: 1.2em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(13) {
-  animation-name: _rise13_wtjlp_1;
-  animation-delay: -0.77s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(13) {
+  animation-name: _rise13_rx43i_1;
+  animation-delay: -0.88s;
   top: calc(50% - 1.0519058718em);
   left: 1.3em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(14) {
-  animation-name: _rise14_wtjlp_1;
-  animation-delay: -0.33s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(14) {
+  animation-name: _rise14_rx43i_1;
+  animation-delay: -0.58s;
   top: calc(50% - 0.9781152949em);
   left: 1.4em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(15) {
-  animation-name: _rise15_wtjlp_1;
-  animation-delay: -0.44s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(15) {
+  animation-name: _rise15_rx43i_1;
+  animation-delay: -0.64s;
   top: calc(50% - 0.8863961031em);
   left: 1.5em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(16) {
-  animation-name: _rise16_wtjlp_1;
-  animation-delay: -0.76s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(16) {
+  animation-name: _rise16_rx43i_1;
+  animation-delay: -0.7s;
   top: calc(50% - 0.7790067271em);
   left: 1.6em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(17) {
-  animation-name: _rise17_wtjlp_1;
-  animation-delay: -0.37s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(17) {
+  animation-name: _rise17_rx43i_1;
+  animation-delay: -0.23s;
   top: calc(50% - 0.6585914498em);
   left: 1.7em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(18) {
-  animation-name: _rise18_wtjlp_1;
-  animation-delay: -0.73s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(18) {
+  animation-name: _rise18_rx43i_1;
+  animation-delay: -0.2s;
   top: calc(50% - 0.5281152949em);
   left: 1.8em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(19) {
-  animation-name: _rise19_wtjlp_1;
-  animation-delay: -0.74s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(19) {
+  animation-name: _rise19_rx43i_1;
+  animation-delay: -0.83s;
   top: calc(50% - 0.3907910185em);
   left: 1.9em;
 }
-._button_wtjlp_13 ._p_wtjlp_26:nth-child(20) {
-  animation-name: _rise20_wtjlp_1;
-  animation-delay: -0.19s;
+._button_rx43i_13 ._p_rx43i_26:nth-child(20) {
+  animation-name: _rise20_rx43i_1;
+  animation-delay: -0.08s;
   top: calc(50% - 0.25em);
   left: 2em;
 }
-._button_wtjlp_13:active {
+._button_rx43i_13:active {
   transform: translateY(0.1em);
 }
-._button_wtjlp_13:focus ._p_wtjlp_26, ._button_wtjlp_13:hover ._p_wtjlp_26, ._button_wtjlp_13:focus ._text_wtjlp_26, ._button_wtjlp_13:hover ._text_wtjlp_26 {
+._button_rx43i_13:focus ._p_rx43i_26, ._button_rx43i_13:hover ._p_rx43i_26, ._button_rx43i_13:focus ._text_rx43i_26, ._button_rx43i_13:hover ._text_rx43i_26 {
   background: hsl(18, 90%, 55%);
 }
-._button_wtjlp_13:focus ._p_wtjlp_26, ._button_wtjlp_13:hover ._p_wtjlp_26 {
+._button_rx43i_13:focus ._p_rx43i_26, ._button_rx43i_13:hover ._p_rx43i_26 {
   animation-duration: 0.5s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(1), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(1) {
-  animation-delay: -0.125s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(1), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(1) {
+  animation-delay: -0.395s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(2), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(2) {
-  animation-delay: -0.18s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(2), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(2) {
+  animation-delay: -0.01s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(3), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(3) {
-  animation-delay: -0.495s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(3), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(3) {
+  animation-delay: -0.32s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(4), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(4) {
-  animation-delay: -0.125s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(4), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(4) {
+  animation-delay: -0.485s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(5), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(5) {
-  animation-delay: -0.355s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(5), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(5) {
+  animation-delay: -0.415s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(6), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(6) {
-  animation-delay: -0.4s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(6), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(6) {
+  animation-delay: -0.17s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(7), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(7) {
-  animation-delay: -0.185s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(7), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(7) {
+  animation-delay: -0.25s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(8), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(8) {
-  animation-delay: -0.415s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(8), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(8) {
+  animation-delay: -0.395s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(9), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(9) {
-  animation-delay: -0.19s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(9), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(9) {
+  animation-delay: -0.455s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(10), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(10) {
-  animation-delay: -0.28s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(10), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(10) {
+  animation-delay: -0.33s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(11), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(11) {
-  animation-delay: -0.395s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(11), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(11) {
+  animation-delay: -0.1s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(12), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(12) {
-  animation-delay: -0.41s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(12), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(12) {
+  animation-delay: -0.45s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(13), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(13) {
-  animation-delay: -0.385s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(13), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(13) {
+  animation-delay: -0.44s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(14), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(14) {
-  animation-delay: -0.165s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(14), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(14) {
+  animation-delay: -0.29s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(15), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(15) {
-  animation-delay: -0.22s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(15), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(15) {
+  animation-delay: -0.32s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(16), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(16) {
-  animation-delay: -0.38s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(16), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(16) {
+  animation-delay: -0.35s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(17), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(17) {
-  animation-delay: -0.185s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(17), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(17) {
+  animation-delay: -0.115s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(18), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(18) {
-  animation-delay: -0.365s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(18), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(18) {
+  animation-delay: -0.1s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(19), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(19) {
-  animation-delay: -0.37s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(19), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(19) {
+  animation-delay: -0.415s;
 }
-._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(20), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(20) {
-  animation-delay: -0.095s;
+._button_rx43i_13:focus ._p_rx43i_26:nth-child(20), ._button_rx43i_13:hover ._p_rx43i_26:nth-child(20) {
+  animation-delay: -0.04s;
 }
 
-._text_wtjlp_26 {
+._text_rx43i_26 {
   display: block;
   padding: 0.5em;
   width: 100%;
@@ -1506,231 +1781,231 @@
   text-align: center;
 }
 
-._text_wtjlp_26,
-._effects_wtjlp_240 {
+._text_rx43i_26,
+._effects_rx43i_240 {
   position: absolute;
   top: 0;
   left: 0;
 }
 
-@keyframes _rise1_wtjlp_1 {
+@keyframes _rise1_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.076em, -1.03em) scale(1);
+    transform: translate(-0.016em, -0.77em) scale(1);
   }
   to {
-    transform: translate(-0.035em, -2.06em) scale(0);
+    transform: translate(-0.14em, -1.54em) scale(0);
   }
 }
-@keyframes _rise2_wtjlp_1 {
+@keyframes _rise2_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.042em, -0.77em) scale(1);
+    transform: translate(0.01em, -1.01em) scale(1);
   }
   to {
-    transform: translate(0.16em, -1.54em) scale(0);
+    transform: translate(-0.09em, -2.02em) scale(0);
   }
 }
-@keyframes _rise3_wtjlp_1 {
+@keyframes _rise3_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.028em, -0.66em) scale(1);
+    transform: translate(0.016em, -1.07em) scale(1);
   }
   to {
-    transform: translate(-0.195em, -1.32em) scale(0);
+    transform: translate(0.06em, -2.14em) scale(0);
   }
 }
-@keyframes _rise4_wtjlp_1 {
+@keyframes _rise4_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.052em, -1.11em) scale(1);
+    transform: translate(-0.038em, -1.27em) scale(1);
   }
   to {
-    transform: translate(-0.18em, -2.22em) scale(0);
+    transform: translate(0.045em, -2.54em) scale(0);
   }
 }
-@keyframes _rise5_wtjlp_1 {
+@keyframes _rise5_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.086em, -1.3em) scale(1);
+    transform: translate(-0.008em, -0.89em) scale(1);
   }
   to {
-    transform: translate(0.23em, -2.6em) scale(0);
+    transform: translate(-0.1em, -1.78em) scale(0);
   }
 }
-@keyframes _rise6_wtjlp_1 {
+@keyframes _rise6_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.03em, -0.77em) scale(1);
+    transform: translate(0.072em, -1.19em) scale(1);
   }
   to {
-    transform: translate(0.15em, -1.54em) scale(0);
+    transform: translate(-0.055em, -2.38em) scale(0);
   }
 }
-@keyframes _rise7_wtjlp_1 {
+@keyframes _rise7_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.044em, -1.11em) scale(1);
+    transform: translate(-0.09em, -0.9em) scale(1);
   }
   to {
-    transform: translate(0.025em, -2.22em) scale(0);
+    transform: translate(0.125em, -1.8em) scale(0);
   }
 }
-@keyframes _rise8_wtjlp_1 {
+@keyframes _rise8_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.068em, -0.95em) scale(1);
+    transform: translate(0.09em, -1em) scale(1);
   }
   to {
-    transform: translate(-0.13em, -1.9em) scale(0);
+    transform: translate(0.055em, -2em) scale(0);
   }
 }
-@keyframes _rise9_wtjlp_1 {
+@keyframes _rise9_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.058em, -0.75em) scale(1);
+    transform: translate(0.03em, -1.2em) scale(1);
   }
   to {
-    transform: translate(-0.205em, -1.5em) scale(0);
+    transform: translate(0.025em, -2.4em) scale(0);
   }
 }
-@keyframes _rise10_wtjlp_1 {
+@keyframes _rise10_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.01em, -0.98em) scale(1);
+    transform: translate(-0.028em, -1.16em) scale(1);
   }
   to {
-    transform: translate(0.14em, -1.96em) scale(0);
+    transform: translate(0.025em, -2.32em) scale(0);
   }
 }
-@keyframes _rise11_wtjlp_1 {
+@keyframes _rise11_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.066em, -0.87em) scale(1);
+    transform: translate(-0.052em, -1.17em) scale(1);
   }
   to {
-    transform: translate(-0.085em, -1.74em) scale(0);
+    transform: translate(-0.13em, -2.34em) scale(0);
   }
 }
-@keyframes _rise12_wtjlp_1 {
+@keyframes _rise12_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.04em, -1.34em) scale(1);
+    transform: translate(-0.078em, -1.22em) scale(1);
   }
   to {
-    transform: translate(-0.195em, -2.68em) scale(0);
+    transform: translate(-0.07em, -2.44em) scale(0);
   }
 }
-@keyframes _rise13_wtjlp_1 {
+@keyframes _rise13_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.062em, -1.28em) scale(1);
+    transform: translate(0.086em, -0.54em) scale(1);
   }
   to {
-    transform: translate(0.065em, -2.56em) scale(0);
+    transform: translate(-0.01em, -1.08em) scale(0);
   }
 }
-@keyframes _rise14_wtjlp_1 {
+@keyframes _rise14_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.008em, -1.13em) scale(1);
+    transform: translate(-0.096em, -1.2em) scale(1);
   }
   to {
-    transform: translate(-0.225em, -2.26em) scale(0);
+    transform: translate(-0.065em, -2.4em) scale(0);
   }
 }
-@keyframes _rise15_wtjlp_1 {
+@keyframes _rise15_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.006em, -1.26em) scale(1);
+    transform: translate(0.024em, -1.12em) scale(1);
   }
   to {
-    transform: translate(0.025em, -2.52em) scale(0);
+    transform: translate(0.23em, -2.24em) scale(0);
   }
 }
-@keyframes _rise16_wtjlp_1 {
+@keyframes _rise16_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.032em, -1.19em) scale(1);
+    transform: translate(-0.044em, -1.2em) scale(1);
   }
   to {
-    transform: translate(-0.205em, -2.38em) scale(0);
+    transform: translate(0.075em, -2.4em) scale(0);
   }
 }
-@keyframes _rise17_wtjlp_1 {
+@keyframes _rise17_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.022em, -0.52em) scale(1);
+    transform: translate(-0.044em, -0.8em) scale(1);
   }
   to {
-    transform: translate(0.02em, -1.04em) scale(0);
+    transform: translate(0.22em, -1.6em) scale(0);
   }
 }
-@keyframes _rise18_wtjlp_1 {
+@keyframes _rise18_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.05em, -0.78em) scale(1);
+    transform: translate(0.018em, -0.56em) scale(1);
   }
   to {
-    transform: translate(-0.065em, -1.56em) scale(0);
+    transform: translate(0em, -1.12em) scale(0);
   }
 }
-@keyframes _rise19_wtjlp_1 {
+@keyframes _rise19_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.002em, -1.09em) scale(1);
+    transform: translate(0.044em, -0.51em) scale(1);
   }
   to {
-    transform: translate(-0.12em, -2.18em) scale(0);
+    transform: translate(0.165em, -1.02em) scale(0);
   }
 }
-@keyframes _rise20_wtjlp_1 {
+@keyframes _rise20_rx43i_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.094em, -0.71em) scale(1);
+    transform: translate(0.01em, -0.6em) scale(1);
   }
   to {
-    transform: translate(-0.095em, -1.42em) scale(0);
+    transform: translate(0.12em, -1.2em) scale(0);
   }
 }._root_exi6q_1 {
   --primary: black;
@@ -1824,7 +2099,7 @@
   outline: none;
   padding: 1.33vw 1.66vw;
   text-rendering: geometricPrecision;
-  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
   font-smooth: always;
   font-weight: 600;
   font-size: 1.8vw;
@@ -5117,7 +5392,7 @@
 ._root_1qkvm_1:focus::after {
   opacity: 1;
 }/*background-image: radial-gradient(circle, #333, #000 800px);*/
-._root_1byi3_2 {
+._root_b90b6_2 {
   position: relative;
   width: 287px;
   height: 36px;
@@ -5131,13 +5406,13 @@
   justify-content: center;
   align-content: center;
 }
-._root_1byi3_2:hover {
+._root_b90b6_2:hover {
   --sy: 1;
   --aps: running;
   --op: 0;
 }
 
-._i_1byi3_22 {
+._i_b90b6_22 {
   position: absolute;
   left: 0;
   left: var(--left, 0);
@@ -5149,7 +5424,7 @@
   transition: transform var(--duration) ease-out;
   z-index: -1;
 }
-._i_1byi3_22::after {
+._i_b90b6_22::after {
   content: "";
   position: absolute;
   top: 0;
@@ -5159,11 +5434,11 @@
   background-image: linear-gradient(#fff, hsl(0, 75%, 75%));
   background-image: linear-gradient(#fff, hsl(var(--hue, 0), 75%, 75%));
   border-radius: 50%;
-  animation: _noise_1byi3_1 var(--duration) infinite ease-in-out alternate;
+  animation: _noise_b90b6_1 var(--duration) infinite ease-in-out alternate;
   animation-play-state: paused;
   animation-play-state: var(--aps, paused);
 }
-@keyframes _noise_1byi3_1 {
+@keyframes _noise_b90b6_1 {
   0% {
     transform: scaleY(calc(1 - (0)));
     transform: scaleY(calc(1 - (var(--size, 0))));
@@ -5173,440 +5448,440 @@
     transform: scaleY(calc(1 + (var(--size, 0))));
   }
 }
-._i_1byi3_22:nth-child(1) {
+._i_b90b6_22:nth-child(1) {
   --left: 0px;
-  --duration: 381ms;
-  --size: 0.88;
+  --duration: 236ms;
+  --size: 0.561;
   --hue: 0;
 }
-._i_1byi3_22:nth-child(2) {
+._i_b90b6_22:nth-child(2) {
   --left: 4px;
-  --duration: 241ms;
-  --size: 0.83;
+  --duration: 214ms;
+  --size: 0.2;
   --hue: 5;
 }
-._i_1byi3_22:nth-child(3) {
+._i_b90b6_22:nth-child(3) {
   --left: 8px;
-  --duration: 253ms;
-  --size: 0.125;
+  --duration: 352ms;
+  --size: 0.122;
   --hue: 10;
 }
-._i_1byi3_22:nth-child(4) {
+._i_b90b6_22:nth-child(4) {
   --left: 12px;
-  --duration: 319ms;
-  --size: 0.667;
+  --duration: 220ms;
+  --size: 0.907;
   --hue: 15;
 }
-._i_1byi3_22:nth-child(5) {
+._i_b90b6_22:nth-child(5) {
   --left: 16px;
-  --duration: 357ms;
-  --size: 0.306;
+  --duration: 311ms;
+  --size: 0.818;
   --hue: 20;
 }
-._i_1byi3_22:nth-child(6) {
+._i_b90b6_22:nth-child(6) {
   --left: 20px;
-  --duration: 321ms;
-  --size: 0.257;
+  --duration: 202ms;
+  --size: 0.36;
   --hue: 25;
 }
-._i_1byi3_22:nth-child(7) {
+._i_b90b6_22:nth-child(7) {
   --left: 24px;
-  --duration: 245ms;
-  --size: 0.188;
+  --duration: 253ms;
+  --size: 0.856;
   --hue: 30;
 }
-._i_1byi3_22:nth-child(8) {
+._i_b90b6_22:nth-child(8) {
   --left: 28px;
-  --duration: 268ms;
-  --size: 0.064;
+  --duration: 240ms;
+  --size: 0.402;
   --hue: 35;
 }
-._i_1byi3_22:nth-child(9) {
+._i_b90b6_22:nth-child(9) {
   --left: 32px;
-  --duration: 259ms;
-  --size: 0.828;
+  --duration: 320ms;
+  --size: 0.257;
   --hue: 40;
 }
-._i_1byi3_22:nth-child(10) {
+._i_b90b6_22:nth-child(10) {
   --left: 36px;
-  --duration: 284ms;
-  --size: 0.724;
+  --duration: 226ms;
+  --size: 0.034;
   --hue: 45;
 }
-._i_1byi3_22:nth-child(11) {
+._i_b90b6_22:nth-child(11) {
   --left: 40px;
-  --duration: 205ms;
-  --size: 0.923;
+  --duration: 357ms;
+  --size: 0.204;
   --hue: 50;
 }
-._i_1byi3_22:nth-child(12) {
+._i_b90b6_22:nth-child(12) {
   --left: 44px;
-  --duration: 380ms;
-  --size: 0.826;
+  --duration: 329ms;
+  --size: 0.282;
   --hue: 55;
 }
-._i_1byi3_22:nth-child(13) {
+._i_b90b6_22:nth-child(13) {
   --left: 48px;
-  --duration: 364ms;
-  --size: 0.318;
+  --duration: 260ms;
+  --size: 0.936;
   --hue: 60;
 }
-._i_1byi3_22:nth-child(14) {
+._i_b90b6_22:nth-child(14) {
   --left: 52px;
-  --duration: 303ms;
-  --size: 0.555;
+  --duration: 339ms;
+  --size: 0.889;
   --hue: 65;
 }
-._i_1byi3_22:nth-child(15) {
+._i_b90b6_22:nth-child(15) {
   --left: 56px;
-  --duration: 330ms;
-  --size: 0.412;
+  --duration: 232ms;
+  --size: 0.645;
   --hue: 70;
 }
-._i_1byi3_22:nth-child(16) {
+._i_b90b6_22:nth-child(16) {
   --left: 60px;
   --duration: 289ms;
-  --size: 0.998;
+  --size: 0.229;
   --hue: 75;
 }
-._i_1byi3_22:nth-child(17) {
+._i_b90b6_22:nth-child(17) {
   --left: 64px;
-  --duration: 372ms;
-  --size: 0.109;
+  --duration: 221ms;
+  --size: 0.291;
   --hue: 80;
 }
-._i_1byi3_22:nth-child(18) {
+._i_b90b6_22:nth-child(18) {
   --left: 68px;
-  --duration: 311ms;
-  --size: 0.897;
+  --duration: 268ms;
+  --size: 0.107;
   --hue: 85;
 }
-._i_1byi3_22:nth-child(19) {
+._i_b90b6_22:nth-child(19) {
   --left: 72px;
-  --duration: 262ms;
-  --size: 0.166;
+  --duration: 266ms;
+  --size: 0.119;
   --hue: 90;
 }
-._i_1byi3_22:nth-child(20) {
+._i_b90b6_22:nth-child(20) {
   --left: 76px;
-  --duration: 267ms;
-  --size: 0.562;
+  --duration: 386ms;
+  --size: 0.741;
   --hue: 95;
 }
-._i_1byi3_22:nth-child(21) {
+._i_b90b6_22:nth-child(21) {
   --left: 80px;
-  --duration: 376ms;
-  --size: 0.229;
+  --duration: 269ms;
+  --size: 0.152;
   --hue: 100;
 }
-._i_1byi3_22:nth-child(22) {
+._i_b90b6_22:nth-child(22) {
   --left: 84px;
-  --duration: 368ms;
-  --size: 0.655;
+  --duration: 380ms;
+  --size: 0.101;
   --hue: 105;
 }
-._i_1byi3_22:nth-child(23) {
+._i_b90b6_22:nth-child(23) {
   --left: 88px;
-  --duration: 352ms;
-  --size: 0.713;
+  --duration: 324ms;
+  --size: 0.472;
   --hue: 110;
 }
-._i_1byi3_22:nth-child(24) {
+._i_b90b6_22:nth-child(24) {
   --left: 92px;
-  --duration: 379ms;
-  --size: 0.26;
+  --duration: 326ms;
+  --size: 0.723;
   --hue: 115;
 }
-._i_1byi3_22:nth-child(25) {
+._i_b90b6_22:nth-child(25) {
   --left: 96px;
-  --duration: 266ms;
-  --size: 0.808;
+  --duration: 290ms;
+  --size: 0.68;
   --hue: 120;
 }
-._i_1byi3_22:nth-child(26) {
+._i_b90b6_22:nth-child(26) {
   --left: 100px;
-  --duration: 302ms;
-  --size: 0.776;
+  --duration: 232ms;
+  --size: 0.136;
   --hue: 125;
 }
-._i_1byi3_22:nth-child(27) {
+._i_b90b6_22:nth-child(27) {
   --left: 104px;
-  --duration: 338ms;
-  --size: 0.17;
+  --duration: 325ms;
+  --size: 0.907;
   --hue: 130;
 }
-._i_1byi3_22:nth-child(28) {
+._i_b90b6_22:nth-child(28) {
   --left: 108px;
-  --duration: 220ms;
-  --size: 0.489;
+  --duration: 280ms;
+  --size: 0.701;
   --hue: 135;
 }
-._i_1byi3_22:nth-child(29) {
+._i_b90b6_22:nth-child(29) {
   --left: 112px;
-  --duration: 235ms;
-  --size: 0.215;
+  --duration: 258ms;
+  --size: 0.231;
   --hue: 140;
 }
-._i_1byi3_22:nth-child(30) {
+._i_b90b6_22:nth-child(30) {
   --left: 116px;
-  --duration: 388ms;
-  --size: 0.734;
+  --duration: 397ms;
+  --size: 0.374;
   --hue: 145;
 }
-._i_1byi3_22:nth-child(31) {
+._i_b90b6_22:nth-child(31) {
   --left: 120px;
-  --duration: 359ms;
-  --size: 0.657;
+  --duration: 330ms;
+  --size: 0.577;
   --hue: 150;
 }
-._i_1byi3_22:nth-child(32) {
+._i_b90b6_22:nth-child(32) {
   --left: 124px;
-  --duration: 289ms;
-  --size: 0.858;
+  --duration: 294ms;
+  --size: 0.723;
   --hue: 155;
 }
-._i_1byi3_22:nth-child(33) {
+._i_b90b6_22:nth-child(33) {
   --left: 128px;
-  --duration: 268ms;
-  --size: 0.763;
+  --duration: 236ms;
+  --size: 0.516;
   --hue: 160;
 }
-._i_1byi3_22:nth-child(34) {
+._i_b90b6_22:nth-child(34) {
   --left: 132px;
-  --duration: 293ms;
-  --size: 0.027;
+  --duration: 316ms;
+  --size: 0.391;
   --hue: 165;
 }
-._i_1byi3_22:nth-child(35) {
+._i_b90b6_22:nth-child(35) {
   --left: 136px;
-  --duration: 240ms;
-  --size: 0.457;
+  --duration: 331ms;
+  --size: 0.218;
   --hue: 170;
 }
-._i_1byi3_22:nth-child(36) {
+._i_b90b6_22:nth-child(36) {
   --left: 140px;
-  --duration: 349ms;
-  --size: 0.614;
+  --duration: 243ms;
+  --size: 0.835;
   --hue: 175;
 }
-._i_1byi3_22:nth-child(37) {
+._i_b90b6_22:nth-child(37) {
   --left: 144px;
-  --duration: 345ms;
-  --size: 0.184;
+  --duration: 378ms;
+  --size: 0.671;
   --hue: 180;
 }
-._i_1byi3_22:nth-child(38) {
+._i_b90b6_22:nth-child(38) {
   --left: 148px;
-  --duration: 372ms;
-  --size: 0.641;
+  --duration: 379ms;
+  --size: 0.765;
   --hue: 185;
 }
-._i_1byi3_22:nth-child(39) {
+._i_b90b6_22:nth-child(39) {
   --left: 152px;
-  --duration: 227ms;
-  --size: 0.787;
+  --duration: 251ms;
+  --size: 0.242;
   --hue: 190;
 }
-._i_1byi3_22:nth-child(40) {
+._i_b90b6_22:nth-child(40) {
   --left: 156px;
-  --duration: 217ms;
-  --size: 0.369;
+  --duration: 270ms;
+  --size: 0.018;
   --hue: 195;
 }
-._i_1byi3_22:nth-child(41) {
+._i_b90b6_22:nth-child(41) {
   --left: 160px;
-  --duration: 219ms;
-  --size: 0.306;
+  --duration: 327ms;
+  --size: 0.523;
   --hue: 200;
 }
-._i_1byi3_22:nth-child(42) {
+._i_b90b6_22:nth-child(42) {
   --left: 164px;
-  --duration: 369ms;
-  --size: 0.204;
+  --duration: 292ms;
+  --size: 0.284;
   --hue: 205;
 }
-._i_1byi3_22:nth-child(43) {
+._i_b90b6_22:nth-child(43) {
   --left: 168px;
-  --duration: 221ms;
-  --size: 0.494;
+  --duration: 311ms;
+  --size: 0.859;
   --hue: 210;
 }
-._i_1byi3_22:nth-child(44) {
+._i_b90b6_22:nth-child(44) {
   --left: 172px;
-  --duration: 287ms;
-  --size: 0.826;
+  --duration: 362ms;
+  --size: 0.573;
   --hue: 215;
 }
-._i_1byi3_22:nth-child(45) {
+._i_b90b6_22:nth-child(45) {
   --left: 176px;
-  --duration: 270ms;
-  --size: 0.073;
+  --duration: 234ms;
+  --size: 0.65;
   --hue: 220;
 }
-._i_1byi3_22:nth-child(46) {
+._i_b90b6_22:nth-child(46) {
   --left: 180px;
-  --duration: 385ms;
-  --size: 0.573;
+  --duration: 247ms;
+  --size: 0.984;
   --hue: 225;
 }
-._i_1byi3_22:nth-child(47) {
+._i_b90b6_22:nth-child(47) {
   --left: 184px;
-  --duration: 375ms;
-  --size: 0.199;
+  --duration: 330ms;
+  --size: 0.316;
   --hue: 230;
 }
-._i_1byi3_22:nth-child(48) {
+._i_b90b6_22:nth-child(48) {
   --left: 188px;
-  --duration: 292ms;
-  --size: 0.285;
+  --duration: 248ms;
+  --size: 0.967;
   --hue: 235;
 }
-._i_1byi3_22:nth-child(49) {
+._i_b90b6_22:nth-child(49) {
   --left: 192px;
-  --duration: 270ms;
-  --size: 0.721;
+  --duration: 372ms;
+  --size: 0.858;
   --hue: 240;
 }
-._i_1byi3_22:nth-child(50) {
+._i_b90b6_22:nth-child(50) {
   --left: 196px;
-  --duration: 383ms;
-  --size: 0.823;
+  --duration: 382ms;
+  --size: 0.3;
   --hue: 245;
 }
-._i_1byi3_22:nth-child(51) {
+._i_b90b6_22:nth-child(51) {
   --left: 200px;
-  --duration: 304ms;
-  --size: 0.603;
+  --duration: 314ms;
+  --size: 0.608;
   --hue: 250;
 }
-._i_1byi3_22:nth-child(52) {
+._i_b90b6_22:nth-child(52) {
   --left: 204px;
-  --duration: 314ms;
-  --size: 0.961;
+  --duration: 389ms;
+  --size: 0.143;
   --hue: 255;
 }
-._i_1byi3_22:nth-child(53) {
+._i_b90b6_22:nth-child(53) {
   --left: 208px;
-  --duration: 213ms;
-  --size: 0.264;
+  --duration: 379ms;
+  --size: 0.398;
   --hue: 260;
 }
-._i_1byi3_22:nth-child(54) {
+._i_b90b6_22:nth-child(54) {
   --left: 212px;
-  --duration: 257ms;
-  --size: 0.259;
+  --duration: 270ms;
+  --size: 0.474;
   --hue: 265;
 }
-._i_1byi3_22:nth-child(55) {
+._i_b90b6_22:nth-child(55) {
   --left: 216px;
-  --duration: 303ms;
-  --size: 0.767;
+  --duration: 249ms;
+  --size: 0.706;
   --hue: 270;
 }
-._i_1byi3_22:nth-child(56) {
+._i_b90b6_22:nth-child(56) {
   --left: 220px;
-  --duration: 362ms;
-  --size: 0.484;
+  --duration: 248ms;
+  --size: 0.542;
   --hue: 275;
 }
-._i_1byi3_22:nth-child(57) {
+._i_b90b6_22:nth-child(57) {
   --left: 224px;
-  --duration: 246ms;
-  --size: 0.638;
+  --duration: 340ms;
+  --size: 0.4;
   --hue: 280;
 }
-._i_1byi3_22:nth-child(58) {
+._i_b90b6_22:nth-child(58) {
   --left: 228px;
-  --duration: 365ms;
-  --size: 0.359;
+  --duration: 319ms;
+  --size: 0.107;
   --hue: 285;
 }
-._i_1byi3_22:nth-child(59) {
+._i_b90b6_22:nth-child(59) {
   --left: 232px;
-  --duration: 275ms;
-  --size: 0.338;
+  --duration: 378ms;
+  --size: 0.242;
   --hue: 290;
 }
-._i_1byi3_22:nth-child(60) {
+._i_b90b6_22:nth-child(60) {
   --left: 236px;
-  --duration: 338ms;
-  --size: 0.677;
+  --duration: 262ms;
+  --size: 0.742;
   --hue: 295;
 }
-._i_1byi3_22:nth-child(61) {
+._i_b90b6_22:nth-child(61) {
   --left: 240px;
-  --duration: 211ms;
-  --size: 0.762;
+  --duration: 306ms;
+  --size: 0.98;
   --hue: 300;
 }
-._i_1byi3_22:nth-child(62) {
+._i_b90b6_22:nth-child(62) {
   --left: 244px;
-  --duration: 292ms;
-  --size: 0.325;
+  --duration: 372ms;
+  --size: 0.669;
   --hue: 305;
 }
-._i_1byi3_22:nth-child(63) {
+._i_b90b6_22:nth-child(63) {
   --left: 248px;
-  --duration: 282ms;
-  --size: 0.585;
+  --duration: 388ms;
+  --size: 0.387;
   --hue: 310;
 }
-._i_1byi3_22:nth-child(64) {
+._i_b90b6_22:nth-child(64) {
   --left: 252px;
-  --duration: 310ms;
-  --size: 0.166;
+  --duration: 204ms;
+  --size: 0.654;
   --hue: 315;
 }
-._i_1byi3_22:nth-child(65) {
+._i_b90b6_22:nth-child(65) {
   --left: 256px;
-  --duration: 205ms;
-  --size: 0.079;
+  --duration: 299ms;
+  --size: 0.742;
   --hue: 320;
 }
-._i_1byi3_22:nth-child(66) {
+._i_b90b6_22:nth-child(66) {
   --left: 260px;
-  --duration: 364ms;
-  --size: 0.796;
+  --duration: 207ms;
+  --size: 0.938;
   --hue: 325;
 }
-._i_1byi3_22:nth-child(67) {
+._i_b90b6_22:nth-child(67) {
   --left: 264px;
-  --duration: 279ms;
-  --size: 0.649;
+  --duration: 214ms;
+  --size: 0.724;
   --hue: 330;
 }
-._i_1byi3_22:nth-child(68) {
+._i_b90b6_22:nth-child(68) {
   --left: 268px;
-  --duration: 251ms;
-  --size: 0.48;
+  --duration: 384ms;
+  --size: 0.898;
   --hue: 335;
 }
-._i_1byi3_22:nth-child(69) {
+._i_b90b6_22:nth-child(69) {
   --left: 272px;
-  --duration: 382ms;
-  --size: 0.974;
+  --duration: 266ms;
+  --size: 0.545;
   --hue: 340;
 }
-._i_1byi3_22:nth-child(70) {
+._i_b90b6_22:nth-child(70) {
   --left: 276px;
-  --duration: 206ms;
-  --size: 0.373;
+  --duration: 313ms;
+  --size: 0.612;
   --hue: 345;
 }
-._i_1byi3_22:nth-child(71) {
+._i_b90b6_22:nth-child(71) {
   --left: 280px;
-  --duration: 212ms;
-  --size: 0.215;
+  --duration: 226ms;
+  --size: 0.301;
   --hue: 350;
 }
-._i_1byi3_22:nth-child(72) {
+._i_b90b6_22:nth-child(72) {
   --left: 284px;
-  --duration: 285ms;
-  --size: 0.475;
+  --duration: 259ms;
+  --size: 0.648;
   --hue: 355;
 }
 
-._text_1byi3_482 {
+._text_b90b6_482 {
   opacity: 1;
   opacity: var(--op, 1);
   transition: opacity 0.4s ease;
@@ -11301,7 +11576,7 @@
   color: var(--text);
   font-size: 1.125rem;
   line-height: 1.4;
-  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif;
   font-weight: 300;
 }
 @supports (background: conic-gradient(red 0deg, red 0deg 1deg, red 2deg)) {
@@ -16144,18 +16419,20 @@
   right: 0;
   top: 0;
   transform: translateY(calc(-100% - 6px));
-}._root_154kg_1 {
+}._root_1oncf_1 {
   --dock-radius: 23%;
 }
-._root_154kg_1._block_154kg_4 {
+._root_1oncf_1._block_1oncf_4 {
   --dock-radius: 14px;
 }
-._root_154kg_1 {
+._root_1oncf_1 {
   position: relative;
   border-radius: var(--dock-radius);
+  width: 100%;
+  height: 100%;
 }
 
-._item_154kg_12 {
+._item_1oncf_14 {
   -webkit-user-drag: none;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -16174,7 +16451,7 @@
   background-size: 200% 100%;
 }
 
-._gloss_154kg_29 {
+._gloss_1oncf_31 {
   background: linear-gradient(90deg, rgba(0, 0, 0, 0), hsl(0, 0%, 15.8%) 20%, hsl(0, 0%, 24.3%) 67.19%, rgba(0, 0, 0, 0));
   position: absolute;
   top: -1px;
@@ -16182,6 +16459,200 @@
   height: 100%;
   border-radius: var(--dock-radius);
   z-index: -1;
+}._tooltip_45btf_1 {
+  position: fixed;
+  padding: 0.25rem 0.5rem;
+  padding: var(--space-1, 0.25rem) var(--space-2, 0.5rem);
+  box-shadow: var(--shadow-sm);
+  color: var(--color-gray11);
+  background: var(--color-gray2);
+  border: 1px solid hsla(0, 0%, 100%, 0.077);
+  border-radius: 0.25rem;
+  border-radius: var(--radii-2, 0.25rem);
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  font-family: var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
+  font-size: 0.75rem;
+  z-index: 9999;
+  pointer-events: none;
+  word-break: break-word;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  max-width: 18.75rem;
+}
+._tooltip_45btf_1::before {
+  content: "";
+  background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--color-gray6) 33%, var(--color-gray9) 77%, rgba(0, 0, 0, 0));
+  opacity: 0.3;
+  position: absolute;
+  width: 80%;
+  height: 0.0625rem;
+  top: -0.0625rem;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: -1;
+}
+@supports (color: color(display-p3 1 1 1)) {
+  ._tooltip_45btf_1[data-p3=false] {
+    border-color: rgba(255, 255, 255, 0.077);
+  }
+}._root_1uu8h_1 {
+  --hue: 223;
+  --white: hsl(0, 0%, 100%);
+  --lt-gray: hsl(var(--hue), 10%, 95%);
+  --primary0: hsl(var(--hue), 90%, 95%);
+  --primary1: hsl(var(--hue), 90%, 90%);
+  --primary3: hsl(var(--hue), 90%, 50%);
+  --primary4: hsl(var(--hue), 90%, 30%);
+  --primary5: hsl(var(--hue), 90%, 10%);
+  --trans-dur: 0.3s;
+  font-size: calc(16px + 16 * (100vw - 320px) / 960);
+  --percent: 50%;
+  --transX: 0;
+  margin: 2.5em 0.75em 0 0.75em;
+  padding-top: 0.5em;
+  position: relative;
+  max-width: 12em;
+  width: 100%;
+}
+
+._label_1uu8h_21 {
+  overflow: hidden;
+  position: absolute;
+  width: 1px;
+  height: 1px;
+}
+
+._input_1uu8h_28 {
+  background-color: var(--primary1);
+  background-image: linear-gradient(var(--primary3), var(--primary3));
+  background-size: var(--percent) 100%;
+  background-repeat: no-repeat;
+  border-radius: 0.25em;
+  display: block;
+  margin: 0.5em -0.75em;
+  width: calc(100% + 1.5em);
+  height: 0.5em;
+  transition: background-color var(--trans-dur);
+  -webkit-appearance: none;
+  -moz-appearance: none;
+       appearance: none;
+  -webkit-tap-highlight-color: transparent;
+}
+._input_1uu8h_28:focus {
+  outline: transparent;
+}
+._input_1uu8h_28::-webkit-slider-thumb {
+  background-color: var(--white);
+  border: 0;
+  border-radius: 50%;
+  box-shadow: 0 0.125em 0.5em hsla(0, 0%, 0%, 0.3);
+  width: 1.5em;
+  height: 1.5em;
+  -webkit-transition: background-color 0.15s linear;
+  transition: background-color 0.15s linear;
+  -webkit-appearance: none;
+  appearance: none;
+}
+._input_1uu8h_28:focus::-webkit-slider-thumb, ._input_1uu8h_28::-webkit-slider-thumb:hover {
+  background-color: var(--lt-gray);
+}
+._input_1uu8h_28::-moz-range-thumb {
+  background-color: var(--white);
+  border: 0;
+  border-radius: 50%;
+  box-shadow: 0 0.125em 0.5em hsla(0, 0%, 0%, 0.3);
+  width: 1.5em;
+  height: 1.5em;
+  -moz-transition: background-color 0.15s linear;
+  transition: background-color 0.15s linear;
+}
+._input_1uu8h_28:focus::-moz-range-thumb, ._input_1uu8h_28::-moz-range-thumb:hover {
+  background-color: var(--lt-gray);
+}
+@supports selector(:focus-visible) {
+  ._input_1uu8h_28:focus::-webkit-slider-thumb {
+    background-color: var(--white);
+  }
+  ._input_1uu8h_28:focus-visible::-webkit-slider-thumb, ._input_1uu8h_28::-webkit-slider-thumb:hover {
+    background-color: var(--lt-gray);
+  }
+  ._input_1uu8h_28:focus::-moz-range-thumb {
+    background-color: var(--white);
+  }
+  ._input_1uu8h_28:focus-visible::-moz-range-thumb, ._input_1uu8h_28::-moz-range-thumb:hover {
+    background-color: var(--lt-gray);
+  }
+}
+
+/* Continue main styles */
+._output_1uu8h_88,
+._output_1uu8h_88:after,
+._valueTrack_1uu8h_90,
+._outputValues_1uu8h_91 {
+  position: absolute;
+}
+
+._output_1uu8h_88,
+._output_1uu8h_88:after {
+  transform: translateX(-50%);
+}
+
+._output_1uu8h_88 {
+  background-color: var(--primary3);
+  border-radius: 0.25em;
+  color: var(--white);
+  padding: 0.25em;
+  bottom: calc(100% + 0.5em);
+  left: var(--percent);
+  text-align: center;
+  width: 2em;
+  height: 2em;
+  transition: background-color var(--trans-dur);
+}
+._output_1uu8h_88:after {
+  border-top: 0.5em solid var(--primary3);
+  border-left: 0.5em solid transparent;
+  border-right: 0.5em solid transparent;
+  content: "";
+  display: block;
+  top: calc(100% - 1px);
+  left: 50%;
+  width: 0;
+  height: 0;
+}
+
+._valueTrack_1uu8h_90 {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+}
+
+._outputValues_1uu8h_91 {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  top: 0;
+  left: 0;
+  height: 100%;
+  transform: translateX(var(--transX));
+  transition: transform 0.15s linear;
+}
+
+._outputValue_1uu8h_91 {
+  width: 2em;
+}
+
+@media (prefers-color-scheme: dark) {
+  ._root_1uu8h_1 {
+    background-color: var(--primary5);
+    color: var(--primary1);
+  }
+  ._input_1uu8h_28 {
+    background-color: var(--primary4);
+  }
 }._root_14qt2_1 {
   display: grid;
   grid-template-columns: 1.5fr 3fr 2fr 2fr 1.5fr;
@@ -30204,7 +30675,7 @@ body[data-theme-mode=dark] ._root_groun_9 {
   color: #fff;
   cursor: default;
   text-transform: uppercase;
-}._root_1fsc6_1 {
+}._root_xpoci_1 {
   font-size: 8vmin;
   font-family: Rubik, sans-serif;
   width: 75vmin;
@@ -30212,23 +30683,23 @@ body[data-theme-mode=dark] ._root_groun_9 {
   color: #fff;
 }
 
-._line_1fsc6_9 {
+._line_xpoci_9 {
   display: flex;
   justify-content: space-between;
 }
 
-._word_1fsc6_14 {
+._word_xpoci_14 {
   transition: opacity 0.2s ease-in-out;
   cursor: default;
 }
-._word_1fsc6_14._link_1fsc6_18 {
+._word_xpoci_14._link_xpoci_18 {
   cursor: pointer;
   color: inherit;
 }
-._word_1fsc6_14._link_1fsc6_18 ._letter_1fsc6_22 {
+._word_xpoci_14._link_xpoci_18 ._letter_xpoci_22 {
   position: relative;
 }
-._word_1fsc6_14._link_1fsc6_18 ._letter_1fsc6_22::before {
+._word_xpoci_14._link_xpoci_18 ._letter_xpoci_22::before {
   content: "";
   width: 100%;
   height: 3px;
@@ -30237,151 +30708,151 @@ body[data-theme-mode=dark] ._root_groun_9 {
   bottom: 0;
   background-color: red;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14 {
+._root_xpoci_1:hover ._word_xpoci_14 {
   opacity: 0.25;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover {
+._root_xpoci_1:hover ._word_xpoci_14:hover {
   opacity: 1;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(1) {
-  --x: 11;
-  --y: 24;
-  --r: -13;
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(1) {
+  --x: 20;
+  --y: -24;
+  --r: 10;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(1):hover {
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(1):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -2;
-  --y: -5;
+  --x: 10;
+  --y: -9;
   --r: 5;
   --s: 1.25;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(2) {
-  --x: -6;
-  --y: -15;
-  --r: -10;
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(2) {
+  --x: 12;
+  --y: 7;
+  --r: -24;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(2):hover {
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(2):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 3;
-  --y: -3;
-  --r: 8;
+  --x: -2;
+  --y: -6;
+  --r: -4;
   --s: 1.25;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(3) {
-  --x: 22;
-  --y: 7;
-  --r: -19;
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(3) {
+  --x: 8;
+  --y: 20;
+  --r: -6;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(3):hover {
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(3):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -1;
-  --y: 5;
-  --r: -8;
+  --x: 6;
+  --y: 3;
+  --r: 9;
   --s: 1.25;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(4) {
-  --x: 6;
-  --y: 19;
-  --r: -18;
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(4) {
+  --x: 21;
+  --y: 16;
+  --r: 13;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(4):hover {
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(4):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 6;
-  --y: -6;
-  --r: -3;
+  --x: 3;
+  --y: -5;
+  --r: 10;
   --s: 1.25;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(5) {
-  --x: 12;
-  --y: 25;
-  --r: -20;
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(5) {
+  --x: 6;
+  --y: 6;
+  --r: -17;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(5):hover {
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(5):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 8;
-  --y: 3;
-  --r: -8;
+  --x: 9;
+  --y: -6;
+  --r: 1;
   --s: 1.25;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(6) {
-  --x: -20;
-  --y: 25;
-  --r: 10;
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(6) {
+  --x: -1;
+  --y: 0;
+  --r: 9;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(6):hover {
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(6):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 8;
-  --y: 5;
-  --r: -5;
+  --x: -2;
+  --y: -8;
+  --r: 9;
   --s: 1.25;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(7) {
-  --x: 13;
-  --y: 16;
-  --r: -2;
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(7) {
+  --x: -22;
+  --y: 6;
+  --r: 10;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(7):hover {
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(7):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -2;
+  --x: -4;
   --y: -9;
-  --r: -5;
+  --r: 8;
   --s: 1.25;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(8) {
-  --x: 16;
-  --y: 11;
-  --r: -2;
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(8) {
+  --x: -23;
+  --y: 17;
+  --r: -6;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(8):hover {
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(8):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -5;
-  --y: 3;
-  --r: 1;
+  --x: 3;
+  --y: 1;
+  --r: 4;
   --s: 1.25;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(9) {
-  --x: -21;
-  --y: -3;
-  --r: 19;
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(9) {
+  --x: -22;
+  --y: 9;
+  --r: 12;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(9):hover {
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(9):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 3;
-  --y: -2;
-  --r: -4;
+  --x: 1;
+  --y: 0;
+  --r: -6;
   --s: 1.25;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(10) {
-  --x: 9;
-  --y: 10;
-  --r: -9;
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(10) {
+  --x: -18;
+  --y: -12;
+  --r: 16;
 }
-._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(10):hover {
+._root_xpoci_1:hover ._word_xpoci_14:hover ._letter_xpoci_22:nth-child(10):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -5;
-  --y: 7;
-  --r: 10;
+  --x: -8;
+  --y: 4;
+  --r: 9;
   --s: 1.25;
 }
 
-._letter_1fsc6_22 {
+._letter_xpoci_22 {
   display: inline-block;
   transition: transform 0.2s ease-in-out;
   transform: translate(calc(0 * 1%), calc(0 * 1%)) rotate(calc(0 * 1deg)) scale(1);
   transform: translate(calc(var(--x, 0) * 1%), calc(var(--y, 0) * 1%)) rotate(calc(var(--r, 0) * 1deg)) scale(var(--s, 1));
 }
 
-@keyframes _wobble_1fsc6_1 {
+@keyframes _wobble_xpoci_1 {
   0%, 100% {
     transform: translateY(0) rotate(0);
   }
@@ -30579,163 +31050,6 @@ body[data-theme-mode=dark] ._root_groun_9 {
 ._char_3r6fa_19 {
   font-variation-settings: "wght" var(--wght);
   font-family: inherit;
-}._root_1uu8h_1 {
-  --hue: 223;
-  --white: hsl(0, 0%, 100%);
-  --lt-gray: hsl(var(--hue), 10%, 95%);
-  --primary0: hsl(var(--hue), 90%, 95%);
-  --primary1: hsl(var(--hue), 90%, 90%);
-  --primary3: hsl(var(--hue), 90%, 50%);
-  --primary4: hsl(var(--hue), 90%, 30%);
-  --primary5: hsl(var(--hue), 90%, 10%);
-  --trans-dur: 0.3s;
-  font-size: calc(16px + 16 * (100vw - 320px) / 960);
-  --percent: 50%;
-  --transX: 0;
-  margin: 2.5em 0.75em 0 0.75em;
-  padding-top: 0.5em;
-  position: relative;
-  max-width: 12em;
-  width: 100%;
-}
-
-._label_1uu8h_21 {
-  overflow: hidden;
-  position: absolute;
-  width: 1px;
-  height: 1px;
-}
-
-._input_1uu8h_28 {
-  background-color: var(--primary1);
-  background-image: linear-gradient(var(--primary3), var(--primary3));
-  background-size: var(--percent) 100%;
-  background-repeat: no-repeat;
-  border-radius: 0.25em;
-  display: block;
-  margin: 0.5em -0.75em;
-  width: calc(100% + 1.5em);
-  height: 0.5em;
-  transition: background-color var(--trans-dur);
-  -webkit-appearance: none;
-  -moz-appearance: none;
-       appearance: none;
-  -webkit-tap-highlight-color: transparent;
-}
-._input_1uu8h_28:focus {
-  outline: transparent;
-}
-._input_1uu8h_28::-webkit-slider-thumb {
-  background-color: var(--white);
-  border: 0;
-  border-radius: 50%;
-  box-shadow: 0 0.125em 0.5em hsla(0, 0%, 0%, 0.3);
-  width: 1.5em;
-  height: 1.5em;
-  -webkit-transition: background-color 0.15s linear;
-  transition: background-color 0.15s linear;
-  -webkit-appearance: none;
-  appearance: none;
-}
-._input_1uu8h_28:focus::-webkit-slider-thumb, ._input_1uu8h_28::-webkit-slider-thumb:hover {
-  background-color: var(--lt-gray);
-}
-._input_1uu8h_28::-moz-range-thumb {
-  background-color: var(--white);
-  border: 0;
-  border-radius: 50%;
-  box-shadow: 0 0.125em 0.5em hsla(0, 0%, 0%, 0.3);
-  width: 1.5em;
-  height: 1.5em;
-  -moz-transition: background-color 0.15s linear;
-  transition: background-color 0.15s linear;
-}
-._input_1uu8h_28:focus::-moz-range-thumb, ._input_1uu8h_28::-moz-range-thumb:hover {
-  background-color: var(--lt-gray);
-}
-@supports selector(:focus-visible) {
-  ._input_1uu8h_28:focus::-webkit-slider-thumb {
-    background-color: var(--white);
-  }
-  ._input_1uu8h_28:focus-visible::-webkit-slider-thumb, ._input_1uu8h_28::-webkit-slider-thumb:hover {
-    background-color: var(--lt-gray);
-  }
-  ._input_1uu8h_28:focus::-moz-range-thumb {
-    background-color: var(--white);
-  }
-  ._input_1uu8h_28:focus-visible::-moz-range-thumb, ._input_1uu8h_28::-moz-range-thumb:hover {
-    background-color: var(--lt-gray);
-  }
-}
-
-/* Continue main styles */
-._output_1uu8h_88,
-._output_1uu8h_88:after,
-._valueTrack_1uu8h_90,
-._outputValues_1uu8h_91 {
-  position: absolute;
-}
-
-._output_1uu8h_88,
-._output_1uu8h_88:after {
-  transform: translateX(-50%);
-}
-
-._output_1uu8h_88 {
-  background-color: var(--primary3);
-  border-radius: 0.25em;
-  color: var(--white);
-  padding: 0.25em;
-  bottom: calc(100% + 0.5em);
-  left: var(--percent);
-  text-align: center;
-  width: 2em;
-  height: 2em;
-  transition: background-color var(--trans-dur);
-}
-._output_1uu8h_88:after {
-  border-top: 0.5em solid var(--primary3);
-  border-left: 0.5em solid transparent;
-  border-right: 0.5em solid transparent;
-  content: "";
-  display: block;
-  top: calc(100% - 1px);
-  left: 50%;
-  width: 0;
-  height: 0;
-}
-
-._valueTrack_1uu8h_90 {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  overflow: hidden;
-}
-
-._outputValues_1uu8h_91 {
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  top: 0;
-  left: 0;
-  height: 100%;
-  transform: translateX(var(--transX));
-  transition: transform 0.15s linear;
-}
-
-._outputValue_1uu8h_91 {
-  width: 2em;
-}
-
-@media (prefers-color-scheme: dark) {
-  ._root_1uu8h_1 {
-    background-color: var(--primary5);
-    color: var(--primary1);
-  }
-  ._input_1uu8h_28 {
-    background-color: var(--primary4);
-  }
 }._root_1l9xu_1 {
   position: fixed;
   right: 24px;
@@ -33775,7 +34089,7 @@ https://flickity.metafizzy.co
   color: #fff;
   font-size: 14px;
   font-weight: 600;
-  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, arial, sans-serif;
+  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, arial, sans-serif;
   transition: transform 0.2s;
 }
 ._control_y8z7l_57._active_y8z7l_83 {