@tarsis/toolkit 0.4.7 → 0.5.0

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_1hlhv_1 {
+}._root_bfrkm_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_1hlhv_1 {
+  ._root_bfrkm_1 {
     --bg: hsl(223, 10%, 10%);
     --fg: hsl(223, 10%, 90%);
   }
 }
 
-._button_1hlhv_13 {
+._button_bfrkm_13 {
   border-radius: 1.25em;
   color: hsl(0, 0%, 100%);
   font-weight: bold;
@@ -1293,12 +1568,12 @@
   -webkit-apperance: none;
   cursor: pointer;
 }
-._button_1hlhv_13 ._p_1hlhv_26, ._button_1hlhv_13 ._text_1hlhv_26 {
+._button_bfrkm_13 ._p_bfrkm_26, ._button_bfrkm_13 ._text_bfrkm_26 {
   background: hsl(3, 90%, 55%);
   border-radius: 50%;
   transition: background 0.15s linear;
 }
-._button_1hlhv_13 ._p_1hlhv_26 {
+._button_bfrkm_13 ._p_bfrkm_26 {
   animation-duration: 1s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
@@ -1307,197 +1582,197 @@
   width: 0.5em;
   height: 0.5em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(1) {
-  animation-name: _rise1_1hlhv_1;
-  animation-delay: -0.65s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(1) {
+  animation-name: _rise1_bfrkm_1;
+  animation-delay: -0.7s;
   top: calc(50% - 0.3907910185em);
   left: 0.1em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(2) {
-  animation-name: _rise2_1hlhv_1;
-  animation-delay: -0.35s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(2) {
+  animation-name: _rise2_bfrkm_1;
+  animation-delay: -0.76s;
   top: calc(50% - 0.5281152949em);
   left: 0.2em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(3) {
-  animation-name: _rise3_1hlhv_1;
-  animation-delay: -0.63s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(3) {
+  animation-name: _rise3_bfrkm_1;
+  animation-delay: -0.26s;
   top: calc(50% - 0.6585914498em);
   left: 0.3em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(4) {
-  animation-name: _rise4_1hlhv_1;
-  animation-delay: -0.9s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(4) {
+  animation-name: _rise4_bfrkm_1;
+  animation-delay: -0.08s;
   top: calc(50% - 0.7790067271em);
   left: 0.4em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(5) {
-  animation-name: _rise5_1hlhv_1;
-  animation-delay: -0.4s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(5) {
+  animation-name: _rise5_bfrkm_1;
+  animation-delay: -0.16s;
   top: calc(50% - 0.8863961031em);
   left: 0.5em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(6) {
-  animation-name: _rise6_1hlhv_1;
-  animation-delay: -0.15s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(6) {
+  animation-name: _rise6_bfrkm_1;
+  animation-delay: -0.84s;
   top: calc(50% - 0.9781152949em);
   left: 0.6em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(7) {
-  animation-name: _rise7_1hlhv_1;
-  animation-delay: -0.55s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(7) {
+  animation-name: _rise7_bfrkm_1;
+  animation-delay: -0.87s;
   top: calc(50% - 1.0519058718em);
   left: 0.7em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(8) {
-  animation-name: _rise8_1hlhv_1;
-  animation-delay: -0.86s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(8) {
+  animation-name: _rise8_bfrkm_1;
+  animation-delay: -0.58s;
   top: calc(50% - 1.1059508647em);
   left: 0.8em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(9) {
-  animation-name: _rise9_1hlhv_1;
-  animation-delay: -0.24s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(9) {
+  animation-name: _rise9_bfrkm_1;
+  animation-delay: -0.87s;
   top: calc(50% - 1.1389195065em);
   left: 0.9em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(10) {
-  animation-name: _rise10_1hlhv_1;
-  animation-delay: -0.52s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(10) {
+  animation-name: _rise10_bfrkm_1;
+  animation-delay: -0.91s;
   top: calc(50% - 1.15em);
   left: 1em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(11) {
-  animation-name: _rise11_1hlhv_1;
-  animation-delay: -0.14s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(11) {
+  animation-name: _rise11_bfrkm_1;
+  animation-delay: -0.56s;
   top: calc(50% - 1.1389195065em);
   left: 1.1em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(12) {
-  animation-name: _rise12_1hlhv_1;
-  animation-delay: -0.35s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(12) {
+  animation-name: _rise12_bfrkm_1;
+  animation-delay: -0.64s;
   top: calc(50% - 1.1059508647em);
   left: 1.2em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(13) {
-  animation-name: _rise13_1hlhv_1;
-  animation-delay: -0.19s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(13) {
+  animation-name: _rise13_bfrkm_1;
+  animation-delay: -0.74s;
   top: calc(50% - 1.0519058718em);
   left: 1.3em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(14) {
-  animation-name: _rise14_1hlhv_1;
-  animation-delay: -0.28s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(14) {
+  animation-name: _rise14_bfrkm_1;
+  animation-delay: -0.54s;
   top: calc(50% - 0.9781152949em);
   left: 1.4em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(15) {
-  animation-name: _rise15_1hlhv_1;
-  animation-delay: -0.26s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(15) {
+  animation-name: _rise15_bfrkm_1;
+  animation-delay: -0.89s;
   top: calc(50% - 0.8863961031em);
   left: 1.5em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(16) {
-  animation-name: _rise16_1hlhv_1;
-  animation-delay: -0.06s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(16) {
+  animation-name: _rise16_bfrkm_1;
+  animation-delay: -0.46s;
   top: calc(50% - 0.7790067271em);
   left: 1.6em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(17) {
-  animation-name: _rise17_1hlhv_1;
-  animation-delay: -0.06s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(17) {
+  animation-name: _rise17_bfrkm_1;
+  animation-delay: -0.85s;
   top: calc(50% - 0.6585914498em);
   left: 1.7em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(18) {
-  animation-name: _rise18_1hlhv_1;
-  animation-delay: -0.27s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(18) {
+  animation-name: _rise18_bfrkm_1;
+  animation-delay: -0.15s;
   top: calc(50% - 0.5281152949em);
   left: 1.8em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(19) {
-  animation-name: _rise19_1hlhv_1;
-  animation-delay: -0.22s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(19) {
+  animation-name: _rise19_bfrkm_1;
+  animation-delay: -0.57s;
   top: calc(50% - 0.3907910185em);
   left: 1.9em;
 }
-._button_1hlhv_13 ._p_1hlhv_26:nth-child(20) {
-  animation-name: _rise20_1hlhv_1;
-  animation-delay: -0.01s;
+._button_bfrkm_13 ._p_bfrkm_26:nth-child(20) {
+  animation-name: _rise20_bfrkm_1;
+  animation-delay: -0.56s;
   top: calc(50% - 0.25em);
   left: 2em;
 }
-._button_1hlhv_13:active {
+._button_bfrkm_13:active {
   transform: translateY(0.1em);
 }
-._button_1hlhv_13:focus ._p_1hlhv_26, ._button_1hlhv_13:hover ._p_1hlhv_26, ._button_1hlhv_13:focus ._text_1hlhv_26, ._button_1hlhv_13:hover ._text_1hlhv_26 {
+._button_bfrkm_13:focus ._p_bfrkm_26, ._button_bfrkm_13:hover ._p_bfrkm_26, ._button_bfrkm_13:focus ._text_bfrkm_26, ._button_bfrkm_13:hover ._text_bfrkm_26 {
   background: hsl(18, 90%, 55%);
 }
-._button_1hlhv_13:focus ._p_1hlhv_26, ._button_1hlhv_13:hover ._p_1hlhv_26 {
+._button_bfrkm_13:focus ._p_bfrkm_26, ._button_bfrkm_13:hover ._p_bfrkm_26 {
   animation-duration: 0.5s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(1), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(1) {
-  animation-delay: -0.325s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(1), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(1) {
+  animation-delay: -0.35s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(2), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(2) {
-  animation-delay: -0.175s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(2), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(2) {
+  animation-delay: -0.38s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(3), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(3) {
-  animation-delay: -0.315s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(3), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(3) {
+  animation-delay: -0.13s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(4), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(4) {
-  animation-delay: -0.45s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(4), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(4) {
+  animation-delay: -0.04s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(5), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(5) {
-  animation-delay: -0.2s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(5), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(5) {
+  animation-delay: -0.08s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(6), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(6) {
-  animation-delay: -0.075s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(6), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(6) {
+  animation-delay: -0.42s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(7), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(7) {
-  animation-delay: -0.275s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(7), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(7) {
+  animation-delay: -0.435s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(8), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(8) {
-  animation-delay: -0.43s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(8), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(8) {
+  animation-delay: -0.29s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(9), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(9) {
-  animation-delay: -0.12s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(9), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(9) {
+  animation-delay: -0.435s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(10), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(10) {
-  animation-delay: -0.26s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(10), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(10) {
+  animation-delay: -0.455s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(11), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(11) {
-  animation-delay: -0.07s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(11), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(11) {
+  animation-delay: -0.28s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(12), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(12) {
-  animation-delay: -0.175s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(12), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(12) {
+  animation-delay: -0.32s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(13), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(13) {
-  animation-delay: -0.095s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(13), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(13) {
+  animation-delay: -0.37s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(14), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(14) {
-  animation-delay: -0.14s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(14), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(14) {
+  animation-delay: -0.27s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(15), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(15) {
-  animation-delay: -0.13s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(15), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(15) {
+  animation-delay: -0.445s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(16), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(16) {
-  animation-delay: -0.03s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(16), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(16) {
+  animation-delay: -0.23s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(17), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(17) {
-  animation-delay: -0.03s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(17), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(17) {
+  animation-delay: -0.425s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(18), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(18) {
-  animation-delay: -0.135s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(18), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(18) {
+  animation-delay: -0.075s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(19), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(19) {
-  animation-delay: -0.11s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(19), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(19) {
+  animation-delay: -0.285s;
 }
-._button_1hlhv_13:focus ._p_1hlhv_26:nth-child(20), ._button_1hlhv_13:hover ._p_1hlhv_26:nth-child(20) {
-  animation-delay: -0.005s;
+._button_bfrkm_13:focus ._p_bfrkm_26:nth-child(20), ._button_bfrkm_13:hover ._p_bfrkm_26:nth-child(20) {
+  animation-delay: -0.28s;
 }
 
-._text_1hlhv_26 {
+._text_bfrkm_26 {
   display: block;
   padding: 0.5em;
   width: 100%;
@@ -1506,231 +1781,231 @@
   text-align: center;
 }
 
-._text_1hlhv_26,
-._effects_1hlhv_240 {
+._text_bfrkm_26,
+._effects_bfrkm_240 {
   position: absolute;
   top: 0;
   left: 0;
 }
 
-@keyframes _rise1_1hlhv_1 {
+@keyframes _rise1_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.036em, -1.04em) scale(1);
+    transform: translate(0.07em, -1.49em) scale(1);
   }
   to {
-    transform: translate(0.19em, -2.08em) scale(0);
+    transform: translate(-0.175em, -2.98em) scale(0);
   }
 }
-@keyframes _rise2_1hlhv_1 {
+@keyframes _rise2_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.048em, -0.93em) scale(1);
+    transform: translate(-0.02em, -1.13em) scale(1);
   }
   to {
-    transform: translate(-0.045em, -1.86em) scale(0);
+    transform: translate(0.075em, -2.26em) scale(0);
   }
 }
-@keyframes _rise3_1hlhv_1 {
+@keyframes _rise3_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.086em, -1.39em) scale(1);
+    transform: translate(-0.018em, -0.79em) scale(1);
   }
   to {
-    transform: translate(0.215em, -2.78em) scale(0);
+    transform: translate(-0.16em, -1.58em) scale(0);
   }
 }
-@keyframes _rise4_1hlhv_1 {
+@keyframes _rise4_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.004em, -0.89em) scale(1);
+    transform: translate(-0.004em, -0.73em) scale(1);
   }
   to {
-    transform: translate(-0.045em, -1.78em) scale(0);
+    transform: translate(-0.14em, -1.46em) scale(0);
   }
 }
-@keyframes _rise5_1hlhv_1 {
+@keyframes _rise5_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.072em, -0.8em) scale(1);
+    transform: translate(0.042em, -1.1em) scale(1);
   }
   to {
-    transform: translate(0.235em, -1.6em) scale(0);
+    transform: translate(0.165em, -2.2em) scale(0);
   }
 }
-@keyframes _rise6_1hlhv_1 {
+@keyframes _rise6_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.006em, -0.92em) scale(1);
+    transform: translate(0.04em, -0.89em) scale(1);
   }
   to {
-    transform: translate(-0.18em, -1.84em) scale(0);
+    transform: translate(-0.19em, -1.78em) scale(0);
   }
 }
-@keyframes _rise7_1hlhv_1 {
+@keyframes _rise7_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.092em, -0.7em) scale(1);
+    transform: translate(-0.044em, -0.62em) scale(1);
   }
   to {
-    transform: translate(0.08em, -1.4em) scale(0);
+    transform: translate(0.15em, -1.24em) scale(0);
   }
 }
-@keyframes _rise8_1hlhv_1 {
+@keyframes _rise8_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.008em, -1.29em) scale(1);
+    transform: translate(0.066em, -0.91em) scale(1);
   }
   to {
-    transform: translate(0.03em, -2.58em) scale(0);
+    transform: translate(0.22em, -1.82em) scale(0);
   }
 }
-@keyframes _rise9_1hlhv_1 {
+@keyframes _rise9_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.096em, -1.23em) scale(1);
+    transform: translate(-0.092em, -1.08em) scale(1);
   }
   to {
-    transform: translate(0.14em, -2.46em) scale(0);
+    transform: translate(0.05em, -2.16em) scale(0);
   }
 }
-@keyframes _rise10_1hlhv_1 {
+@keyframes _rise10_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.07em, -1em) scale(1);
+    transform: translate(0.014em, -1.45em) scale(1);
   }
   to {
-    transform: translate(-0.105em, -2em) scale(0);
+    transform: translate(0.025em, -2.9em) scale(0);
   }
 }
-@keyframes _rise11_1hlhv_1 {
+@keyframes _rise11_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.012em, -1.11em) scale(1);
+    transform: translate(-0.012em, -0.61em) scale(1);
   }
   to {
-    transform: translate(-0.075em, -2.22em) scale(0);
+    transform: translate(-0.1em, -1.22em) scale(0);
   }
 }
-@keyframes _rise12_1hlhv_1 {
+@keyframes _rise12_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.094em, -0.95em) scale(1);
+    transform: translate(-0.066em, -0.72em) scale(1);
   }
   to {
-    transform: translate(0.21em, -1.9em) scale(0);
+    transform: translate(0.135em, -1.44em) scale(0);
   }
 }
-@keyframes _rise13_1hlhv_1 {
+@keyframes _rise13_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.056em, -1.23em) scale(1);
+    transform: translate(-0.082em, -0.52em) scale(1);
   }
   to {
-    transform: translate(0.22em, -2.46em) scale(0);
+    transform: translate(0.145em, -1.04em) scale(0);
   }
 }
-@keyframes _rise14_1hlhv_1 {
+@keyframes _rise14_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.012em, -1.24em) scale(1);
+    transform: translate(-0.032em, -0.59em) scale(1);
   }
   to {
-    transform: translate(-0.215em, -2.48em) scale(0);
+    transform: translate(-0.19em, -1.18em) scale(0);
   }
 }
-@keyframes _rise15_1hlhv_1 {
+@keyframes _rise15_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.02em, -1.49em) scale(1);
+    transform: translate(0.076em, -1.39em) scale(1);
   }
   to {
-    transform: translate(0.18em, -2.98em) scale(0);
+    transform: translate(0.155em, -2.78em) scale(0);
   }
 }
-@keyframes _rise16_1hlhv_1 {
+@keyframes _rise16_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.068em, -0.87em) scale(1);
+    transform: translate(-0.044em, -1.11em) scale(1);
   }
   to {
-    transform: translate(0.215em, -1.74em) scale(0);
+    transform: translate(0.025em, -2.22em) scale(0);
   }
 }
-@keyframes _rise17_1hlhv_1 {
+@keyframes _rise17_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.08em, -0.77em) scale(1);
+    transform: translate(-0.058em, -1.25em) scale(1);
   }
   to {
-    transform: translate(0.2em, -1.54em) scale(0);
+    transform: translate(0.1em, -2.5em) scale(0);
   }
 }
-@keyframes _rise18_1hlhv_1 {
+@keyframes _rise18_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.01em, -1.03em) scale(1);
+    transform: translate(-0.002em, -1.06em) scale(1);
   }
   to {
-    transform: translate(-0.125em, -2.06em) scale(0);
+    transform: translate(0.105em, -2.12em) scale(0);
   }
 }
-@keyframes _rise19_1hlhv_1 {
+@keyframes _rise19_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.1em, -0.77em) scale(1);
+    transform: translate(0.024em, -1.18em) scale(1);
   }
   to {
-    transform: translate(-0.22em, -1.54em) scale(0);
+    transform: translate(-0.085em, -2.36em) scale(0);
   }
 }
-@keyframes _rise20_1hlhv_1 {
+@keyframes _rise20_bfrkm_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.026em, -0.71em) scale(1);
+    transform: translate(0.026em, -0.97em) scale(1);
   }
   to {
-    transform: translate(0.18em, -1.42em) scale(0);
+    transform: translate(0.25em, -1.94em) 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_1oget_2 {
+._root_1au4o_2 {
   position: relative;
   width: 287px;
   height: 36px;
@@ -5131,13 +5406,13 @@
   justify-content: center;
   align-content: center;
 }
-._root_1oget_2:hover {
+._root_1au4o_2:hover {
   --sy: 1;
   --aps: running;
   --op: 0;
 }
 
-._i_1oget_22 {
+._i_1au4o_22 {
   position: absolute;
   left: 0;
   left: var(--left, 0);
@@ -5149,7 +5424,7 @@
   transition: transform var(--duration) ease-out;
   z-index: -1;
 }
-._i_1oget_22::after {
+._i_1au4o_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_1oget_1 var(--duration) infinite ease-in-out alternate;
+  animation: _noise_1au4o_1 var(--duration) infinite ease-in-out alternate;
   animation-play-state: paused;
   animation-play-state: var(--aps, paused);
 }
-@keyframes _noise_1oget_1 {
+@keyframes _noise_1au4o_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_1oget_22:nth-child(1) {
+._i_1au4o_22:nth-child(1) {
   --left: 0px;
-  --duration: 252ms;
-  --size: 0.853;
+  --duration: 349ms;
+  --size: 0.267;
   --hue: 0;
 }
-._i_1oget_22:nth-child(2) {
+._i_1au4o_22:nth-child(2) {
   --left: 4px;
-  --duration: 263ms;
-  --size: 0.455;
+  --duration: 298ms;
+  --size: 0.937;
   --hue: 5;
 }
-._i_1oget_22:nth-child(3) {
+._i_1au4o_22:nth-child(3) {
   --left: 8px;
-  --duration: 370ms;
-  --size: 0.701;
+  --duration: 316ms;
+  --size: 0.362;
   --hue: 10;
 }
-._i_1oget_22:nth-child(4) {
+._i_1au4o_22:nth-child(4) {
   --left: 12px;
-  --duration: 364ms;
-  --size: 0.562;
+  --duration: 209ms;
+  --size: 0.043;
   --hue: 15;
 }
-._i_1oget_22:nth-child(5) {
+._i_1au4o_22:nth-child(5) {
   --left: 16px;
-  --duration: 281ms;
-  --size: 0.664;
+  --duration: 250ms;
+  --size: 0.389;
   --hue: 20;
 }
-._i_1oget_22:nth-child(6) {
+._i_1au4o_22:nth-child(6) {
   --left: 20px;
-  --duration: 237ms;
-  --size: 0.919;
+  --duration: 257ms;
+  --size: 0.781;
   --hue: 25;
 }
-._i_1oget_22:nth-child(7) {
+._i_1au4o_22:nth-child(7) {
   --left: 24px;
-  --duration: 325ms;
-  --size: 0.027;
+  --duration: 311ms;
+  --size: 0.241;
   --hue: 30;
 }
-._i_1oget_22:nth-child(8) {
+._i_1au4o_22:nth-child(8) {
   --left: 28px;
-  --duration: 380ms;
-  --size: 0.578;
+  --duration: 262ms;
+  --size: 0.145;
   --hue: 35;
 }
-._i_1oget_22:nth-child(9) {
+._i_1au4o_22:nth-child(9) {
   --left: 32px;
-  --duration: 345ms;
-  --size: 0.742;
+  --duration: 205ms;
+  --size: 0.912;
   --hue: 40;
 }
-._i_1oget_22:nth-child(10) {
+._i_1au4o_22:nth-child(10) {
   --left: 36px;
-  --duration: 244ms;
-  --size: 0.562;
+  --duration: 357ms;
+  --size: 0.238;
   --hue: 45;
 }
-._i_1oget_22:nth-child(11) {
+._i_1au4o_22:nth-child(11) {
   --left: 40px;
-  --duration: 369ms;
-  --size: 0.18;
+  --duration: 371ms;
+  --size: 0.486;
   --hue: 50;
 }
-._i_1oget_22:nth-child(12) {
+._i_1au4o_22:nth-child(12) {
   --left: 44px;
-  --duration: 358ms;
-  --size: 0.02;
+  --duration: 274ms;
+  --size: 0.107;
   --hue: 55;
 }
-._i_1oget_22:nth-child(13) {
+._i_1au4o_22:nth-child(13) {
   --left: 48px;
-  --duration: 282ms;
-  --size: 0.588;
+  --duration: 266ms;
+  --size: 0.382;
   --hue: 60;
 }
-._i_1oget_22:nth-child(14) {
+._i_1au4o_22:nth-child(14) {
   --left: 52px;
-  --duration: 394ms;
-  --size: 0.882;
+  --duration: 277ms;
+  --size: 0.225;
   --hue: 65;
 }
-._i_1oget_22:nth-child(15) {
+._i_1au4o_22:nth-child(15) {
   --left: 56px;
-  --duration: 232ms;
-  --size: 0.619;
+  --duration: 382ms;
+  --size: 0.557;
   --hue: 70;
 }
-._i_1oget_22:nth-child(16) {
+._i_1au4o_22:nth-child(16) {
   --left: 60px;
-  --duration: 295ms;
-  --size: 0.758;
+  --duration: 255ms;
+  --size: 0.693;
   --hue: 75;
 }
-._i_1oget_22:nth-child(17) {
+._i_1au4o_22:nth-child(17) {
   --left: 64px;
-  --duration: 301ms;
-  --size: 0.102;
+  --duration: 226ms;
+  --size: 0.465;
   --hue: 80;
 }
-._i_1oget_22:nth-child(18) {
+._i_1au4o_22:nth-child(18) {
   --left: 68px;
-  --duration: 238ms;
-  --size: 0.975;
+  --duration: 371ms;
+  --size: 0.205;
   --hue: 85;
 }
-._i_1oget_22:nth-child(19) {
+._i_1au4o_22:nth-child(19) {
   --left: 72px;
-  --duration: 365ms;
-  --size: 0.658;
+  --duration: 296ms;
+  --size: 0.594;
   --hue: 90;
 }
-._i_1oget_22:nth-child(20) {
+._i_1au4o_22:nth-child(20) {
   --left: 76px;
-  --duration: 262ms;
-  --size: 0.167;
+  --duration: 362ms;
+  --size: 0.26;
   --hue: 95;
 }
-._i_1oget_22:nth-child(21) {
+._i_1au4o_22:nth-child(21) {
   --left: 80px;
-  --duration: 311ms;
-  --size: 0.609;
+  --duration: 227ms;
+  --size: 0.12;
   --hue: 100;
 }
-._i_1oget_22:nth-child(22) {
+._i_1au4o_22:nth-child(22) {
   --left: 84px;
-  --duration: 359ms;
-  --size: 0.994;
+  --duration: 372ms;
+  --size: 0.096;
   --hue: 105;
 }
-._i_1oget_22:nth-child(23) {
+._i_1au4o_22:nth-child(23) {
   --left: 88px;
-  --duration: 216ms;
-  --size: 0.81;
+  --duration: 342ms;
+  --size: 0.319;
   --hue: 110;
 }
-._i_1oget_22:nth-child(24) {
+._i_1au4o_22:nth-child(24) {
   --left: 92px;
-  --duration: 343ms;
-  --size: 0.492;
+  --duration: 207ms;
+  --size: 0.698;
   --hue: 115;
 }
-._i_1oget_22:nth-child(25) {
+._i_1au4o_22:nth-child(25) {
   --left: 96px;
-  --duration: 349ms;
-  --size: 0.804;
+  --duration: 251ms;
+  --size: 0.858;
   --hue: 120;
 }
-._i_1oget_22:nth-child(26) {
+._i_1au4o_22:nth-child(26) {
   --left: 100px;
-  --duration: 363ms;
-  --size: 0.06;
+  --duration: 206ms;
+  --size: 0.786;
   --hue: 125;
 }
-._i_1oget_22:nth-child(27) {
+._i_1au4o_22:nth-child(27) {
   --left: 104px;
-  --duration: 400ms;
-  --size: 0.433;
+  --duration: 377ms;
+  --size: 0.792;
   --hue: 130;
 }
-._i_1oget_22:nth-child(28) {
+._i_1au4o_22:nth-child(28) {
   --left: 108px;
-  --duration: 320ms;
-  --size: 0.226;
+  --duration: 234ms;
+  --size: 0.939;
   --hue: 135;
 }
-._i_1oget_22:nth-child(29) {
+._i_1au4o_22:nth-child(29) {
   --left: 112px;
-  --duration: 305ms;
-  --size: 0.341;
+  --duration: 222ms;
+  --size: 0.786;
   --hue: 140;
 }
-._i_1oget_22:nth-child(30) {
+._i_1au4o_22:nth-child(30) {
   --left: 116px;
-  --duration: 310ms;
-  --size: 0.347;
+  --duration: 312ms;
+  --size: 0.473;
   --hue: 145;
 }
-._i_1oget_22:nth-child(31) {
+._i_1au4o_22:nth-child(31) {
   --left: 120px;
-  --duration: 248ms;
-  --size: 0.156;
+  --duration: 282ms;
+  --size: 0.783;
   --hue: 150;
 }
-._i_1oget_22:nth-child(32) {
+._i_1au4o_22:nth-child(32) {
   --left: 124px;
-  --duration: 233ms;
-  --size: 0.871;
+  --duration: 207ms;
+  --size: 0.048;
   --hue: 155;
 }
-._i_1oget_22:nth-child(33) {
+._i_1au4o_22:nth-child(33) {
   --left: 128px;
-  --duration: 359ms;
-  --size: 0.96;
+  --duration: 348ms;
+  --size: 0.047;
   --hue: 160;
 }
-._i_1oget_22:nth-child(34) {
+._i_1au4o_22:nth-child(34) {
   --left: 132px;
-  --duration: 292ms;
-  --size: 0.34;
+  --duration: 297ms;
+  --size: 0.087;
   --hue: 165;
 }
-._i_1oget_22:nth-child(35) {
+._i_1au4o_22:nth-child(35) {
   --left: 136px;
-  --duration: 218ms;
-  --size: 0.034;
+  --duration: 329ms;
+  --size: 0.778;
   --hue: 170;
 }
-._i_1oget_22:nth-child(36) {
+._i_1au4o_22:nth-child(36) {
   --left: 140px;
-  --duration: 201ms;
-  --size: 0.594;
+  --duration: 288ms;
+  --size: 0.079;
   --hue: 175;
 }
-._i_1oget_22:nth-child(37) {
+._i_1au4o_22:nth-child(37) {
   --left: 144px;
-  --duration: 307ms;
-  --size: 0.505;
+  --duration: 343ms;
+  --size: 0.655;
   --hue: 180;
 }
-._i_1oget_22:nth-child(38) {
+._i_1au4o_22:nth-child(38) {
   --left: 148px;
-  --duration: 354ms;
-  --size: 0.83;
+  --duration: 277ms;
+  --size: 0.678;
   --hue: 185;
 }
-._i_1oget_22:nth-child(39) {
+._i_1au4o_22:nth-child(39) {
   --left: 152px;
-  --duration: 331ms;
-  --size: 0.088;
+  --duration: 347ms;
+  --size: 0.569;
   --hue: 190;
 }
-._i_1oget_22:nth-child(40) {
+._i_1au4o_22:nth-child(40) {
   --left: 156px;
-  --duration: 241ms;
-  --size: 0.914;
+  --duration: 394ms;
+  --size: 0.604;
   --hue: 195;
 }
-._i_1oget_22:nth-child(41) {
+._i_1au4o_22:nth-child(41) {
   --left: 160px;
-  --duration: 365ms;
-  --size: 0.913;
+  --duration: 359ms;
+  --size: 0.753;
   --hue: 200;
 }
-._i_1oget_22:nth-child(42) {
+._i_1au4o_22:nth-child(42) {
   --left: 164px;
-  --duration: 234ms;
-  --size: 0.709;
+  --duration: 396ms;
+  --size: 0.283;
   --hue: 205;
 }
-._i_1oget_22:nth-child(43) {
+._i_1au4o_22:nth-child(43) {
   --left: 168px;
-  --duration: 204ms;
-  --size: 0.151;
+  --duration: 349ms;
+  --size: 0.699;
   --hue: 210;
 }
-._i_1oget_22:nth-child(44) {
+._i_1au4o_22:nth-child(44) {
   --left: 172px;
-  --duration: 236ms;
-  --size: 0.238;
+  --duration: 240ms;
+  --size: 0.263;
   --hue: 215;
 }
-._i_1oget_22:nth-child(45) {
+._i_1au4o_22:nth-child(45) {
   --left: 176px;
-  --duration: 225ms;
-  --size: 0.68;
+  --duration: 243ms;
+  --size: 0.575;
   --hue: 220;
 }
-._i_1oget_22:nth-child(46) {
+._i_1au4o_22:nth-child(46) {
   --left: 180px;
-  --duration: 364ms;
-  --size: 0.847;
+  --duration: 270ms;
+  --size: 0.709;
   --hue: 225;
 }
-._i_1oget_22:nth-child(47) {
+._i_1au4o_22:nth-child(47) {
   --left: 184px;
-  --duration: 235ms;
-  --size: 0.944;
+  --duration: 266ms;
+  --size: 0.92;
   --hue: 230;
 }
-._i_1oget_22:nth-child(48) {
+._i_1au4o_22:nth-child(48) {
   --left: 188px;
-  --duration: 282ms;
-  --size: 0.907;
+  --duration: 253ms;
+  --size: 0.196;
   --hue: 235;
 }
-._i_1oget_22:nth-child(49) {
+._i_1au4o_22:nth-child(49) {
   --left: 192px;
-  --duration: 349ms;
-  --size: 0.319;
+  --duration: 252ms;
+  --size: 0.281;
   --hue: 240;
 }
-._i_1oget_22:nth-child(50) {
+._i_1au4o_22:nth-child(50) {
   --left: 196px;
-  --duration: 333ms;
-  --size: 0.416;
+  --duration: 314ms;
+  --size: 0.389;
   --hue: 245;
 }
-._i_1oget_22:nth-child(51) {
+._i_1au4o_22:nth-child(51) {
   --left: 200px;
-  --duration: 333ms;
-  --size: 0.729;
+  --duration: 298ms;
+  --size: 0.452;
   --hue: 250;
 }
-._i_1oget_22:nth-child(52) {
+._i_1au4o_22:nth-child(52) {
   --left: 204px;
-  --duration: 270ms;
-  --size: 0.766;
+  --duration: 218ms;
+  --size: 0.666;
   --hue: 255;
 }
-._i_1oget_22:nth-child(53) {
+._i_1au4o_22:nth-child(53) {
   --left: 208px;
-  --duration: 230ms;
-  --size: 0.491;
+  --duration: 324ms;
+  --size: 0.853;
   --hue: 260;
 }
-._i_1oget_22:nth-child(54) {
+._i_1au4o_22:nth-child(54) {
   --left: 212px;
-  --duration: 205ms;
-  --size: 0.858;
+  --duration: 373ms;
+  --size: 0.134;
   --hue: 265;
 }
-._i_1oget_22:nth-child(55) {
+._i_1au4o_22:nth-child(55) {
   --left: 216px;
-  --duration: 248ms;
-  --size: 0.039;
+  --duration: 264ms;
+  --size: 0.997;
   --hue: 270;
 }
-._i_1oget_22:nth-child(56) {
+._i_1au4o_22:nth-child(56) {
   --left: 220px;
-  --duration: 204ms;
-  --size: 0.084;
+  --duration: 257ms;
+  --size: 0.194;
   --hue: 275;
 }
-._i_1oget_22:nth-child(57) {
+._i_1au4o_22:nth-child(57) {
   --left: 224px;
-  --duration: 249ms;
-  --size: 0.097;
+  --duration: 243ms;
+  --size: 0.483;
   --hue: 280;
 }
-._i_1oget_22:nth-child(58) {
+._i_1au4o_22:nth-child(58) {
   --left: 228px;
-  --duration: 355ms;
-  --size: 0.149;
+  --duration: 299ms;
+  --size: 0.902;
   --hue: 285;
 }
-._i_1oget_22:nth-child(59) {
+._i_1au4o_22:nth-child(59) {
   --left: 232px;
-  --duration: 369ms;
-  --size: 0.567;
+  --duration: 295ms;
+  --size: 0.976;
   --hue: 290;
 }
-._i_1oget_22:nth-child(60) {
+._i_1au4o_22:nth-child(60) {
   --left: 236px;
-  --duration: 361ms;
-  --size: 0.262;
+  --duration: 314ms;
+  --size: 0.119;
   --hue: 295;
 }
-._i_1oget_22:nth-child(61) {
+._i_1au4o_22:nth-child(61) {
   --left: 240px;
-  --duration: 241ms;
-  --size: 0.11;
+  --duration: 347ms;
+  --size: 0.87;
   --hue: 300;
 }
-._i_1oget_22:nth-child(62) {
+._i_1au4o_22:nth-child(62) {
   --left: 244px;
-  --duration: 385ms;
-  --size: 0.157;
+  --duration: 220ms;
+  --size: 0.498;
   --hue: 305;
 }
-._i_1oget_22:nth-child(63) {
+._i_1au4o_22:nth-child(63) {
   --left: 248px;
-  --duration: 370ms;
-  --size: 0.599;
+  --duration: 276ms;
+  --size: 0.8;
   --hue: 310;
 }
-._i_1oget_22:nth-child(64) {
+._i_1au4o_22:nth-child(64) {
   --left: 252px;
-  --duration: 325ms;
-  --size: 0.613;
+  --duration: 349ms;
+  --size: 0.778;
   --hue: 315;
 }
-._i_1oget_22:nth-child(65) {
+._i_1au4o_22:nth-child(65) {
   --left: 256px;
-  --duration: 276ms;
-  --size: 0.22;
+  --duration: 229ms;
+  --size: 0.391;
   --hue: 320;
 }
-._i_1oget_22:nth-child(66) {
+._i_1au4o_22:nth-child(66) {
   --left: 260px;
-  --duration: 334ms;
-  --size: 0.669;
+  --duration: 206ms;
+  --size: 0.581;
   --hue: 325;
 }
-._i_1oget_22:nth-child(67) {
+._i_1au4o_22:nth-child(67) {
   --left: 264px;
-  --duration: 243ms;
-  --size: 0.232;
+  --duration: 231ms;
+  --size: 0.493;
   --hue: 330;
 }
-._i_1oget_22:nth-child(68) {
+._i_1au4o_22:nth-child(68) {
   --left: 268px;
-  --duration: 257ms;
-  --size: 0.413;
+  --duration: 311ms;
+  --size: 0.166;
   --hue: 335;
 }
-._i_1oget_22:nth-child(69) {
+._i_1au4o_22:nth-child(69) {
   --left: 272px;
-  --duration: 371ms;
-  --size: 0.335;
+  --duration: 398ms;
+  --size: 0.044;
   --hue: 340;
 }
-._i_1oget_22:nth-child(70) {
+._i_1au4o_22:nth-child(70) {
   --left: 276px;
-  --duration: 357ms;
-  --size: 0.68;
+  --duration: 237ms;
+  --size: 0.674;
   --hue: 345;
 }
-._i_1oget_22:nth-child(71) {
+._i_1au4o_22:nth-child(71) {
   --left: 280px;
-  --duration: 328ms;
-  --size: 0.637;
+  --duration: 262ms;
+  --size: 0.535;
   --hue: 350;
 }
-._i_1oget_22:nth-child(72) {
+._i_1au4o_22:nth-child(72) {
   --left: 284px;
-  --duration: 330ms;
-  --size: 0.079;
+  --duration: 377ms;
+  --size: 0.573;
   --hue: 355;
 }
 
-._text_1oget_482 {
+._text_1au4o_482 {
   opacity: 1;
   opacity: var(--op, 1);
   transition: opacity 0.4s ease;
@@ -8010,12 +8285,12 @@
   to {
     transform: rotate(90deg);
   }
-}._root_g8mwq_1 {
+}._root_1pd3p_1 {
   position: relative;
 }
 
-._button_g8mwq_5 {
-  --glitter: url("https://assets.codepen.io/13471/silver-glitter-background.png");
+._button_1pd3p_5 {
+  --glitter: url('https://assets.codepen.io/13471/silver-glitter-background.png');
   --clr: 260;
   --shadows: 0%;
   --shadowl: 0%;
@@ -8043,7 +8318,7 @@
   box-shadow: 0 -0.5em 0.5em transparent, 0 0.5em 0.5em transparent, 0 0.5em 0.5em transparent, 0 0.5em 0.5em transparent, 0 0.25em 0.3em -0.2em hsla(260, 0%, 0%, 0.5), 0 0.35em 0.75em hsla(260, 0%, 0%, 0.75);
   box-shadow: 0 -0.5em 0.5em transparent, 0 0.5em 0.5em transparent, 0 0.5em 0.5em transparent, 0 0.5em 0.5em transparent, 0 0.25em 0.3em -0.2em hsla(var(--clr), 0%, 0%, 0.5), 0 0.35em 0.75em hsla(var(--clr), 0%, 0%, 0.75);
 }
-._button_g8mwq_5::before, ._button_g8mwq_5::after {
+._button_1pd3p_5::before, ._button_1pd3p_5::after {
   --gradientPos: 50% 100%;
   content: " ";
   grid-column: 1;
@@ -8052,7 +8327,7 @@
   height: 100%;
   transition: inherit;
 }
-._button_g8mwq_5::before {
+._button_1pd3p_5::before {
   top: 0;
   right: 0;
   bottom: 0;
@@ -8067,12 +8342,12 @@
   background-repeat: repeat;
   mix-blend-mode: color-dodge;
   filter: brightness(2) contrast(0.75);
-  animation: _bubble_g8mwq_1 20s linear infinite;
+  animation: _bubble_1pd3p_1 20s linear infinite;
   animation-play-state: paused;
   opacity: 0.5;
   box-shadow: inset 0 -8px 10px -7px hsla(var(--clr), 70%, 80%, 0.75);
 }
-._button_g8mwq_5::after {
+._button_1pd3p_5::after {
   background-image: radial-gradient(ellipse at center 70%, hsla(var(--clr), 100%, 99%, 0.8) 5%, hsla(var(--clr), 90%, 80%, 1) 20%, transparent 50%, transparent 200%), linear-gradient(90deg, hsla(var(--clr), 80%, 10%, 1) -10%, transparent 25%, transparent 75%, hsla(var(--clr), 80%, 10%, 1) 110%);
   box-shadow: inset 0 0.25em 0.75em rgb(0, 0, 0), inset 0 -0.05em 0.2em rgba(255, 255, 255, 0.4), inset 0 -1px 3px hsla(var(--clr), 80%, 50%, 0.75);
   background-blend-mode: darken;
@@ -8083,42 +8358,42 @@
   filter: blur(5px);
   opacity: 0;
 }
-._button_g8mwq_5:hover, ._button_g8mwq_5._over_g8mwq_66 {
+._button_1pd3p_5:hover, ._button_1pd3p_5._over_1pd3p_66 {
   --shadows: 90%;
   --shadowl: 80%;
   background-position: 100% 100%;
   transition: all 0.2s cubic-bezier(0.17, 0.84, 0.44, 1);
   box-shadow: 0 -0.2em 1.5em hsla(var(--clr), 90%, 50%, 0.3), 0 0.5em 2em hsla(var(--clr), 90%, 70%, 0.55), 0 0.25em 0.3em -0.2em hsla(var(--clr), 0%, 0%, 1), 0 0.35em 0.75em hsla(var(--clr), 0%, 0%, 1), 0 0.25em 0.5em -0.3em hsl(var(--clr), 30%, 99%, 1), 0 0.25em 0.5em hsla(var(--clr), 20%, 30%, 0.35), inset 0 -2px 5px -2px rgba(255, 255, 255, 0.5);
 }
-._button_g8mwq_5._over_g8mwq_66 {
+._button_1pd3p_5._over_1pd3p_66 {
   transition-duration: 2s;
 }
-._button_g8mwq_5:hover::before, ._button_g8mwq_5._over_g8mwq_66::before {
+._button_1pd3p_5:hover::before, ._button_1pd3p_5._over_1pd3p_66::before {
   --gradientPos: 50% 50%;
   animation-play-state: running;
   filter: brightness(2) contrast(1);
   box-shadow: inset 0 -5px 10px -4px hsla(var(--clr), 70%, 80%, 0.3);
   opacity: 0.8;
 }
-._button_g8mwq_5:hover::after, ._button_g8mwq_5._over_g8mwq_66::after {
+._button_1pd3p_5:hover::after, ._button_1pd3p_5._over_1pd3p_66::after {
   opacity: 0.8;
   transform: translateY(0px);
 }
-._button_g8mwq_5:active {
+._button_1pd3p_5:active {
   transform: translateY(0.075em);
   box-shadow: 0 -0.2em 1.5em hsla(var(--clr), 90%, 50%, 0.4), 0 0.5em 2em hsla(var(--clr), 90%, 70%, 0.65), 0 0.15em 0.3em -0.2em hsla(var(--clr), 0%, 0%, 1), 0 0.25em 0.75em hsla(var(--clr), 0%, 0%, 1), 0 0.25em 0.5em -0.3em hsl(var(--clr), 30%, 99%, 1), 0 0.25em 0.5em hsla(var(--clr), 20%, 30%, 0.45), inset 0 -2px 5px -2px rgba(255, 255, 255, 0.65);
   transition-duration: 0.1s;
 }
-._button_g8mwq_5:active::before, ._button_g8mwq_5:active::after {
+._button_1pd3p_5:active::before, ._button_1pd3p_5:active::after {
   opacity: 1;
   filter: brightness(3) contrast(0.75);
   animation-duration: 8s;
 }
-._button_g8mwq_5:active::after {
+._button_1pd3p_5:active::after {
   filter: brightness(1.35) contrast(0.8) blur(5px);
 }
 
-._content_g8mwq_101 {
+._content_1pd3p_101 {
   grid-column: 1;
   grid-row: 1;
   background-image: linear-gradient(hsl(calc(var(--clr) - 43), 27%, 85%) 0%, hsl(calc(var(--clr) - 60), 22%, 80%) 19%, hsl(calc(var(--clr) - 50), 20%, 75%) 30%, hsl(calc(var(--clr) - 52), 36%, 98%) 43%, hsl(var(--clr), 70%, 70%, 1) 51%, hsl(var(--clr), 50%, 85%, 1) 52%, rgb(255, 255, 255) 100%);
@@ -8134,11 +8409,11 @@
   transform: translateY(0);
   z-index: 10;
 }
-._button_g8mwq_5:hover ._content_g8mwq_101, ._button_g8mwq_5:active ._content_g8mwq_101, ._button_g8mwq_5._over_g8mwq_66 ._content_g8mwq_101 {
+._button_1pd3p_5:hover ._content_1pd3p_101, ._button_1pd3p_5:active ._content_1pd3p_101, ._button_1pd3p_5._over_1pd3p_66 ._content_1pd3p_101 {
   background-position-y: -100%;
 }
 
-@keyframes _bubble_g8mwq_1 {
+@keyframes _bubble_1pd3p_1 {
   0% {
     background-position: 0px 340px, 0px 130px, var(--gradientPos);
   }
@@ -8146,7 +8421,7 @@
     background-position: 0px 0px, 0px 0px, var(--gradientPos);
   }
 }
-._input_g8mwq_129 {
+._input_1pd3p_129 {
   position: absolute;
   bottom: -20px;
   width: 300px;
@@ -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_1tuvy_1 {
+  position: relative;
+  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_1tuvy_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_1tuvy_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;
@@ -16584,11 +17055,11 @@
 ._item_esi1j_11:hover ._description_esi1j_127 {
   opacity: 1;
   transition: 0.6s 0.3s;
-}._root_1yf7h_1 {
+}._root_xwsj9_1 {
   --theme-bg-color: #0e0e0e;
   --theme-color: #fff;
   --theme-inactive-color: #5c5c5c;
-  --body-font: "Poppins", sans-serif;
+  --body-font: 'Poppins', sans-serif;
   --border-color: #252424;
   --card-color: #131a1a;
   display: grid;
@@ -16597,12 +17068,12 @@
   gap: 24px;
 }
 @media (max-width: 480px) {
-  ._root_1yf7h_1 {
+  ._root_xwsj9_1 {
     gap: 10px;
   }
 }
 
-._card_1yf7h_18 {
+._card_xwsj9_18 {
   border-radius: 20px;
   overflow: hidden;
   max-width: 100%;
@@ -16615,37 +17086,37 @@
   min-width: 100px;
 }
 @media (max-width: 480px) {
-  ._card_1yf7h_18 {
+  ._card_xwsj9_18 {
     aspect-ratio: 1/1.4;
   }
 }
-._card_1yf7h_18._card1_1yf7h_35 {
+._card_xwsj9_18._card1_xwsj9_35 {
   background-image: url("https://images.unsplash.com/photo-1567653418876-5bb0e566e1c2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1664&q=80");
   view-transition-name: c1;
 }
-._card_1yf7h_18._card2_1yf7h_39 {
+._card_xwsj9_18._card2_xwsj9_39 {
   view-transition-name: c2;
   background-image: url("https://images.unsplash.com/photo-1575500221017-ea5e7b7d0e34?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1635&q=80");
 }
-._card_1yf7h_18._card3_1yf7h_43 {
+._card_xwsj9_18._card3_xwsj9_43 {
   view-transition-name: c3;
   background-image: url("https://images.unsplash.com/photo-1506619216599-9d16d0903dfd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1738&q=80");
 }
-._card_1yf7h_18._card4_1yf7h_47 {
+._card_xwsj9_18._card4_xwsj9_47 {
   background-color: #e3dfec;
   view-transition-name: c4;
   background-image: url("https://images.unsplash.com/photo-1684483871267-739be928cb0e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDJ8fHxlbnwwfHx8fHw%3D&auto=format&fit=crop&w=400&q=60");
 }
-._card_1yf7h_18._card5_1yf7h_52 {
+._card_xwsj9_18._card5_xwsj9_52 {
   background-image: url("https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1664&q=80");
   view-transition-name: c5;
 }
-._card_1yf7h_18._card6_1yf7h_56 {
+._card_xwsj9_18._card6_xwsj9_56 {
   background-color: #f8d7cd;
   view-transition-name: c6;
   background-image: url("https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1887&q=80");
 }
-._card_1yf7h_18._active_1yf7h_61 {
+._card_xwsj9_18._active_xwsj9_61 {
   grid-column: 1;
   grid-column-end: 3;
   grid-row: 1;
@@ -16654,32 +17125,32 @@
   aspect-ratio: 1/1;
 }
 @media (max-width: 480px) {
-  ._card_1yf7h_18._active_1yf7h_61 {
+  ._card_xwsj9_18._active_xwsj9_61 {
     grid-column-end: 4;
     aspect-ratio: 2/1;
   }
 }
-._root_1yf7h_1._expanded_1yf7h_75 ._card_1yf7h_18:not(._active_1yf7h_61) {
+._root_xwsj9_1._expanded_xwsj9_75 ._card_xwsj9_18:not(._active_xwsj9_61) {
   opacity: 0.4;
   pointer-events: none;
   aspect-ratio: 3/1;
   grid-column-start: 3;
 }
 @media (max-width: 480px) {
-  ._root_1yf7h_1._expanded_1yf7h_75 ._card_1yf7h_18:not(._active_1yf7h_61) {
+  ._root_xwsj9_1._expanded_xwsj9_75 ._card_xwsj9_18:not(._active_xwsj9_61) {
     aspect-ratio: 1;
     grid-column-start: auto;
   }
 }
 
-._cardImg_1yf7h_88 {
+._cardImg_xwsj9_88 {
   -o-object-fit: cover;
      object-fit: cover;
   background-size: cover;
   background-position: center;
 }
 
-._cardMain_1yf7h_94 {
+._cardMain_xwsj9_94 {
   view-transition-name: card1;
 }._root_n1qgj_1 {
   box-sizing: border-box;
@@ -18286,7 +18757,7 @@
   stroke-dasharray: 57px;
   stroke-dashoffset: var(--trails-stroke);
   transform: rotate(68deg) translateZ(0);
-}._root_h25r6_1 {
+}._root_1p1pg_1 {
   --c-text: #5a5a64;
   --c-text-light: #a1a1b6;
   --c-text-selection: #09abc3;
@@ -18312,15 +18783,15 @@
   box-shadow: inset 0 0 0 1px var(--border, var(--c-border)), 0px 1px 3px var(--shadow, var(--c-shadow));
   transition: box-shadow 0.25s;
 }
-._root_h25r6_1:hover {
+._root_1p1pg_1:hover {
   --border: var(--c-border-hover);
   --eye-duration: 0.05s;
 }
-._root_h25r6_1:focus-within {
+._root_1p1pg_1:focus-within {
   --border: var(--c-border-active);
   --shadow: var(--c-shadow-active);
 }
-._root_h25r6_1._show_h25r6_33 {
+._root_1p1pg_1._show_1p1pg_33 {
   --default-y: -12px;
   --default-o: 0;
   --default-pe: none;
@@ -18329,11 +18800,11 @@
   --clear-pe: auto;
   --eye-background: 1;
   --eye-s: 0;
-  --eye-offset: "0px";
+  --eye-offset: '0px';
 }
 
-._input_h25r6_45,
-._clear_h25r6_46 {
+._input_1p1pg_45,
+._clear_1p1pg_46 {
   display: block;
   font-family: inherit;
   font-size: 16px;
@@ -18349,39 +18820,39 @@
   pointer-events: var(--pe, var(--default-pe, auto));
   transition: filter 0.35s, transform 0.4s, opacity 0.25s;
 }
-._input_h25r6_45::-moz-placeholder, ._clear_h25r6_46::-moz-placeholder {
+._input_1p1pg_45::-moz-placeholder, ._clear_1p1pg_46::-moz-placeholder {
   color: var(--c-text-light);
   -moz-transition: color 0.25s;
   transition: color 0.25s;
 }
-._input_h25r6_45::placeholder,
-._clear_h25r6_46::placeholder {
+._input_1p1pg_45::placeholder,
+._clear_1p1pg_46::placeholder {
   color: var(--c-text-light);
   transition: color 0.25s;
 }
-._input_h25r6_45::-moz-selection, ._clear_h25r6_46::-moz-selection {
+._input_1p1pg_45::-moz-selection, ._clear_1p1pg_46::-moz-selection {
   color: var(--c-text-selection);
   background: var(--c-background-selection);
 }
-._input_h25r6_45::selection,
-._clear_h25r6_46::selection {
+._input_1p1pg_45::selection,
+._clear_1p1pg_46::selection {
   color: var(--c-text-selection);
   background: var(--c-background-selection);
 }
-._input_h25r6_45:focus::-moz-placeholder, ._input_h25r6_45:hover::-moz-placeholder, ._clear_h25r6_46:focus::-moz-placeholder, ._clear_h25r6_46:hover::-moz-placeholder {
+._input_1p1pg_45:focus::-moz-placeholder, ._input_1p1pg_45:hover::-moz-placeholder, ._clear_1p1pg_46:focus::-moz-placeholder, ._clear_1p1pg_46:hover::-moz-placeholder {
   color: var(--c-text);
 }
-._input_h25r6_45:focus::placeholder, ._input_h25r6_45:hover::placeholder,
-._clear_h25r6_46:focus::placeholder,
-._clear_h25r6_46:hover::placeholder {
+._input_1p1pg_45:focus::placeholder, ._input_1p1pg_45:hover::placeholder,
+._clear_1p1pg_46:focus::placeholder,
+._clear_1p1pg_46:hover::placeholder {
   color: var(--c-text);
 }
-._input_h25r6_45,
-._clear_h25r6_46 {
+._input_1p1pg_45,
+._clear_1p1pg_46 {
   width: 100%;
 }
 
-._clear_h25r6_46 {
+._clear_1p1pg_46 {
   width: auto;
   width: initial;
   --y: var(--clear-y, 12px);
@@ -18393,7 +18864,7 @@
   right: 0;
 }
 
-._button_h25r6_90 {
+._button_1p1pg_90 {
   -webkit-tap-highlight-color: transparent;
   cursor: pointer;
   padding: 11px;
@@ -18406,41 +18877,41 @@
   color: var(--c-text-light);
   transition: color 0.25s, transform 0.15s;
 }
-._button_h25r6_90:hover {
+._button_1p1pg_90:hover {
   color: var(--c-text);
 }
-._button_h25r6_90:active {
+._button_1p1pg_90:active {
   --s: 0.95;
 }
 
-._svg_h25r6_109 {
+._svg_1p1pg_109 {
   display: block;
   width: 23px;
   height: 23px;
   pointer-events: none;
 }
-._svg_h25r6_109 ._top_h25r6_115,
-._svg_h25r6_109 ._bottom_h25r6_116,
-._svg_h25r6_109 ._lashes_h25r6_117 {
+._svg_1p1pg_109 ._top_1p1pg_115,
+._svg_1p1pg_109 ._bottom_1p1pg_116,
+._svg_1p1pg_109 ._lashes_1p1pg_117 {
   fill: none;
   stroke: currentColor;
   stroke-width: 1.5px;
   stroke-linecap: round;
 }
-._svg_h25r6_109 ._lashes_h25r6_117 {
+._svg_1p1pg_109 ._lashes_1p1pg_117 {
   stroke-dasharray: 3px;
   stroke-dashoffset: var(--eye-offset);
   transition: stroke-dashoffset 0.15s;
 }
-._show_h25r6_33 ._svg_h25r6_109 ._lashes_h25r6_117 {
+._show_1p1pg_33 ._svg_1p1pg_109 ._lashes_1p1pg_117 {
   transition-delay: 0.15s;
 }
-._svg_h25r6_109 ._top_h25r6_115 {
+._svg_1p1pg_109 ._top_1p1pg_115 {
   fill: var(--c-background);
   fill-opacity: var(--eye-background);
   transition: fill-opacity 0.2s;
 }
-._svg_h25r6_109 ._eye_h25r6_136 {
+._svg_1p1pg_109 ._eye_1p1pg_136 {
   fill: currentColor;
   transform-origin: 10.5px 13.5px;
   transform: translate(var(--eye-x), var(--eye-y)) scale(var(--eye-s)) translateZ(0);
@@ -29896,9 +30367,9 @@ design based on these demos:
   margin: min(0em, (1.3em - var(--framer-line-height, 1.3em)) / -2);
   background-image: linear-gradient(100deg, rgb(239, 130, 239) 0%, rgb(181, 217, 130) 100%);
   background-image: linear-gradient(100deg, var(--token-9f3826c5-17f9-4323-8d5c-b246baa048b6, rgb(239, 130, 239)) 0%, var(--token-ae08cd7b-e514-494f-b381-7169722e1c76, rgb(181, 217, 130)) 100%);
-}._root_177le_1 {
+}._root_ahpnx_1 {
   --bg-color: hsl(240, 10%, 12%);
-  --bg-grain: url("https://assets.codepen.io/64/svgNoise2.svg");
+  --bg-grain: url('https://assets.codepen.io/64/svgNoise2.svg');
   --bg-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
   --shadow-size: max(140px, 40vw);
   --shadow-size-fallback: 40vw;
@@ -29919,7 +30390,7 @@ design based on these demos:
   width: 100%;
   height: 400px;
 }
-._root_177le_1::before {
+._root_ahpnx_1::before {
   content: "";
   position: absolute;
   display: block;
@@ -29936,7 +30407,7 @@ design based on these demos:
   filter: blur(calc(var(--shadow-blur) * 1px));
   mix-blend-mode: hue;
 }
-._root_177le_1::after {
+._root_ahpnx_1::after {
   content: "";
   display: block;
   width: 100%;
@@ -29952,14 +30423,14 @@ design based on these demos:
   background: var(--bg-grain);
   background-size: 500px;
 }
-._root_177le_1 * {
+._root_ahpnx_1 * {
   outline: calc(var(--debug) * 1px) dashed red;
 }
-._root_177le_1 *::before, ._root_177le_1 *::after {
+._root_ahpnx_1 *::before, ._root_ahpnx_1 *::after {
   outline: calc(var(--debug) * 1px) dashed red;
 }
 
-._container_177le_57 {
+._container_ahpnx_57 {
   width: 100%;
   height: 100%;
   position: absolute;
@@ -29972,7 +30443,7 @@ design based on these demos:
   z-index: 2;
 }
 
-._text_177le_68 {
+._text_ahpnx_68 {
   color: white;
   font-size: max(72px, 15vw);
   mix-blend-mode: lighten;
@@ -29986,10 +30457,10 @@ design based on these demos:
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   opacity: 1;
-  animation: _bg_177le_1 20s linear infinite alternate;
+  animation: _bg_ahpnx_1 20s linear infinite alternate;
 }
 
-@keyframes _bg_177le_1 {
+@keyframes _bg_ahpnx_1 {
   0% {
     --bg-1-x: calc(50 / 2);
     --bg-2-y: calc(80 / 2);
@@ -30027,21 +30498,21 @@ design based on these demos:
   }
 }
 @supports (color: color(display-p3 1 1 1)) {
-  ._root_177le_1 {
+  ._root_ahpnx_1 {
     --color-1: color(display-p3 0.36 0.17 0.82);
     --color-2: rgb(255, 27, 241);
     --color-3: rgb(0, 140, 234);
   }
 
 @media (color-gamut: p3) {
-._root_177le_1 {
+._root_ahpnx_1 {
     --color-2: color(display-p3 0.95 0.04 0.95);
     --color-3: color(display-p3 0.01 0.53 0.99);
   }
 }
 }
 @media (min-width: 960px) {
-  ._root_177le_1 {
+  ._root_ahpnx_1 {
     --shadow-size: max(72px, 25vw);
     --shadow-size-fallback: 25vw;
     --shadow-blur: 80;
@@ -30204,7 +30675,7 @@ body[data-theme-mode=dark] ._root_groun_9 {
   color: #fff;
   cursor: default;
   text-transform: uppercase;
-}._root_1eoob_1 {
+}._root_n4gsq_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_1eoob_9 {
+._line_n4gsq_9 {
   display: flex;
   justify-content: space-between;
 }
 
-._word_1eoob_14 {
+._word_n4gsq_14 {
   transition: opacity 0.2s ease-in-out;
   cursor: default;
 }
-._word_1eoob_14._link_1eoob_18 {
+._word_n4gsq_14._link_n4gsq_18 {
   cursor: pointer;
   color: inherit;
 }
-._word_1eoob_14._link_1eoob_18 ._letter_1eoob_22 {
+._word_n4gsq_14._link_n4gsq_18 ._letter_n4gsq_22 {
   position: relative;
 }
-._word_1eoob_14._link_1eoob_18 ._letter_1eoob_22::before {
+._word_n4gsq_14._link_n4gsq_18 ._letter_n4gsq_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_1eoob_1:hover ._word_1eoob_14 {
+._root_n4gsq_1:hover ._word_n4gsq_14 {
   opacity: 0.25;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover {
+._root_n4gsq_1:hover ._word_n4gsq_14:hover {
   opacity: 1;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(1) {
-  --x: 4;
-  --y: 5;
-  --r: -23;
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(1) {
+  --x: 18;
+  --y: 22;
+  --r: 16;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(1):hover {
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(1):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -7;
-  --y: -7;
-  --r: -2;
+  --x: -4;
+  --y: -5;
+  --r: 8;
   --s: 1.25;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(2) {
-  --x: -18;
-  --y: -6;
-  --r: 6;
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(2) {
+  --x: -24;
+  --y: 7;
+  --r: -21;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(2):hover {
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(2):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 7;
-  --y: 4;
-  --r: -6;
+  --x: 10;
+  --y: 1;
+  --r: 4;
   --s: 1.25;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(3) {
-  --x: -10;
-  --y: 20;
-  --r: 23;
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(3) {
+  --x: 15;
+  --y: -20;
+  --r: 5;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(3):hover {
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(3):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 3;
-  --y: -6;
-  --r: -8;
+  --x: 0;
+  --y: -2;
+  --r: 9;
   --s: 1.25;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(4) {
-  --x: 13;
-  --y: -23;
-  --r: -7;
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(4) {
+  --x: -20;
+  --y: -13;
+  --r: 18;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(4):hover {
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(4):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 10;
+  --x: -5;
   --y: 8;
-  --r: -8;
+  --r: -3;
   --s: 1.25;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(5) {
-  --x: -3;
-  --y: -23;
-  --r: -17;
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(5) {
+  --x: -11;
+  --y: -24;
+  --r: 5;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(5):hover {
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(5):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 9;
-  --y: 3;
-  --r: 1;
+  --x: -7;
+  --y: 10;
+  --r: 5;
   --s: 1.25;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(6) {
-  --x: 14;
-  --y: 13;
-  --r: 24;
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(6) {
+  --x: -17;
+  --y: 2;
+  --r: -3;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(6):hover {
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(6):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 6;
-  --y: 7;
-  --r: -5;
+  --x: 0;
+  --y: -7;
+  --r: -9;
   --s: 1.25;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(7) {
-  --x: 9;
-  --y: -13;
-  --r: -10;
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(7) {
+  --x: -24;
+  --y: -8;
+  --r: 17;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(7):hover {
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(7):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -4;
+  --x: 3;
   --y: -5;
-  --r: 0;
+  --r: -3;
   --s: 1.25;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(8) {
-  --x: 0;
-  --y: 22;
-  --r: 2;
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(8) {
+  --x: 19;
+  --y: 13;
+  --r: 23;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(8):hover {
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(8):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -5;
-  --y: -7;
-  --r: -2;
+  --x: -1;
+  --y: -2;
+  --r: -4;
   --s: 1.25;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(9) {
-  --x: -19;
-  --y: -17;
-  --r: 12;
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(9) {
+  --x: 8;
+  --y: 7;
+  --r: -7;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(9):hover {
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(9):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -7;
-  --y: 7;
-  --r: -9;
+  --x: 5;
+  --y: 5;
+  --r: 9;
   --s: 1.25;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(10) {
-  --x: -19;
-  --y: 11;
-  --r: 14;
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(10) {
+  --x: -7;
+  --y: 14;
+  --r: 13;
 }
-._root_1eoob_1:hover ._word_1eoob_14:hover ._letter_1eoob_22:nth-child(10):hover {
+._root_n4gsq_1:hover ._word_n4gsq_14:hover ._letter_n4gsq_22:nth-child(10):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 4;
-  --y: 4;
-  --r: 1;
+  --x: -4;
+  --y: 7;
+  --r: -3;
   --s: 1.25;
 }
 
-._letter_1eoob_22 {
+._letter_n4gsq_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_1eoob_1 {
+@keyframes _wobble_n4gsq_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;
@@ -32419,12 +32733,12 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
 ._digit_zamsy_17:focus-visible {
   outline-color: hsla(0, 0%, 50%, 0.25);
   outline-offset: 1rem;
-}._root_1r0t0_1 {
-  --glitter: url("https://assets.codepen.io/13471/silver-glitter-background.png");
+}._root_ebsh4_1 {
+  --glitter: url('https://assets.codepen.io/13471/silver-glitter-background.png');
   --duration: 6.66s;
 }
 
-._main_1r0t0_6 {
+._main_ebsh4_6 {
   display: grid;
   grid-template-rows: minmax(20px, 100px) 1fr;
   align-items: center;
@@ -32434,7 +32748,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
   perspective: 1000px;
 }
 
-._cardFront_1r0t0_14 {
+._cardFront_ebsh4_14 {
   display: grid;
   position: relative;
   transform: translate3d(0, 0, 0.01px);
@@ -32446,17 +32760,17 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
   background-size: cover;
   box-shadow: 0 30px 40px -25px rgb(15, 5, 20), 0 20px 50px -15px rgb(15, 5, 20);
   overflow: hidden;
-  animation: _tilt_1r0t0_1 var(--duration) ease infinite;
+  animation: _tilt_ebsh4_1 var(--duration) ease infinite;
   image-rendering: optimizequality;
 }
-._cardFront_1r0t0_14::after {
+._cardFront_ebsh4_14::after {
   content: "";
   background: none, none, linear-gradient(125deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 0.1%, rgba(255, 255, 255, 0) 60%);
   background-size: 200% 200%;
   mix-blend-mode: hard-light;
-  animation: _bg_1r0t0_1 var(--duration) ease infinite;
+  animation: _bg_ebsh4_1 var(--duration) ease infinite;
 }
-._cardFront_1r0t0_14::before {
+._cardFront_ebsh4_14::before {
   content: "";
   top: 0;
   right: 0;
@@ -32470,15 +32784,15 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
   background-position: 50% 50%, 50% 50%, 50% 50%;
   mix-blend-mode: color-dodge;
   filter: brightness(2) contrast(0.8);
-  animation: _bg_1r0t0_1 var(--duration) ease infinite;
+  animation: _bg_ebsh4_1 var(--duration) ease infinite;
 }
 
-._cardLogo_1r0t0_50,
-._expiry_1r0t0_51,
-._name_1r0t0_52,
-._number_1r0t0_53,
-._chip_1r0t0_54,
-._icon_1r0t0_55 {
+._cardLogo_ebsh4_50,
+._expiry_ebsh4_51,
+._name_ebsh4_52,
+._number_ebsh4_53,
+._chip_ebsh4_54,
+._icon_ebsh4_55 {
   color: #ccc;
   position: absolute;
   margin: 0;
@@ -32494,19 +32808,19 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
   z-index: 5;
 }
 
-._name_1r0t0_52,
-._number_1r0t0_53,
-._expiry_1r0t0_51 {
+._name_ebsh4_52,
+._number_ebsh4_53,
+._expiry_ebsh4_51 {
   background-image: linear-gradient(to bottom, #ededed 20%, #bababa 70%), none, linear-gradient(120deg, transparent 10%, white 40%, white 60%, transparent 90%);
   background-size: cover, cover, 200%;
   background-position: 50% 50%;
   background-blend-mode: overlay;
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;
-  animation: _bg_1r0t0_1 var(--duration) ease infinite;
+  animation: _bg_ebsh4_1 var(--duration) ease infinite;
 }
 
-._number_1r0t0_53 {
+._number_ebsh4_53 {
   font-family: PT Mono, monospace;
   text-align: center;
   font-size: clamp(1rem, 8vw - 0.5rem, 2.5rem);
@@ -32515,23 +32829,23 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
   bottom: auto;
 }
 
-._expiry_1r0t0_51,
-._name_1r0t0_52 {
+._expiry_ebsh4_51,
+._name_ebsh4_52 {
   top: auto;
 }
 
-._name_1r0t0_52 {
+._name_ebsh4_52 {
   right: auto;
   max-width: 180px;
   line-height: 1.2;
   text-align: left;
 }
 
-._expiry_1r0t0_51 {
+._expiry_ebsh4_51 {
   left: auto;
 }
 
-._cardLogo_1r0t0_50 {
+._cardLogo_ebsh4_50 {
   bottom: auto;
   left: auto;
   width: 15%;
@@ -32539,7 +32853,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
   mix-blend-mode: screen;
 }
 
-._chip_1r0t0_54 {
+._chip_ebsh4_54 {
   display: grid;
   align-items: center;
   justify-items: center;
@@ -32553,9 +32867,9 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
   background-size: 200% 200%;
   background-position: 50% 50%;
   overflow: hidden;
-  animation: _bg_1r0t0_1 var(--duration) ease infinite;
+  animation: _bg_ebsh4_1 var(--duration) ease infinite;
 }
-._chip_1r0t0_54 svg {
+._chip_ebsh4_54 svg {
   display: block;
   width: 90%;
   fill: none;
@@ -32563,7 +32877,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
   stroke-width: 2;
 }
 
-._contactless_1r0t0_135 {
+._contactless_ebsh4_135 {
   position: absolute;
   left: 23%;
   top: 30%;
@@ -32577,7 +32891,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
   opacity: 0.5;
 }
 
-._icon_1r0t0_55 {
+._icon_ebsh4_55 {
   width: 25%;
   bottom: auto;
   right: auto;
@@ -32586,7 +32900,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
   filter: invert(1) hue-rotate(180deg) saturate(5) contrast(2);
 }
 
-@keyframes _tilt_1r0t0_1 {
+@keyframes _tilt_ebsh4_1 {
   0%, 100% {
     transform: translate3d(0, 0, 0.01px) rotateY(-20deg) rotateX(5deg);
   }
@@ -32594,7 +32908,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
     transform: translate3d(0, 0, 0.01px) rotateY(20deg) rotateX(5deg);
   }
 }
-@keyframes _bg_1r0t0_1 {
+@keyframes _bg_ebsh4_1 {
   0%, 100% {
     background-position: 50% 50%, calc(50% + 1px) calc(50% + 1px), 0% 50%;
   }
@@ -32602,8 +32916,8 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
     background-position: 50% 50%, calc(50% - 1px) calc(50% - 1px), 100% 50%;
   }
 }
-#_chip_1r0t0_54,
-#_contactless_1r0t0_135 {
+#_chip_ebsh4_54,
+#_contactless_ebsh4_135 {
   display: none;
 }._root_lg1k5_1 {
   --color-primary: 226deg 100% 50%;
@@ -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 {
@@ -36052,8 +36366,8 @@ https://flickity.metafizzy.co
   opacity: 0.75;
   font-weight: 40;
   height: var(--line-height);
-}._root_hq5w1_1 {
-  --glitter: url("https://assets.codepen.io/13471/silver-glitter-background.png");
+}._root_lpuvy_1 {
+  --glitter: url('https://assets.codepen.io/13471/silver-glitter-background.png');
   --ratio-x: 0.5;
   --ratio-y: 0.75;
   --from-center: 0.5;
@@ -36063,7 +36377,7 @@ https://flickity.metafizzy.co
   --pointery: calc(100% * var(--ratio-y));
   --h: calc(360deg * var(--from-center));
   --s: calc(90% * var(--from-center));
-  background: linear-gradient(135deg, hsl(28deg, calc(90% * 0.5), 15%), hsl(198deg, calc(90% * 0.5), 15%)), url("https://assets.codepen.io/13471/silver-glitter-background.png"), url("https://assets.codepen.io/13471/silver-glitter-background.png"), radial-gradient(farthest-corner circle at calc(100% * 0.5) calc(100% * 0.75), hsl(0, 30%, 100%) 20px, hsla(0, 30%, 90%, 0.38) 150px, hsl(0, 30%, 0%) 65%);
+  background: linear-gradient(135deg, hsl(28deg, calc(90% * 0.5), 15%), hsl(198deg, calc(90% * 0.5), 15%)), url('https://assets.codepen.io/13471/silver-glitter-background.png'), url('https://assets.codepen.io/13471/silver-glitter-background.png'), radial-gradient(farthest-corner circle at calc(100% * 0.5) calc(100% * 0.75), hsl(0, 30%, 100%) 20px, hsla(0, 30%, 90%, 0.38) 150px, hsl(0, 30%, 0%) 65%);
   background: linear-gradient(135deg, hsl(28deg, var(--s), 15%), hsl(198deg, var(--s), 15%)), var(--glitter), var(--glitter), radial-gradient(farthest-corner circle at var(--pointerx) var(--pointery), hsl(0, 30%, 100%) 20px, hsla(0, 30%, 90%, 0.38) 150px, hsl(0, 30%, 0%) 65%);
   background-position: calc(70% + (2.9px * 0.5)) calc(70% + (4.3px * 0.75)), calc(30% - (2.9px * 0.5)) calc(30% - (4.3px * 0.75));
   background-position: calc(70% + calc(2.9px * 0.5)) calc(70% + calc(4.3px * 0.75)), calc(30% - calc(2.9px * 0.5)) calc(30% - calc(4.3px * 0.75));
@@ -36085,23 +36399,23 @@ https://flickity.metafizzy.co
   grid-row: 1;
   min-height: 500px;
 }
-._root_hq5w1_1 * {
+._root_lpuvy_1 * {
   pointer-events: none;
   text-anchor: middle;
 }
 
-._loading_hq5w1_34 {
+._loading_lpuvy_34 {
   opacity: 0;
 }
 
-._svg_hq5w1_38 {
+._svg_lpuvy_38 {
   mix-blend-mode: color-dodge;
   fill: #908190;
   opacity: calc(1.5 - var(--from-center));
   filter: drop-shadow(0 0 30px black) drop-shadow(0 0 10px black) brightness(1.3);
 }
 
-._img_hq5w1_45 {
+._img_lpuvy_45 {
   position: absolute;
   width: 1px;
   height: 1px;