@tarsis/toolkit 0.6.3 → 0.6.4

package/dist/styles.css

@@ -1,4 +1,4 @@
-@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=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Sigmar&family=Poppins:wght@400;800&display=swap");@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");* {
   box-sizing: border-box;
 }
 
@@ -353,6 +353,127 @@ body[data-theme-mode='dark'] {
 ._text_z7mm5_52 {
   line-height: 1.625;
   padding: 1rem 2rem;
+}._minimalisticAccordion_gkk8p_1 {
+  inline-size: 100%;
+  --_duration: 0.2s;
+}
+@media (prefers-reduced-motion: no-preference) {
+  @supports (interpolate-size: allow-keywords) {
+    ._minimalisticAccordion_gkk8p_1 {
+      interpolate-size: allow-keywords;
+    }
+  }
+  ._minimalisticAccordion_gkk8p_1 > ._summary_gkk8p_11 {
+    transition: outline-offset 0.2s var(--ease-in-out-cubic), border-radius 0.2s var(--ease-in-out-cubic), background-color 0.2s var(--ease-in-out-cubic);
+  }
+  ._minimalisticAccordion_gkk8p_1 > ._summary_gkk8p_11 > ._icon_gkk8p_14 {
+    transition: opacity 0.2s var(--ease-out-cubic) 0.27s, translate 0.2s var(--ease-out-quart) 0.27s, rotate 0.75s var(--ease-out-quint);
+  }
+  ._minimalisticAccordion_gkk8p_1 > ._summary_gkk8p_11 > ._summaryContent_gkk8p_17 {
+    transition: translate 0.2s var(--ease-out-quart) 0.3s;
+  }
+}
+._minimalisticAccordion_gkk8p_1 > ._content_gkk8p_21 {
+  display: grid;
+  gap: var(--space-3);
+  padding: var(--space-3);
+  border-radius: var(--radii-3);
+  border: 1px solid var(--color-gray6);
+  border-block-start: none;
+}
+@media (prefers-reduced-motion: no-preference) {
+  ._minimalisticAccordion_gkk8p_1 > ._content_gkk8p_21 {
+    transition: opacity var(--_duration), max-height var(--_duration), border-radius var(--_duration);
+  }
+}
+._minimalisticAccordion_gkk8p_1 > ._content_gkk8p_21 {
+  opacity: 0;
+  max-height: 0;
+  overflow: hidden;
+}
+._minimalisticAccordion_gkk8p_1 > ._content_gkk8p_21 > p {
+  margin: 0;
+  font-size: 1rem;
+  text-wrap: pretty;
+  line-height: 1.5;
+}
+._minimalisticAccordion_gkk8p_1 > ._content_gkk8p_21 > footer {
+  background: var(--color-gray3);
+  padding: var(--space-3);
+  margin: calc(var(--space-3) * -1);
+  margin-block-start: var(--space-3);
+  border-radius: inherit;
+}
+._minimalisticAccordion_gkk8p_1 > ._content_gkk8p_21 > footer > p {
+  font-size: 0.875rem;
+  margin: 0;
+}
+._minimalisticAccordion_gkk8p_1[open] > ._content_gkk8p_21 {
+  border-start-end-radius: 0;
+  border-start-start-radius: 0;
+  opacity: 1;
+  max-height: 1000px;
+}
+._minimalisticAccordion_gkk8p_1[open] > ._summary_gkk8p_11 {
+  border-end-end-radius: 0;
+  border-end-start-radius: 0;
+}
+._minimalisticAccordion_gkk8p_1[open] > ._summary_gkk8p_11:not(:hover, :focus-visible) > ._summaryContent_gkk8p_17 {
+  color: var(--color-gray12);
+  translate: calc(-1 * var(--space-5) - 16px) 0;
+}
+._minimalisticAccordion_gkk8p_1[open] > ._summary_gkk8p_11:not(:hover, :focus-visible) > ._icon_gkk8p_14 {
+  translate: -10px 0;
+  opacity: 0;
+}
+._minimalisticAccordion_gkk8p_1[open] > ._summary_gkk8p_11 > ._icon_gkk8p_14 {
+  rotate: 0.25turn;
+}
+._minimalisticAccordion_gkk8p_1 > ._summary_gkk8p_11 {
+  cursor: default;
+  font-weight: bold;
+  border: 1px solid var(--color-gray6);
+  border-radius: var(--radii-3);
+  padding: var(--space-3);
+  text-box: cap alphabetic;
+  display: flex;
+  align-items: center;
+  gap: var(--space-5);
+  list-style: none;
+}
+._minimalisticAccordion_gkk8p_1 > ._summary_gkk8p_11:is(:hover, :focus-visible) {
+  background: var(--color-gray2);
+}
+._minimalisticAccordion_gkk8p_1 > ._summary_gkk8p_11:is(:hover, :focus-visible) > ._icon_gkk8p_14 {
+  transition-delay: 0s;
+}
+._minimalisticAccordion_gkk8p_1 > ._summary_gkk8p_11:is(:hover, :focus-visible) > ._summaryContent_gkk8p_17 {
+  color: var(--color-gray12);
+  transition-delay: 0s;
+}
+._minimalisticAccordion_gkk8p_1 > ._summary_gkk8p_11:focus:not(:active) {
+  outline-offset: 5px;
+}
+._minimalisticAccordion_gkk8p_1 > ._summary_gkk8p_11:active {
+  background-color: var(--color-gray4);
+}
+._minimalisticAccordion_gkk8p_1 > ._summary_gkk8p_11 > ._summaryContent_gkk8p_17 {
+  color: var(--color-gray11);
+}
+._minimalisticAccordion_gkk8p_1 > ._summary_gkk8p_11 > ._icon_gkk8p_14 {
+  block-size: 1.5cap;
+  aspect-ratio: 1;
+  flex-shrink: 0;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 3px;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+/* Safari remove marker */
+._summary_gkk8p_11::-webkit-details-marker {
+  display: none;
 }._root_2cgvm_1 {
   width: 100%;
   height: 400px;
@@ -1460,19 +1581,19 @@ body[data-theme-mode='dark'] {
     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_64yn1_1 {
+}._root_v34ii_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_64yn1_1 {
+  ._root_v34ii_1 {
     --bg: hsl(223, 10%, 10%);
     --fg: hsl(223, 10%, 90%);
   }
 }
 
-._button_64yn1_13 {
+._button_v34ii_13 {
   border-radius: 1.25em;
   color: hsl(0, 0%, 100%);
   font-weight: bold;
@@ -1485,12 +1606,12 @@ body[data-theme-mode='dark'] {
   -webkit-apperance: none;
   cursor: pointer;
 }
-._button_64yn1_13 ._p_64yn1_26, ._button_64yn1_13 ._text_64yn1_26 {
+._button_v34ii_13 ._p_v34ii_26, ._button_v34ii_13 ._text_v34ii_26 {
   background: hsl(3, 90%, 55%);
   border-radius: 50%;
   transition: background 0.15s linear;
 }
-._button_64yn1_13 ._p_64yn1_26 {
+._button_v34ii_13 ._p_v34ii_26 {
   animation-duration: 1s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
@@ -1499,197 +1620,197 @@ body[data-theme-mode='dark'] {
   width: 0.5em;
   height: 0.5em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(1) {
-  animation-name: _rise1_64yn1_1;
-  animation-delay: -0.4s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(1) {
+  animation-name: _rise1_v34ii_1;
+  animation-delay: -0.54s;
   top: calc(50% - 0.3907910185em);
   left: 0.1em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(2) {
-  animation-name: _rise2_64yn1_1;
-  animation-delay: -0.3s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(2) {
+  animation-name: _rise2_v34ii_1;
+  animation-delay: -0.61s;
   top: calc(50% - 0.5281152949em);
   left: 0.2em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(3) {
-  animation-name: _rise3_64yn1_1;
-  animation-delay: -0.63s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(3) {
+  animation-name: _rise3_v34ii_1;
+  animation-delay: -0.74s;
   top: calc(50% - 0.6585914498em);
   left: 0.3em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(4) {
-  animation-name: _rise4_64yn1_1;
-  animation-delay: -0.24s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(4) {
+  animation-name: _rise4_v34ii_1;
+  animation-delay: -0.79s;
   top: calc(50% - 0.7790067271em);
   left: 0.4em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(5) {
-  animation-name: _rise5_64yn1_1;
-  animation-delay: -0.67s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(5) {
+  animation-name: _rise5_v34ii_1;
+  animation-delay: -0.08s;
   top: calc(50% - 0.8863961031em);
   left: 0.5em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(6) {
-  animation-name: _rise6_64yn1_1;
-  animation-delay: -0.65s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(6) {
+  animation-name: _rise6_v34ii_1;
+  animation-delay: -0.39s;
   top: calc(50% - 0.9781152949em);
   left: 0.6em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(7) {
-  animation-name: _rise7_64yn1_1;
-  animation-delay: -0.18s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(7) {
+  animation-name: _rise7_v34ii_1;
+  animation-delay: -0.36s;
   top: calc(50% - 1.0519058718em);
   left: 0.7em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(8) {
-  animation-name: _rise8_64yn1_1;
-  animation-delay: -0.5s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(8) {
+  animation-name: _rise8_v34ii_1;
+  animation-delay: -0.39s;
   top: calc(50% - 1.1059508647em);
   left: 0.8em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(9) {
-  animation-name: _rise9_64yn1_1;
-  animation-delay: -0.51s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(9) {
+  animation-name: _rise9_v34ii_1;
+  animation-delay: -0.38s;
   top: calc(50% - 1.1389195065em);
   left: 0.9em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(10) {
-  animation-name: _rise10_64yn1_1;
-  animation-delay: -0.2s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(10) {
+  animation-name: _rise10_v34ii_1;
+  animation-delay: -0.76s;
   top: calc(50% - 1.15em);
   left: 1em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(11) {
-  animation-name: _rise11_64yn1_1;
-  animation-delay: -0.68s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(11) {
+  animation-name: _rise11_v34ii_1;
+  animation-delay: -0.45s;
   top: calc(50% - 1.1389195065em);
   left: 1.1em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(12) {
-  animation-name: _rise12_64yn1_1;
-  animation-delay: -0.58s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(12) {
+  animation-name: _rise12_v34ii_1;
+  animation-delay: -0.76s;
   top: calc(50% - 1.1059508647em);
   left: 1.2em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(13) {
-  animation-name: _rise13_64yn1_1;
-  animation-delay: -0.36s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(13) {
+  animation-name: _rise13_v34ii_1;
+  animation-delay: -0.49s;
   top: calc(50% - 1.0519058718em);
   left: 1.3em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(14) {
-  animation-name: _rise14_64yn1_1;
-  animation-delay: -0.65s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(14) {
+  animation-name: _rise14_v34ii_1;
+  animation-delay: -0.03s;
   top: calc(50% - 0.9781152949em);
   left: 1.4em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(15) {
-  animation-name: _rise15_64yn1_1;
-  animation-delay: -0.42s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(15) {
+  animation-name: _rise15_v34ii_1;
+  animation-delay: -0.75s;
   top: calc(50% - 0.8863961031em);
   left: 1.5em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(16) {
-  animation-name: _rise16_64yn1_1;
-  animation-delay: -0.53s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(16) {
+  animation-name: _rise16_v34ii_1;
+  animation-delay: -0.8s;
   top: calc(50% - 0.7790067271em);
   left: 1.6em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(17) {
-  animation-name: _rise17_64yn1_1;
-  animation-delay: -0.65s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(17) {
+  animation-name: _rise17_v34ii_1;
+  animation-delay: -0.64s;
   top: calc(50% - 0.6585914498em);
   left: 1.7em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(18) {
-  animation-name: _rise18_64yn1_1;
-  animation-delay: -0.21s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(18) {
+  animation-name: _rise18_v34ii_1;
+  animation-delay: -0.17s;
   top: calc(50% - 0.5281152949em);
   left: 1.8em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(19) {
-  animation-name: _rise19_64yn1_1;
-  animation-delay: -0.37s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(19) {
+  animation-name: _rise19_v34ii_1;
+  animation-delay: -0.46s;
   top: calc(50% - 0.3907910185em);
   left: 1.9em;
 }
-._button_64yn1_13 ._p_64yn1_26:nth-child(20) {
-  animation-name: _rise20_64yn1_1;
-  animation-delay: -0.57s;
+._button_v34ii_13 ._p_v34ii_26:nth-child(20) {
+  animation-name: _rise20_v34ii_1;
+  animation-delay: -0.7s;
   top: calc(50% - 0.25em);
   left: 2em;
 }
-._button_64yn1_13:active {
+._button_v34ii_13:active {
   transform: translateY(0.1em);
 }
-._button_64yn1_13:focus ._p_64yn1_26, ._button_64yn1_13:hover ._p_64yn1_26, ._button_64yn1_13:focus ._text_64yn1_26, ._button_64yn1_13:hover ._text_64yn1_26 {
+._button_v34ii_13:focus ._p_v34ii_26, ._button_v34ii_13:hover ._p_v34ii_26, ._button_v34ii_13:focus ._text_v34ii_26, ._button_v34ii_13:hover ._text_v34ii_26 {
   background: hsl(18, 90%, 55%);
 }
-._button_64yn1_13:focus ._p_64yn1_26, ._button_64yn1_13:hover ._p_64yn1_26 {
+._button_v34ii_13:focus ._p_v34ii_26, ._button_v34ii_13:hover ._p_v34ii_26 {
   animation-duration: 0.5s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(1), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(1) {
-  animation-delay: -0.2s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(1), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(1) {
+  animation-delay: -0.27s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(2), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(2) {
-  animation-delay: -0.15s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(2), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(2) {
+  animation-delay: -0.305s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(3), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(3) {
-  animation-delay: -0.315s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(3), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(3) {
+  animation-delay: -0.37s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(4), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(4) {
-  animation-delay: -0.12s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(4), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(4) {
+  animation-delay: -0.395s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(5), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(5) {
-  animation-delay: -0.335s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(5), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(5) {
+  animation-delay: -0.04s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(6), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(6) {
-  animation-delay: -0.325s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(6), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(6) {
+  animation-delay: -0.195s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(7), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(7) {
-  animation-delay: -0.09s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(7), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(7) {
+  animation-delay: -0.18s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(8), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(8) {
-  animation-delay: -0.25s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(8), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(8) {
+  animation-delay: -0.195s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(9), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(9) {
-  animation-delay: -0.255s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(9), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(9) {
+  animation-delay: -0.19s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(10), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(10) {
-  animation-delay: -0.1s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(10), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(10) {
+  animation-delay: -0.38s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(11), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(11) {
-  animation-delay: -0.34s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(11), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(11) {
+  animation-delay: -0.225s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(12), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(12) {
-  animation-delay: -0.29s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(12), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(12) {
+  animation-delay: -0.38s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(13), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(13) {
-  animation-delay: -0.18s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(13), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(13) {
+  animation-delay: -0.245s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(14), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(14) {
-  animation-delay: -0.325s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(14), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(14) {
+  animation-delay: -0.015s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(15), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(15) {
-  animation-delay: -0.21s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(15), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(15) {
+  animation-delay: -0.375s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(16), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(16) {
-  animation-delay: -0.265s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(16), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(16) {
+  animation-delay: -0.4s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(17), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(17) {
-  animation-delay: -0.325s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(17), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(17) {
+  animation-delay: -0.32s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(18), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(18) {
-  animation-delay: -0.105s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(18), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(18) {
+  animation-delay: -0.085s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(19), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(19) {
-  animation-delay: -0.185s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(19), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(19) {
+  animation-delay: -0.23s;
 }
-._button_64yn1_13:focus ._p_64yn1_26:nth-child(20), ._button_64yn1_13:hover ._p_64yn1_26:nth-child(20) {
-  animation-delay: -0.285s;
+._button_v34ii_13:focus ._p_v34ii_26:nth-child(20), ._button_v34ii_13:hover ._p_v34ii_26:nth-child(20) {
+  animation-delay: -0.35s;
 }
 
-._text_64yn1_26 {
+._text_v34ii_26 {
   display: block;
   padding: 0.5em;
   width: 100%;
@@ -1698,231 +1819,231 @@ body[data-theme-mode='dark'] {
   text-align: center;
 }
 
-._text_64yn1_26,
-._effects_64yn1_240 {
+._text_v34ii_26,
+._effects_v34ii_240 {
   position: absolute;
   top: 0;
   left: 0;
 }
 
-@keyframes _rise1_64yn1_1 {
+@keyframes _rise1_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.002em, -1.22em) scale(1);
+    transform: translate(0.098em, -0.64em) scale(1);
   }
   to {
-    transform: translate(0.07em, -2.44em) scale(0);
+    transform: translate(-0.025em, -1.28em) scale(0);
   }
 }
-@keyframes _rise2_64yn1_1 {
+@keyframes _rise2_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.07em, -1.18em) scale(1);
+    transform: translate(-0.054em, -0.65em) scale(1);
   }
   to {
-    transform: translate(0.085em, -2.36em) scale(0);
+    transform: translate(0.17em, -1.3em) scale(0);
   }
 }
-@keyframes _rise3_64yn1_1 {
+@keyframes _rise3_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.056em, -1.13em) scale(1);
+    transform: translate(0.018em, -1.38em) scale(1);
   }
   to {
-    transform: translate(-0.04em, -2.26em) scale(0);
+    transform: translate(-0.23em, -2.76em) scale(0);
   }
 }
-@keyframes _rise4_64yn1_1 {
+@keyframes _rise4_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.058em, -0.97em) scale(1);
+    transform: translate(-0.05em, -1.25em) scale(1);
   }
   to {
-    transform: translate(0.22em, -1.94em) scale(0);
+    transform: translate(0.13em, -2.5em) scale(0);
   }
 }
-@keyframes _rise5_64yn1_1 {
+@keyframes _rise5_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.098em, -0.52em) scale(1);
+    transform: translate(-0.042em, -1.16em) scale(1);
   }
   to {
-    transform: translate(0.145em, -1.04em) scale(0);
+    transform: translate(-0.12em, -2.32em) scale(0);
   }
 }
-@keyframes _rise6_64yn1_1 {
+@keyframes _rise6_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.094em, -0.64em) scale(1);
+    transform: translate(0.032em, -1.4em) scale(1);
   }
   to {
-    transform: translate(-0.22em, -1.28em) scale(0);
+    transform: translate(0.19em, -2.8em) scale(0);
   }
 }
-@keyframes _rise7_64yn1_1 {
+@keyframes _rise7_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.002em, -0.9em) scale(1);
+    transform: translate(-0.024em, -0.83em) scale(1);
   }
   to {
-    transform: translate(-0.225em, -1.8em) scale(0);
+    transform: translate(0.155em, -1.66em) scale(0);
   }
 }
-@keyframes _rise8_64yn1_1 {
+@keyframes _rise8_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.022em, -0.7em) scale(1);
+    transform: translate(0.018em, -1.23em) scale(1);
   }
   to {
-    transform: translate(-0.13em, -1.4em) scale(0);
+    transform: translate(0.195em, -2.46em) scale(0);
   }
 }
-@keyframes _rise9_64yn1_1 {
+@keyframes _rise9_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.014em, -0.83em) scale(1);
+    transform: translate(-0.05em, -1.35em) scale(1);
   }
   to {
-    transform: translate(-0.175em, -1.66em) scale(0);
+    transform: translate(0.25em, -2.7em) scale(0);
   }
 }
-@keyframes _rise10_64yn1_1 {
+@keyframes _rise10_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.024em, -1.05em) scale(1);
+    transform: translate(0.018em, -0.87em) scale(1);
   }
   to {
-    transform: translate(-0.24em, -2.1em) scale(0);
+    transform: translate(0.065em, -1.74em) scale(0);
   }
 }
-@keyframes _rise11_64yn1_1 {
+@keyframes _rise11_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.008em, -1.25em) scale(1);
+    transform: translate(0.09em, -0.73em) scale(1);
   }
   to {
-    transform: translate(-0.145em, -2.5em) scale(0);
+    transform: translate(0.16em, -1.46em) scale(0);
   }
 }
-@keyframes _rise12_64yn1_1 {
+@keyframes _rise12_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.094em, -0.82em) scale(1);
+    transform: translate(-0.042em, -1.08em) scale(1);
   }
   to {
-    transform: translate(-0.02em, -1.64em) scale(0);
+    transform: translate(-0.23em, -2.16em) scale(0);
   }
 }
-@keyframes _rise13_64yn1_1 {
+@keyframes _rise13_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.032em, -1.1em) scale(1);
+    transform: translate(-0.032em, -1.46em) scale(1);
   }
   to {
-    transform: translate(0.215em, -2.2em) scale(0);
+    transform: translate(-0.215em, -2.92em) scale(0);
   }
 }
-@keyframes _rise14_64yn1_1 {
+@keyframes _rise14_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.078em, -0.52em) scale(1);
+    transform: translate(0.086em, -0.9em) scale(1);
   }
   to {
-    transform: translate(-0.22em, -1.04em) scale(0);
+    transform: translate(-0.15em, -1.8em) scale(0);
   }
 }
-@keyframes _rise15_64yn1_1 {
+@keyframes _rise15_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.086em, -0.92em) scale(1);
+    transform: translate(-0.018em, -0.68em) scale(1);
   }
   to {
-    transform: translate(-0.2em, -1.84em) scale(0);
+    transform: translate(-0.16em, -1.36em) scale(0);
   }
 }
-@keyframes _rise16_64yn1_1 {
+@keyframes _rise16_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.04em, -1.04em) scale(1);
+    transform: translate(-0.078em, -0.92em) scale(1);
   }
   to {
-    transform: translate(-0.185em, -2.08em) scale(0);
+    transform: translate(0.19em, -1.84em) scale(0);
   }
 }
-@keyframes _rise17_64yn1_1 {
+@keyframes _rise17_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.078em, -0.62em) scale(1);
+    transform: translate(-0.076em, -1.32em) scale(1);
   }
   to {
-    transform: translate(-0.2em, -1.24em) scale(0);
+    transform: translate(0.105em, -2.64em) scale(0);
   }
 }
-@keyframes _rise18_64yn1_1 {
+@keyframes _rise18_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.082em, -1.44em) scale(1);
+    transform: translate(0.056em, -1.27em) scale(1);
   }
   to {
-    transform: translate(-0.195em, -2.88em) scale(0);
+    transform: translate(-0.12em, -2.54em) scale(0);
   }
 }
-@keyframes _rise19_64yn1_1 {
+@keyframes _rise19_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(0.008em, -1.3em) scale(1);
+    transform: translate(-0.086em, -1.27em) scale(1);
   }
   to {
-    transform: translate(0.17em, -2.6em) scale(0);
+    transform: translate(0.045em, -2.54em) scale(0);
   }
 }
-@keyframes _rise20_64yn1_1 {
+@keyframes _rise20_v34ii_1 {
   from {
     transform: translate(0em, 0) scale(1);
   }
   50% {
-    transform: translate(-0.082em, -0.58em) scale(1);
+    transform: translate(-0.018em, -1.31em) scale(1);
   }
   to {
-    transform: translate(-0.15em, -1.16em) scale(0);
+    transform: translate(-0.225em, -2.62em) scale(0);
   }
 }._root_exi6q_1 {
   --primary: black;
@@ -3657,6 +3778,75 @@ body[data-theme-mode='dark'] {
   syntax: "<number>";
   inherits: true;
   initial-value: 0;
+}._toolbarContainer_st7sz_1 {
+  display: flex;
+  gap: 20px;
+  align-items: center;
+}
+
+._glassGroup_st7sz_7 {
+  display: flex;
+  gap: 12px;
+  padding: 10px 16px;
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 999px;
+  backdrop-filter: blur(20px);
+  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  position: relative;
+}
+
+._floatInRight_st7sz_19 {
+  position: relative;
+}
+
+._glassButton_st7sz_23 {
+  width: 36px;
+  height: 36px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.25);
+  border-radius: 50%;
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  position: relative;
+  overflow: hidden;
+  transition: transform 0.2s ease;
+  cursor: pointer;
+  padding: 0;
+  margin: 0;
+  appearance: none;
+  outline: none;
+}
+
+._glassIcon_st7sz_43 {
+  width: 24px;
+  height: 24px;
+  fill: black;
+  opacity: 1;
+  transition: opacity 0.4s ease-in-out 0.3s;
+  pointer-events: none;
+}
+
+._ripple_st7sz_52 {
+  position: absolute;
+  width: 100px;
+  height: 100px;
+  margin-left: -50px;
+  margin-top: -50px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.5);
+  transform: scale(0);
+  animation: _rippleAnim_st7sz_1 1s linear;
+  pointer-events: none;
+}
+
+@keyframes _rippleAnim_st7sz_1 {
+  to {
+    transform: scale(4);
+    opacity: 0;
+  }
 }._root_ka8n8_1 {
   text-align: center;
   display: block;
@@ -5139,7 +5329,7 @@ body[data-theme-mode='dark'] {
 ._root_1qkvm_1:focus::after {
   opacity: 1;
 }/*background-image: radial-gradient(circle, #333, #000 800px);*/
-._root_14m8s_2 {
+._root_zypk6_2 {
   position: relative;
   width: 287px;
   height: 36px;
@@ -5153,13 +5343,13 @@ body[data-theme-mode='dark'] {
   justify-content: center;
   align-content: center;
 }
-._root_14m8s_2:hover {
+._root_zypk6_2:hover {
   --sy: 1;
   --aps: running;
   --op: 0;
 }
 
-._i_14m8s_22 {
+._i_zypk6_22 {
   position: absolute;
   left: var(--left, 0);
   top: 50%;
@@ -5169,16 +5359,16 @@ body[data-theme-mode='dark'] {
   transition: transform var(--duration) ease-out;
   z-index: -1;
 }
-._i_14m8s_22::after {
+._i_zypk6_22::after {
   content: "";
   position: absolute;
   inset: 0;
   background-image: linear-gradient(#fff, hsl(var(--hue, 0), 75%, 75%));
   border-radius: 50%;
-  animation: _noise_14m8s_1 var(--duration) infinite ease-in-out alternate;
+  animation: _noise_zypk6_1 var(--duration) infinite ease-in-out alternate;
   animation-play-state: var(--aps, paused);
 }
-@keyframes _noise_14m8s_1 {
+@keyframes _noise_zypk6_1 {
   0% {
     transform: scaleY(calc(1 - (var(--size, 0))));
   }
@@ -5186,440 +5376,440 @@ body[data-theme-mode='dark'] {
     transform: scaleY(calc(1 + (var(--size, 0))));
   }
 }
-._i_14m8s_22:nth-child(1) {
+._i_zypk6_22:nth-child(1) {
   --left: 0px;
-  --duration: 359ms;
-  --size: 0.228;
+  --duration: 269ms;
+  --size: 0.654;
   --hue: 0;
 }
-._i_14m8s_22:nth-child(2) {
+._i_zypk6_22:nth-child(2) {
   --left: 4px;
-  --duration: 206ms;
-  --size: 0.858;
+  --duration: 351ms;
+  --size: 0.818;
   --hue: 5;
 }
-._i_14m8s_22:nth-child(3) {
+._i_zypk6_22:nth-child(3) {
   --left: 8px;
-  --duration: 304ms;
-  --size: 0.311;
+  --duration: 286ms;
+  --size: 0.172;
   --hue: 10;
 }
-._i_14m8s_22:nth-child(4) {
+._i_zypk6_22:nth-child(4) {
   --left: 12px;
-  --duration: 278ms;
-  --size: 0.898;
+  --duration: 297ms;
+  --size: 0.906;
   --hue: 15;
 }
-._i_14m8s_22:nth-child(5) {
+._i_zypk6_22:nth-child(5) {
   --left: 16px;
-  --duration: 278ms;
-  --size: 0.539;
+  --duration: 372ms;
+  --size: 0.084;
   --hue: 20;
 }
-._i_14m8s_22:nth-child(6) {
+._i_zypk6_22:nth-child(6) {
   --left: 20px;
-  --duration: 310ms;
-  --size: 0.643;
+  --duration: 356ms;
+  --size: 0.511;
   --hue: 25;
 }
-._i_14m8s_22:nth-child(7) {
+._i_zypk6_22:nth-child(7) {
   --left: 24px;
-  --duration: 284ms;
-  --size: 0.966;
+  --duration: 357ms;
+  --size: 0.785;
   --hue: 30;
 }
-._i_14m8s_22:nth-child(8) {
+._i_zypk6_22:nth-child(8) {
   --left: 28px;
-  --duration: 326ms;
-  --size: 0.579;
+  --duration: 272ms;
+  --size: 0.2;
   --hue: 35;
 }
-._i_14m8s_22:nth-child(9) {
+._i_zypk6_22:nth-child(9) {
   --left: 32px;
-  --duration: 360ms;
-  --size: 0.898;
+  --duration: 276ms;
+  --size: 0.644;
   --hue: 40;
 }
-._i_14m8s_22:nth-child(10) {
+._i_zypk6_22:nth-child(10) {
   --left: 36px;
-  --duration: 287ms;
-  --size: 0.821;
+  --duration: 367ms;
+  --size: 0.842;
   --hue: 45;
 }
-._i_14m8s_22:nth-child(11) {
+._i_zypk6_22:nth-child(11) {
   --left: 40px;
-  --duration: 236ms;
-  --size: 0.607;
+  --duration: 397ms;
+  --size: 0.783;
   --hue: 50;
 }
-._i_14m8s_22:nth-child(12) {
+._i_zypk6_22:nth-child(12) {
   --left: 44px;
-  --duration: 327ms;
-  --size: 0.27;
+  --duration: 395ms;
+  --size: 0.319;
   --hue: 55;
 }
-._i_14m8s_22:nth-child(13) {
+._i_zypk6_22:nth-child(13) {
   --left: 48px;
-  --duration: 387ms;
-  --size: 0.607;
+  --duration: 250ms;
+  --size: 0.487;
   --hue: 60;
 }
-._i_14m8s_22:nth-child(14) {
+._i_zypk6_22:nth-child(14) {
   --left: 52px;
-  --duration: 215ms;
-  --size: 0.133;
+  --duration: 352ms;
+  --size: 0.434;
   --hue: 65;
 }
-._i_14m8s_22:nth-child(15) {
+._i_zypk6_22:nth-child(15) {
   --left: 56px;
-  --duration: 228ms;
-  --size: 0.147;
+  --duration: 307ms;
+  --size: 0.183;
   --hue: 70;
 }
-._i_14m8s_22:nth-child(16) {
+._i_zypk6_22:nth-child(16) {
   --left: 60px;
-  --duration: 258ms;
-  --size: 0.174;
+  --duration: 304ms;
+  --size: 0.589;
   --hue: 75;
 }
-._i_14m8s_22:nth-child(17) {
+._i_zypk6_22:nth-child(17) {
   --left: 64px;
-  --duration: 209ms;
-  --size: 0.972;
+  --duration: 296ms;
+  --size: 0.34;
   --hue: 80;
 }
-._i_14m8s_22:nth-child(18) {
+._i_zypk6_22:nth-child(18) {
   --left: 68px;
-  --duration: 353ms;
-  --size: 0.518;
+  --duration: 387ms;
+  --size: 0.2;
   --hue: 85;
 }
-._i_14m8s_22:nth-child(19) {
+._i_zypk6_22:nth-child(19) {
   --left: 72px;
-  --duration: 226ms;
-  --size: 0.44;
+  --duration: 201ms;
+  --size: 0.281;
   --hue: 90;
 }
-._i_14m8s_22:nth-child(20) {
+._i_zypk6_22:nth-child(20) {
   --left: 76px;
-  --duration: 310ms;
-  --size: 0.78;
+  --duration: 371ms;
+  --size: 0.587;
   --hue: 95;
 }
-._i_14m8s_22:nth-child(21) {
+._i_zypk6_22:nth-child(21) {
   --left: 80px;
-  --duration: 300ms;
-  --size: 0.108;
+  --duration: 341ms;
+  --size: 0.127;
   --hue: 100;
 }
-._i_14m8s_22:nth-child(22) {
+._i_zypk6_22:nth-child(22) {
   --left: 84px;
-  --duration: 216ms;
-  --size: 0.784;
+  --duration: 370ms;
+  --size: 0.638;
   --hue: 105;
 }
-._i_14m8s_22:nth-child(23) {
+._i_zypk6_22:nth-child(23) {
   --left: 88px;
-  --duration: 300ms;
-  --size: 0.419;
+  --duration: 399ms;
+  --size: 0.197;
   --hue: 110;
 }
-._i_14m8s_22:nth-child(24) {
+._i_zypk6_22:nth-child(24) {
   --left: 92px;
-  --duration: 337ms;
-  --size: 0.686;
+  --duration: 355ms;
+  --size: 0.04;
   --hue: 115;
 }
-._i_14m8s_22:nth-child(25) {
+._i_zypk6_22:nth-child(25) {
   --left: 96px;
-  --duration: 266ms;
-  --size: 0.485;
+  --duration: 274ms;
+  --size: 0.582;
   --hue: 120;
 }
-._i_14m8s_22:nth-child(26) {
+._i_zypk6_22:nth-child(26) {
   --left: 100px;
-  --duration: 399ms;
-  --size: 0.445;
+  --duration: 216ms;
+  --size: 0.009;
   --hue: 125;
 }
-._i_14m8s_22:nth-child(27) {
+._i_zypk6_22:nth-child(27) {
   --left: 104px;
   --duration: 310ms;
-  --size: 0.014;
+  --size: 0.977;
   --hue: 130;
 }
-._i_14m8s_22:nth-child(28) {
+._i_zypk6_22:nth-child(28) {
   --left: 108px;
-  --duration: 336ms;
-  --size: 0.734;
+  --duration: 247ms;
+  --size: 0.692;
   --hue: 135;
 }
-._i_14m8s_22:nth-child(29) {
+._i_zypk6_22:nth-child(29) {
   --left: 112px;
-  --duration: 220ms;
-  --size: 0.643;
+  --duration: 355ms;
+  --size: 0.277;
   --hue: 140;
 }
-._i_14m8s_22:nth-child(30) {
+._i_zypk6_22:nth-child(30) {
   --left: 116px;
-  --duration: 286ms;
-  --size: 0.75;
+  --duration: 246ms;
+  --size: 0.691;
   --hue: 145;
 }
-._i_14m8s_22:nth-child(31) {
+._i_zypk6_22:nth-child(31) {
   --left: 120px;
-  --duration: 345ms;
-  --size: 0.104;
+  --duration: 348ms;
+  --size: 0.595;
   --hue: 150;
 }
-._i_14m8s_22:nth-child(32) {
+._i_zypk6_22:nth-child(32) {
   --left: 124px;
-  --duration: 340ms;
-  --size: 0.829;
+  --duration: 393ms;
+  --size: 0.505;
   --hue: 155;
 }
-._i_14m8s_22:nth-child(33) {
+._i_zypk6_22:nth-child(33) {
   --left: 128px;
-  --duration: 376ms;
-  --size: 0.472;
+  --duration: 336ms;
+  --size: 0.595;
   --hue: 160;
 }
-._i_14m8s_22:nth-child(34) {
+._i_zypk6_22:nth-child(34) {
   --left: 132px;
-  --duration: 240ms;
-  --size: 0.101;
+  --duration: 224ms;
+  --size: 0.499;
   --hue: 165;
 }
-._i_14m8s_22:nth-child(35) {
+._i_zypk6_22:nth-child(35) {
   --left: 136px;
-  --duration: 392ms;
-  --size: 0.657;
+  --duration: 353ms;
+  --size: 0.625;
   --hue: 170;
 }
-._i_14m8s_22:nth-child(36) {
+._i_zypk6_22:nth-child(36) {
   --left: 140px;
-  --duration: 293ms;
-  --size: 0.277;
+  --duration: 253ms;
+  --size: 1;
   --hue: 175;
 }
-._i_14m8s_22:nth-child(37) {
+._i_zypk6_22:nth-child(37) {
   --left: 144px;
-  --duration: 387ms;
-  --size: 0.936;
+  --duration: 303ms;
+  --size: 0.239;
   --hue: 180;
 }
-._i_14m8s_22:nth-child(38) {
+._i_zypk6_22:nth-child(38) {
   --left: 148px;
-  --duration: 242ms;
-  --size: 0.301;
+  --duration: 325ms;
+  --size: 0.4;
   --hue: 185;
 }
-._i_14m8s_22:nth-child(39) {
+._i_zypk6_22:nth-child(39) {
   --left: 152px;
-  --duration: 398ms;
-  --size: 0.345;
+  --duration: 246ms;
+  --size: 0.653;
   --hue: 190;
 }
-._i_14m8s_22:nth-child(40) {
+._i_zypk6_22:nth-child(40) {
   --left: 156px;
-  --duration: 224ms;
-  --size: 0.192;
+  --duration: 280ms;
+  --size: 0.936;
   --hue: 195;
 }
-._i_14m8s_22:nth-child(41) {
+._i_zypk6_22:nth-child(41) {
   --left: 160px;
-  --duration: 339ms;
-  --size: 0.321;
+  --duration: 338ms;
+  --size: 0.982;
   --hue: 200;
 }
-._i_14m8s_22:nth-child(42) {
+._i_zypk6_22:nth-child(42) {
   --left: 164px;
-  --duration: 356ms;
-  --size: 0.324;
+  --duration: 338ms;
+  --size: 0.186;
   --hue: 205;
 }
-._i_14m8s_22:nth-child(43) {
+._i_zypk6_22:nth-child(43) {
   --left: 168px;
-  --duration: 344ms;
-  --size: 0.392;
+  --duration: 349ms;
+  --size: 0.24;
   --hue: 210;
 }
-._i_14m8s_22:nth-child(44) {
+._i_zypk6_22:nth-child(44) {
   --left: 172px;
-  --duration: 333ms;
-  --size: 0.889;
+  --duration: 223ms;
+  --size: 0.37;
   --hue: 215;
 }
-._i_14m8s_22:nth-child(45) {
+._i_zypk6_22:nth-child(45) {
   --left: 176px;
-  --duration: 241ms;
-  --size: 0.721;
+  --duration: 306ms;
+  --size: 0.092;
   --hue: 220;
 }
-._i_14m8s_22:nth-child(46) {
+._i_zypk6_22:nth-child(46) {
   --left: 180px;
-  --duration: 216ms;
-  --size: 0.459;
+  --duration: 212ms;
+  --size: 0.452;
   --hue: 225;
 }
-._i_14m8s_22:nth-child(47) {
+._i_zypk6_22:nth-child(47) {
   --left: 184px;
-  --duration: 337ms;
-  --size: 0.03;
+  --duration: 275ms;
+  --size: 0.973;
   --hue: 230;
 }
-._i_14m8s_22:nth-child(48) {
+._i_zypk6_22:nth-child(48) {
   --left: 188px;
-  --duration: 300ms;
-  --size: 0.997;
+  --duration: 307ms;
+  --size: 0.846;
   --hue: 235;
 }
-._i_14m8s_22:nth-child(49) {
+._i_zypk6_22:nth-child(49) {
   --left: 192px;
-  --duration: 227ms;
-  --size: 0.018;
+  --duration: 284ms;
+  --size: 0.442;
   --hue: 240;
 }
-._i_14m8s_22:nth-child(50) {
+._i_zypk6_22:nth-child(50) {
   --left: 196px;
-  --duration: 367ms;
-  --size: 0.502;
+  --duration: 225ms;
+  --size: 0.083;
   --hue: 245;
 }
-._i_14m8s_22:nth-child(51) {
+._i_zypk6_22:nth-child(51) {
   --left: 200px;
-  --duration: 386ms;
-  --size: 0.263;
+  --duration: 236ms;
+  --size: 0.03;
   --hue: 250;
 }
-._i_14m8s_22:nth-child(52) {
+._i_zypk6_22:nth-child(52) {
   --left: 204px;
-  --duration: 242ms;
-  --size: 0.199;
+  --duration: 261ms;
+  --size: 0.848;
   --hue: 255;
 }
-._i_14m8s_22:nth-child(53) {
+._i_zypk6_22:nth-child(53) {
   --left: 208px;
-  --duration: 360ms;
-  --size: 0.085;
+  --duration: 387ms;
+  --size: 0.664;
   --hue: 260;
 }
-._i_14m8s_22:nth-child(54) {
+._i_zypk6_22:nth-child(54) {
   --left: 212px;
-  --duration: 268ms;
-  --size: 0.038;
+  --duration: 239ms;
+  --size: 0.045;
   --hue: 265;
 }
-._i_14m8s_22:nth-child(55) {
+._i_zypk6_22:nth-child(55) {
   --left: 216px;
-  --duration: 348ms;
-  --size: 0.139;
+  --duration: 205ms;
+  --size: 0.176;
   --hue: 270;
 }
-._i_14m8s_22:nth-child(56) {
+._i_zypk6_22:nth-child(56) {
   --left: 220px;
-  --duration: 326ms;
-  --size: 0.639;
+  --duration: 204ms;
+  --size: 0.349;
   --hue: 275;
 }
-._i_14m8s_22:nth-child(57) {
+._i_zypk6_22:nth-child(57) {
   --left: 224px;
-  --duration: 214ms;
-  --size: 0.645;
+  --duration: 352ms;
+  --size: 0.282;
   --hue: 280;
 }
-._i_14m8s_22:nth-child(58) {
+._i_zypk6_22:nth-child(58) {
   --left: 228px;
-  --duration: 396ms;
-  --size: 0.213;
+  --duration: 314ms;
+  --size: 0.452;
   --hue: 285;
 }
-._i_14m8s_22:nth-child(59) {
+._i_zypk6_22:nth-child(59) {
   --left: 232px;
-  --duration: 271ms;
-  --size: 0.088;
+  --duration: 201ms;
+  --size: 0.956;
   --hue: 290;
 }
-._i_14m8s_22:nth-child(60) {
+._i_zypk6_22:nth-child(60) {
   --left: 236px;
-  --duration: 367ms;
-  --size: 0.411;
+  --duration: 223ms;
+  --size: 0.572;
   --hue: 295;
 }
-._i_14m8s_22:nth-child(61) {
+._i_zypk6_22:nth-child(61) {
   --left: 240px;
-  --duration: 381ms;
-  --size: 0.626;
+  --duration: 274ms;
+  --size: 0.673;
   --hue: 300;
 }
-._i_14m8s_22:nth-child(62) {
+._i_zypk6_22:nth-child(62) {
   --left: 244px;
-  --duration: 259ms;
-  --size: 0.605;
+  --duration: 332ms;
+  --size: 0.747;
   --hue: 305;
 }
-._i_14m8s_22:nth-child(63) {
+._i_zypk6_22:nth-child(63) {
   --left: 248px;
-  --duration: 338ms;
-  --size: 0.076;
+  --duration: 223ms;
+  --size: 0.332;
   --hue: 310;
 }
-._i_14m8s_22:nth-child(64) {
+._i_zypk6_22:nth-child(64) {
   --left: 252px;
-  --duration: 237ms;
-  --size: 0.796;
+  --duration: 361ms;
+  --size: 0.272;
   --hue: 315;
 }
-._i_14m8s_22:nth-child(65) {
+._i_zypk6_22:nth-child(65) {
   --left: 256px;
-  --duration: 320ms;
-  --size: 0.661;
+  --duration: 330ms;
+  --size: 0.961;
   --hue: 320;
 }
-._i_14m8s_22:nth-child(66) {
+._i_zypk6_22:nth-child(66) {
   --left: 260px;
-  --duration: 318ms;
-  --size: 0.236;
+  --duration: 385ms;
+  --size: 0.516;
   --hue: 325;
 }
-._i_14m8s_22:nth-child(67) {
+._i_zypk6_22:nth-child(67) {
   --left: 264px;
-  --duration: 344ms;
-  --size: 0.158;
+  --duration: 281ms;
+  --size: 0.477;
   --hue: 330;
 }
-._i_14m8s_22:nth-child(68) {
+._i_zypk6_22:nth-child(68) {
   --left: 268px;
-  --duration: 355ms;
-  --size: 0.871;
+  --duration: 286ms;
+  --size: 0.373;
   --hue: 335;
 }
-._i_14m8s_22:nth-child(69) {
+._i_zypk6_22:nth-child(69) {
   --left: 272px;
-  --duration: 282ms;
-  --size: 0.656;
+  --duration: 323ms;
+  --size: 0.851;
   --hue: 340;
 }
-._i_14m8s_22:nth-child(70) {
+._i_zypk6_22:nth-child(70) {
   --left: 276px;
-  --duration: 209ms;
-  --size: 0.486;
+  --duration: 357ms;
+  --size: 0.838;
   --hue: 345;
 }
-._i_14m8s_22:nth-child(71) {
+._i_zypk6_22:nth-child(71) {
   --left: 280px;
-  --duration: 399ms;
-  --size: 0.711;
+  --duration: 313ms;
+  --size: 0.088;
   --hue: 350;
 }
-._i_14m8s_22:nth-child(72) {
+._i_zypk6_22:nth-child(72) {
   --left: 284px;
-  --duration: 264ms;
-  --size: 0.118;
+  --duration: 204ms;
+  --size: 0.724;
   --hue: 355;
 }
 
-._text_14m8s_482 {
+._text_zypk6_482 {
   opacity: var(--op, 1);
   transition: opacity 0.4s ease;
 }._root_aiqzw_1 {
@@ -7171,6 +7361,147 @@ body[data-theme-mode='dark'] {
   ._cursor_yozjp_119 {
     display: none;
   }
+}/*
+CSS @property and the New Style
+https://ryanmulligan.dev/blog/css-property-new-style/
+*/
+@property --gradient-angle {
+  syntax: "<angle>";
+  initial-value: 0deg;
+  inherits: false;
+}
+@property --gradient-angle-offset {
+  syntax: "<angle>";
+  initial-value: 0deg;
+  inherits: false;
+}
+@property --gradient-percent {
+  syntax: "<percentage>";
+  initial-value: 5%;
+  inherits: false;
+}
+@property --gradient-shine {
+  syntax: "<color>";
+  initial-value: white;
+  inherits: false;
+}
+:root {
+  --shiny-cta-bg: #000000;
+  --shiny-cta-bg-subtle: #1a1818;
+  --shiny-cta-fg: #ffffff;
+  --shiny-cta-highlight: blue;
+  --shiny-cta-highlight-subtle: #8484ff;
+}
+
+._shinyCta_y36is_33 {
+  --animation: _gradient-angle_y36is_1 linear infinite;
+  --duration: 3s;
+  --shadow-size: 2px;
+  --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
+  isolation: isolate;
+  position: relative;
+  overflow: hidden;
+  cursor: pointer;
+  outline-offset: 4px;
+  padding: 1.25rem 2.5rem;
+  font-family: inherit;
+  font-size: 1.125rem;
+  line-height: 1.2;
+  border: 1px solid transparent;
+  border-radius: 360px;
+  color: var(--shiny-cta-fg);
+  background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4)) border-box;
+  box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);
+  transition: var(--transition);
+  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
+  animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused;
+  animation-composition: add;
+}
+._shinyCta_y36is_33::before, ._shinyCta_y36is_33::after,
+._shinyCta_y36is_33 span::before {
+  content: "";
+  pointer-events: none;
+  position: absolute;
+  inset-inline-start: 50%;
+  inset-block-start: 50%;
+  translate: -50% -50%;
+  z-index: -1;
+}
+._shinyCta_y36is_33:active {
+  translate: 0 1px;
+}
+._shinyCta_y36is_33:is(:hover, :focus-visible) {
+  --gradient-percent: 20%;
+  --gradient-angle-offset: 95deg;
+  --gradient-shine: var(--shiny-cta-highlight-subtle);
+}
+._shinyCta_y36is_33:is(:hover, :focus-visible), ._shinyCta_y36is_33:is(:hover, :focus-visible)::before, ._shinyCta_y36is_33:is(:hover, :focus-visible)::after {
+  animation-play-state: running;
+}
+._shinyCta_y36is_33:is(:hover, :focus-visible) span::before {
+  opacity: 1;
+}
+
+/* Dots pattern */
+._shinyCta_y36is_33::before {
+  --size: calc(100% - var(--shadow-size) * 3);
+  --position: 2px;
+  --space: calc(var(--position) * 2);
+  width: var(--size);
+  height: var(--size);
+  background: radial-gradient(circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0) padding-box;
+  background-size: var(--space) var(--space);
+  background-repeat: space;
+  mask-image: conic-gradient(from calc(var(--gradient-angle) + 45deg), black, transparent 10% 90%, black);
+  border-radius: inherit;
+  opacity: 0.4;
+  z-index: -1;
+  animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused;
+  animation-composition: add;
+}
+
+/* Inner shimmer */
+._shinyCta_y36is_33::after {
+  --animation: _shimmer_y36is_1 linear infinite;
+  width: 100%;
+  aspect-ratio: 1;
+  background: linear-gradient(-50deg, transparent, var(--shiny-cta-highlight), transparent);
+  mask-image: radial-gradient(circle at bottom, transparent 40%, black);
+  opacity: 0.6;
+  animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused;
+  animation-composition: add;
+}
+
+._shinyCta_y36is_33 span {
+  z-index: 1;
+}
+._shinyCta_y36is_33 span::before {
+  --size: calc(100% + 1rem);
+  width: var(--size);
+  height: var(--size);
+  box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);
+  opacity: 0;
+  transition: opacity var(--transition);
+  animation: calc(var(--duration) * 1.5) _breathe_y36is_1 linear infinite;
+}
+
+@keyframes _gradient-angle_y36is_1 {
+  to {
+    --gradient-angle: 360deg;
+  }
+}
+@keyframes _shimmer_y36is_1 {
+  to {
+    rotate: 360deg;
+  }
+}
+@keyframes _breathe_y36is_1 {
+  from, to {
+    scale: 1;
+  }
+  50% {
+    scale: 1.2;
+  }
 }._root_ehlxk_1 {
   --ic-thumb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='feather feather-thumbs-up'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
   --eerie-black: hsla(0, 0%, 12%, 1);
@@ -10454,6 +10785,73 @@ body[data-theme-mode='dark'] {
   font-weight: 600;
   text-decoration: none;
   color: #ad7d52;
+}@property --_x {
+  syntax: "<length>";
+  inherits: true;
+  initial-value: 0px;
+}
+._figure_8dfqu_6 {
+  --w: 280px; /* image width */
+  --r: 0.5em; /* radius */
+  display: grid;
+  place-items: end end;
+  font: bold 40px/1.5 monospace;
+  transition: --_x 0.5s;
+  cursor: pointer;
+  margin: 0;
+}
+._figure_8dfqu_6._alt_8dfqu_16 {
+  place-items: end start;
+}
+._figure_8dfqu_6 > * {
+  grid-area: 1/1;
+}
+._figure_8dfqu_6:hover {
+  --_x: calc(var(--w) - 3 * var(--r) - 0.5lh);
+}
+
+._image_8dfqu_26 {
+  width: var(--w);
+  aspect-ratio: 1;
+  border-radius: var(--r);
+  --_m: /calc(2 * var(--r)) calc(2 * var(--r))
+    radial-gradient(#000 69%, #0000 72%);
+  --_g: conic-gradient(
+    from 90deg at calc(100% - var(--r)) calc(100% - var(--r)),
+    #0000 25%,
+    #000 0
+  );
+  --_d: calc(0.5lh + var(--r));
+  mask: calc(100% - var(--_d) - var(--_x)) 100% var(--_m), 100% calc(100% - var(--_d)) var(--_m), radial-gradient(0.5lh at 100% 100%, rgba(0, 0, 0, 0) 99%, #000 calc(100% + 1px)) calc(-1 * var(--r) - var(--_x)) calc(-1 * var(--r)), var(--_g) calc(-1 * var(--_d) - var(--_x)) 0, var(--_g) 0 calc(-1 * var(--_d));
+  mask-repeat: no-repeat;
+}
+
+._figure_8dfqu_6._alt_8dfqu_16 ._image_8dfqu_26 {
+  --_g: conic-gradient(
+    from 180deg at var(--r) calc(100% - var(--r)),
+    #0000 25%,
+    #000 0
+  );
+  mask: calc(var(--_d) + var(--_x)) 100% var(--_m), 0% calc(100% - var(--_d)) var(--_m), radial-gradient(0.5lh at 0 100%, rgba(0, 0, 0, 0) 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--_x)) calc(-1 * var(--r)), var(--_g) calc(var(--_d) + var(--_x)) 0, var(--_g) 0 calc(-1 * var(--_d));
+  mask-repeat: no-repeat;
+}
+
+._figcaption_8dfqu_52 {
+  height: 1lh;
+  width: calc(1lh + var(--_x));
+  box-sizing: border-box;
+  translate: calc(0.5lh - var(--r)) calc(0.5lh - var(--r));
+  overflow: hidden;
+  background: #bf4d28;
+  color: #fff;
+  border-inline: calc(0.5lh - 0.5ch) solid rgba(0, 0, 0, 0);
+  clip-path: inset(5px round 1lh);
+  text-align: center;
+  letter-spacing: 1px;
+}
+
+._figure_8dfqu_6._alt_8dfqu_16 ._figcaption_8dfqu_52 {
+  translate: calc(-0.5lh + var(--r)) calc(0.5lh - var(--r));
 }._root_12dws_1 {
   display: inline-block;
   position: relative;
@@ -15671,7 +16069,9 @@ body[data-theme-mode='dark'] {
   border-bottom: 0;
   margin-left: calc(-1 * var(--size));
   margin-bottom: calc(-1 * var(--size));
-}._root_1o71g_1 {
+}._root_1vtmf_1 {
+  --motion-glass-overlay-bg: rgba(255, 255, 255, 0.25);
+  --motion-glass-highlight: rgba(255, 255, 255, 0.75);
   position: fixed;
   bottom: 40px;
   left: 50%;
@@ -15680,7 +16080,7 @@ body[data-theme-mode='dark'] {
   border-radius: 20px;
 }
 
-._container_1o71g_10 {
+._container_1vtmf_12 {
   position: relative;
   display: flex;
   justify-content: center;
@@ -15694,8 +16094,14 @@ body[data-theme-mode='dark'] {
   box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.026);
   background: rgba(22, 22, 22, 0.8);
 }
+._containerGlass_1vtmf_26 {
+  background: transparent;
+  backdrop-filter: none;
+  border: none;
+  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
+}
 
-._glossyXLine_1o71g_25 {
+._glossyXLine_1vtmf_33 {
   background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--color-gray6) 20%, var(--color-gray10) 67.19%, rgba(0, 0, 0, 0));
   opacity: 0.55;
   position: absolute;
@@ -15705,7 +16111,9 @@ body[data-theme-mode='dark'] {
   z-index: -1;
 }
 
-._items_1o71g_35 {
+._items_1vtmf_43 {
+  position: relative;
+  z-index: 3;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   display: flex;
@@ -15715,41 +16123,41 @@ body[data-theme-mode='dark'] {
   padding-top: 10px;
   padding-bottom: 10px;
 }
-._items_1o71g_35 > *:first-child {
+._items_1vtmf_43 > *:first-child {
   margin-left: 10px;
 }
-._items_1o71g_35 > *:last-child {
+._items_1vtmf_43 > *:last-child {
   margin-right: 10px;
 }
-._items_1o71g_35 {
+._items_1vtmf_43 {
   overflow-x: auto;
   overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
-._items_1o71g_35::-webkit-scrollbar {
+._items_1vtmf_43::-webkit-scrollbar {
   display: none;
   width: 0;
   height: 0;
 }
-._items_1o71g_35::-webkit-scrollbar-track {
+._items_1vtmf_43::-webkit-scrollbar-track {
   display: none;
 }
-._items_1o71g_35::-webkit-scrollbar-thumb {
+._items_1vtmf_43::-webkit-scrollbar-thumb {
   display: none;
 }
-._items_1o71g_35::-webkit-scrollbar-corner {
+._items_1vtmf_43::-webkit-scrollbar-corner {
   display: none;
 }
 
-._child_1o71g_73 {
+._child_1vtmf_83 {
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
-._divider_1o71g_79 {
+._divider_1vtmf_89 {
   opacity: 1;
   height: 36px;
   margin: 4px 1px;
@@ -15758,18 +16166,50 @@ body[data-theme-mode='dark'] {
   border: 0;
   flex-shrink: 0;
   -webkit-mask-image: linear-gradient(0deg, transparent, rgb(255, 255, 255) 16px, rgb(255, 255, 255) calc(100% - 16px), transparent);
+}
+
+._glassFilter_1vtmf_100 {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  backdrop-filter: blur(0px);
+  filter: url(#lg-dist);
+  isolation: isolate;
+  border-radius: inherit;
+  overflow: hidden;
+  clip-path: inset(0 round 20px);
+}
+
+._glassOverlay_1vtmf_112 {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  background: var(--motion-glass-overlay-bg);
+  border-radius: inherit;
+  overflow: hidden;
+}
+
+._glassSpecular_1vtmf_121 {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  border-radius: inherit;
+  overflow: hidden;
+  box-shadow: inset 1px 1px 0 var(--motion-glass-highlight), inset 0 0 5px var(--motion-glass-highlight);
 }._root_343wt_1 {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   transform: translateY(calc(-100% - 6px));
-}._tooltip_pli88_1 {
+}._tooltip_1brhr_1 {
+  --tooltip-glass-overlay-bg: rgba(255, 255, 255, 0.25);
+  --tooltip-glass-highlight: rgba(255, 255, 255, 0.75);
   position: fixed;
   z-index: 9999;
 }
 
-._tooltipContent_pli88_6 {
+._tooltipContent_1brhr_8 {
   padding: var(--space-1, 0.25rem) var(--space-2, 0.5rem);
   box-shadow: var(--shadow-sm);
   color: var(--color-gray11);
@@ -15785,7 +16225,7 @@ body[data-theme-mode='dark'] {
   position: relative;
   transform-origin: bottom;
 }
-._tooltipContent_pli88_6::before {
+._tooltipContent_1brhr_8::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;
@@ -15798,9 +16238,55 @@ body[data-theme-mode='dark'] {
   z-index: -1;
 }
 @supports (color: color(display-p3 1 1 1)) {
-  ._tooltipContent_pli88_6[data-p3=false] {
+  ._tooltipContent_1brhr_8[data-p3=false] {
     border-color: oklch(100% 0 0deg / 0.077);
   }
+}
+._tooltipContentGlass_1brhr_41 {
+  background: transparent;
+  backdrop-filter: none;
+  border: none;
+  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
+  position: relative;
+}
+._tooltipContentGlass_1brhr_41::before {
+  display: none;
+}
+
+._tooltipLabel_1brhr_52 {
+  position: relative;
+  z-index: 3;
+  color: var(--tooltip-glass-highlight);
+}
+
+._glassFilter_1brhr_58 {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  backdrop-filter: blur(0px);
+  filter: url(#lg-dist);
+  isolation: isolate;
+  border-radius: inherit;
+  overflow: hidden;
+  clip-path: inset(0 round var(--radii-2, 0.25rem));
+}
+
+._glassOverlay_1brhr_70 {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  background: var(--tooltip-glass-overlay-bg);
+  border-radius: inherit;
+  overflow: hidden;
+}
+
+._glassSpecular_1brhr_79 {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  border-radius: inherit;
+  overflow: hidden;
+  box-shadow: inset 1px 1px 0 var(--tooltip-glass-highlight), inset 0 0 5px var(--tooltip-glass-highlight);
 }._root_1uu8h_1 {
   --hue: 223;
   --white: hsl(0, 0%, 100%);
@@ -15952,20 +16438,23 @@ body[data-theme-mode='dark'] {
   ._input_1uu8h_28 {
     background-color: var(--primary4);
   }
-}._root_r26qj_1 {
+}._root_1wv8q_1 {
   --dock-radius: 23%;
 }
-._root_r26qj_1._expanded_r26qj_4 {
+._root_1wv8q_1._expanded_1wv8q_4 {
   --dock-radius: 14px;
 }
-._root_r26qj_1 {
+._root_1wv8q_1 {
   position: relative;
   border-radius: var(--dock-radius);
   width: 100%;
   height: 100%;
 }
+._rootGlass_1wv8q_13 {
+  position: relative;
+}
 
-._item_r26qj_14 {
+._item_1wv8q_17 {
   -webkit-user-drag: none;
   user-select: none;
   position: relative;
@@ -15981,8 +16470,17 @@ body[data-theme-mode='dark'] {
   background-image: linear-gradient(45deg, #1c1c1c, #232323, #1c1c1c, #232323);
   background-size: 200% 100%;
 }
+._itemGlass_1wv8q_33 {
+  background: transparent;
+  backdrop-filter: none;
+  border: none;
+  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
+  background-image: none;
+}
 
-._content_r26qj_31 {
+._content_1wv8q_41 {
+  position: relative;
+  z-index: 3;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -15991,7 +16489,7 @@ body[data-theme-mode='dark'] {
   will-change: transform, filter;
 }
 
-._gloss_r26qj_40 {
+._gloss_1wv8q_52 {
   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;
@@ -15999,6 +16497,36 @@ body[data-theme-mode='dark'] {
   height: 100%;
   border-radius: var(--dock-radius);
   z-index: -1;
+}
+
+._glassFilter_1wv8q_62 {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  backdrop-filter: blur(0px);
+  filter: url(#lg-dist);
+  isolation: isolate;
+  border-radius: inherit;
+  overflow: hidden;
+  clip-path: inset(0 round var(--dock-radius));
+}
+
+._glassOverlay_1wv8q_74 {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  background: var(--motion-glass-overlay-bg);
+  border-radius: inherit;
+  overflow: hidden;
+}
+
+._glassSpecular_1wv8q_83 {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  border-radius: inherit;
+  overflow: hidden;
+  box-shadow: inset 1px 1px 0 var(--motion-glass-highlight), inset 0 0 5px var(--motion-glass-highlight);
 }._root_14qt2_1 {
   display: grid;
   grid-template-columns: 1.5fr 3fr 2fr 2fr 1.5fr;
@@ -18393,6 +18921,541 @@ body[data-theme-mode='dark'] {
   border-style: none;
   width: 100%;
   height: 1px;
+}
+._modal_hpej7_2 {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 36px;
+  width: 380px;
+  min-height: 52px;
+  padding: 24px;
+  border-radius: 40px;
+  overflow: hidden;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 100%);
+  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0);
+  transition: 0.4s ease min-height, 0.4s ease padding, 0.2s border-radius, 0.6s ease box-shadow;
+}
+._modal_hpej7_2:hover {
+  box-shadow: 0 24px 48px -24px rgba(0, 0, 0, 0.025);
+}
+._modal_hpej7_2._active_hpej7_23 {
+  min-height: 160px;
+  padding: 32px;
+  border-radius: 48px;
+}
+._fieldWrapper_hpej7_29 {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+._field_hpej7_29 {
+  font-family: "Instrument Sans", sans-serif;
+  font-optical-sizing: auto;
+  font-style: normal;
+  font-size: 20px;
+  display: flex;
+  align-items: center;
+  min-height: 48px;
+  border-radius: 16px;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  padding: 0 12px 2px 12px;
+  background: none;
+  color: #000;
+  outline: none;
+  transition: border 0.2s;
+}
+._active_hpej7_23 ._field_hpej7_29 {
+  border: 1px solid rgba(0, 0, 0, 0.5);
+}
+._field_hpej7_29::placeholder {
+  opacity: 0.5;
+  color: #000;
+}
+._sign_hpej7_62,
+._signedBy_hpej7_63 {
+  font-family: "JetBrains Mono", monospace;
+  font-optical-sizing: auto;
+  font-style: normal;
+  text-transform: uppercase;
+  font-size: 14px;
+  letter-spacing: 0.02em;
+}
+._active_hpej7_23 ._signedBy_hpej7_63 {
+  opacity: 1;
+}
+._sign_hpej7_62 {
+  position: absolute;
+  right: 4px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  height: 44px;
+  border-radius: 12px;
+  padding: 0 14px 2px 12px;
+  background: #000;
+  color: #fff;
+  border: none;
+  opacity: 0.2;
+  transition: 0.2s;
+  cursor: pointer;
+}
+._sign_hpej7_62:hover {
+  opacity: 0.8;
+}
+._sign_hpej7_62:focus-visible {
+  outline: 2px solid rgba(255, 255, 255, 0.5);
+  outline-offset: 2px;
+}
+._active_hpej7_23 ._sign_hpej7_62 {
+  opacity: 1;
+}
+._signature_hpej7_106 {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
+}
+._letterBank_hpej7_110 {
+  display: none;
+}
+._signedBy_hpej7_63 {
+  color: rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  padding-bottom: 2px;
+  transition: 0.2s ease;
+}
+._signatureMain_hpej7_121 {
+  display: flex;
+  min-height: 51px;
+  flex-flow: wrap;
+  justify-content: start;
+}
+._signatureMain_hpej7_121 svg path {
+  stroke-linejoin: round;
+  stroke-linecap: round;
+  stroke-width: 1;
+  stroke: #000;
+  transition: 0.2s stroke-dashoffset;
+}
+._up_hpej7_135,
+._lo_hpej7_136,
+._digit_hpej7_137 {
+  max-height: 51px;
+}
+._up_hpej7_135.a {
+  margin: 0 -10px 0 -7px;
+}
+._up_hpej7_135.b {
+  margin: 0 -5px 0 -13px;
+}
+._up_hpej7_135.c {
+  margin: 0 -5px 0 -6px;
+}
+._up_hpej7_135.d {
+  margin: 0 -6px 0 -6px;
+}
+._up_hpej7_135.e {
+  margin: 0 -10px 0 -8px;
+}
+._up_hpej7_135.f {
+  margin: 0 -13px 0 -5px;
+}
+._up_hpej7_135.g {
+  margin: 0 0px 0 -6px;
+}
+._up_hpej7_135.h {
+  margin: 0 -8px 0 -6px;
+}
+._up_hpej7_135.i {
+  margin: 0 -25px 0 -16px;
+}
+._up_hpej7_135.j {
+  margin: 0 -24px 0 -6px;
+}
+._up_hpej7_135.k {
+  margin: 0 -23px 0 -3px;
+}
+._up_hpej7_135.l {
+  margin: 0 -7px 0 -5px;
+}
+._up_hpej7_135.m {
+  margin: 0 -7px 0 -10px;
+}
+._up_hpej7_135.n {
+  margin: 0 -4px 0 -10px;
+}
+._up_hpej7_135.o {
+  margin: 0 -1px 0 -1px;
+}
+._up_hpej7_135.p {
+  margin: 0 -12px 0 -3px;
+}
+._up_hpej7_135.q {
+  margin: 0 -3px 0 -3px;
+}
+._up_hpej7_135.r {
+  margin: 0 -8px 0 -4px;
+}
+._up_hpej7_135.s {
+  margin: 0 -14px 0 -2px;
+}
+._up_hpej7_135.t {
+  margin: 0 -29px 0 -17px;
+}
+._up_hpej7_135.u {
+  margin: 0 -10px 0 -1px;
+}
+._up_hpej7_135.v {
+  margin: 0 -15px 0 -6px;
+}
+._up_hpej7_135.w {
+  margin: 0 -8px 0 -6px;
+}
+._up_hpej7_135.x {
+  margin: 0 -11px 0 -13px;
+}
+._up_hpej7_135.y {
+  margin: 0 -12px 0 2px;
+}
+._up_hpej7_135.z {
+  margin: 0 -9px 0 -8px;
+}
+._lo_hpej7_136.a {
+  margin: 0 -4px 0 0;
+}
+._lo_hpej7_136.b {
+  margin: 0 -6px 0 -1.5px;
+}
+._lo_hpej7_136.c {
+  margin: 0 -4px 0 0;
+}
+._lo_hpej7_136.d {
+  margin: 0 -11.3px 0 0;
+}
+._lo_hpej7_136.e {
+  margin: 0 -4px 0 0;
+}
+._lo_hpej7_136.f {
+  margin: 0 -6px 0 -6px;
+}
+._lo_hpej7_136.g {
+  margin: 0 -4px 0 -10px;
+}
+._lo_hpej7_136.h {
+  margin: 0 -4px 0 -1px;
+}
+._lo_hpej7_136.i {
+  margin: 0 -3.5px 0 0;
+}
+._lo_hpej7_136.j {
+  margin: 0 -5px 0 -14px;
+}
+._lo_hpej7_136.k {
+  margin: 0 -6.5px 0 0;
+}
+._lo_hpej7_136.l {
+  margin: 0 -12px 0 -4px;
+}
+._lo_hpej7_136.m,
+._lo_hpej7_136.n {
+  margin: 0 -5px 0 0;
+}
+._lo_hpej7_136.o {
+  margin: 0 -2.5px 0 0;
+}
+._lo_hpej7_136.p {
+  margin: 0 -2.5px 0 -10px;
+}
+._lo_hpej7_136.q {
+  margin: 0 -2px 0 -6px;
+}
+._lo_hpej7_136.r {
+  margin: 0 -3px 0 -1px;
+}
+._lo_hpej7_136.s {
+  margin: 0 -4px 0 -4px;
+}
+._lo_hpej7_136.t {
+  margin: 0 -12.5px 0 -3.5px;
+}
+._lo_hpej7_136.u,
+._lo_hpej7_136.v {
+  margin: 0 -4.5px 0 0;
+}
+._lo_hpej7_136.w,
+._lo_hpej7_136.x {
+  margin: 0 -4px 0 0;
+}
+._lo_hpej7_136.y {
+  margin: 0 -4px 0 -9px;
+}
+._lo_hpej7_136.z {
+  margin: 0 -4px 0 -10px;
+}
+._up_hpej7_135.a path {
+  stroke-dasharray: 190;
+  stroke-dashoffset: 190;
+}
+._up_hpej7_135.b path {
+  stroke-dasharray: 230;
+  stroke-dashoffset: 230;
+}
+._up_hpej7_135.c path {
+  stroke-dasharray: 101;
+  stroke-dashoffset: 101;
+}
+._up_hpej7_135.d path {
+  stroke-dasharray: 194;
+  stroke-dashoffset: 194;
+}
+._up_hpej7_135.e path {
+  stroke-dasharray: 132;
+  stroke-dashoffset: 132;
+}
+._up_hpej7_135.f path {
+  stroke-dasharray: 191;
+  stroke-dashoffset: 191;
+}
+._up_hpej7_135.g path {
+  stroke-dasharray: 145;
+  stroke-dashoffset: 145;
+}
+._up_hpej7_135.h path {
+  stroke-dasharray: 235;
+  stroke-dashoffset: 235;
+}
+._up_hpej7_135.i path {
+  stroke-dasharray: 128;
+  stroke-dashoffset: 128;
+}
+._up_hpej7_135.j path {
+  stroke-dasharray: 174;
+  stroke-dashoffset: 174;
+}
+._up_hpej7_135.k path {
+  stroke-dasharray: 244;
+  stroke-dashoffset: 244;
+}
+._up_hpej7_135.l path {
+  stroke-dasharray: 83;
+  stroke-dashoffset: 83;
+}
+._up_hpej7_135.m path {
+  stroke-dasharray: 176;
+  stroke-dashoffset: 176;
+}
+._up_hpej7_135.n path {
+  stroke-dasharray: 111;
+  stroke-dashoffset: 111;
+}
+._up_hpej7_135.o path {
+  stroke-dasharray: 167;
+  stroke-dashoffset: 167;
+}
+._up_hpej7_135.p path {
+  stroke-dasharray: 203;
+  stroke-dashoffset: 203;
+}
+._up_hpej7_135.q path {
+  stroke-dasharray: 212;
+  stroke-dashoffset: 212;
+}
+._up_hpej7_135.r path {
+  stroke-dasharray: 235;
+  stroke-dashoffset: 235;
+}
+._up_hpej7_135.s path {
+  stroke-dasharray: 100;
+  stroke-dashoffset: 100;
+}
+._up_hpej7_135.t path {
+  stroke-dasharray: 133;
+  stroke-dashoffset: 133;
+}
+._up_hpej7_135.u path {
+  stroke-dasharray: 136;
+  stroke-dashoffset: 136;
+}
+._up_hpej7_135.v path {
+  stroke-dasharray: 100;
+  stroke-dashoffset: 100;
+}
+._up_hpej7_135.w path {
+  stroke-dasharray: 163;
+  stroke-dashoffset: 163;
+}
+._up_hpej7_135.x path {
+  stroke-dasharray: 153;
+  stroke-dashoffset: 153;
+}
+._up_hpej7_135.y path {
+  stroke-dasharray: 162;
+  stroke-dashoffset: 162;
+}
+._up_hpej7_135.z path {
+  stroke-dasharray: 149;
+  stroke-dashoffset: 149;
+}
+._lo_hpej7_136.a path {
+  stroke-dasharray: 36;
+  stroke-dashoffset: 36;
+}
+._lo_hpej7_136.b path {
+  stroke-dasharray: 64;
+  stroke-dashoffset: 64;
+}
+._lo_hpej7_136.c path {
+  stroke-dasharray: 17;
+  stroke-dashoffset: 17;
+}
+._lo_hpej7_136.d path {
+  stroke-dasharray: 73;
+  stroke-dashoffset: 73;
+}
+._lo_hpej7_136.e path {
+  stroke-dasharray: 22;
+  stroke-dashoffset: 22;
+}
+._lo_hpej7_136.f path {
+  stroke-dasharray: 59;
+  stroke-dashoffset: 59;
+}
+._lo_hpej7_136.g path {
+  stroke-dasharray: 75;
+  stroke-dashoffset: 75;
+}
+._lo_hpej7_136.h path {
+  stroke-dasharray: 48;
+  stroke-dashoffset: 48;
+}
+._lo_hpej7_136.i path {
+  stroke-dasharray: 16;
+  stroke-dashoffset: 16;
+}
+._lo_hpej7_136.j path {
+  stroke-dasharray: 59;
+  stroke-dashoffset: 59;
+}
+._lo_hpej7_136.k path {
+  stroke-dasharray: 54;
+  stroke-dashoffset: 54;
+}
+._lo_hpej7_136.l path {
+  stroke-dasharray: 33;
+  stroke-dashoffset: 33;
+}
+._lo_hpej7_136.m path {
+  stroke-dasharray: 43;
+  stroke-dashoffset: 43;
+}
+._lo_hpej7_136.n path {
+  stroke-dasharray: 27;
+  stroke-dashoffset: 27;
+}
+._lo_hpej7_136.o path {
+  stroke-dasharray: 17;
+  stroke-dashoffset: 17;
+}
+._lo_hpej7_136.p path {
+  stroke-dasharray: 67;
+  stroke-dashoffset: 67;
+}
+._lo_hpej7_136.q path {
+  stroke-dasharray: 63;
+  stroke-dashoffset: 63;
+}
+._lo_hpej7_136.r path {
+  stroke-dasharray: 24;
+  stroke-dashoffset: 24;
+}
+._lo_hpej7_136.s path {
+  stroke-dasharray: 32;
+  stroke-dashoffset: 32;
+}
+._lo_hpej7_136.t path {
+  stroke-dasharray: 91;
+  stroke-dashoffset: 91;
+}
+._lo_hpej7_136.u path {
+  stroke-dasharray: 28;
+  stroke-dashoffset: 28;
+}
+._lo_hpej7_136.v path {
+  stroke-dasharray: 17;
+  stroke-dashoffset: 17;
+}
+._lo_hpej7_136.w path {
+  stroke-dasharray: 21;
+  stroke-dashoffset: 21;
+}
+._lo_hpej7_136.x path {
+  stroke-dasharray: 24;
+  stroke-dashoffset: 24;
+}
+._lo_hpej7_136.y path {
+  stroke-dasharray: 70;
+  stroke-dashoffset: 70;
+}
+._lo_hpej7_136.z path {
+  stroke-dasharray: 67;
+  stroke-dashoffset: 67;
+}
+._digit_hpej7_137.0,
+._digit_hpej7_137.1,
+._digit_hpej7_137.2,
+._digit_hpej7_137.3,
+._digit_hpej7_137.4,
+._digit_hpej7_137.5,
+._digit_hpej7_137.6,
+._digit_hpej7_137.7,
+._digit_hpej7_137.8,
+._digit_hpej7_137.9 {
+  margin: 0 -4px 0 0;
+}
+._digit_hpej7_137.0 path {
+  stroke-dasharray: 120;
+  stroke-dashoffset: 120;
+}
+._digit_hpej7_137.1 path {
+  stroke-dasharray: 85;
+  stroke-dashoffset: 85;
+}
+._digit_hpej7_137.2 path {
+  stroke-dasharray: 110;
+  stroke-dashoffset: 110;
+}
+._digit_hpej7_137.3 path {
+  stroke-dasharray: 130;
+  stroke-dashoffset: 130;
+}
+._digit_hpej7_137.4 path {
+  stroke-dasharray: 95;
+  stroke-dashoffset: 95;
+}
+._digit_hpej7_137.5 path {
+  stroke-dasharray: 125;
+  stroke-dashoffset: 125;
+}
+._digit_hpej7_137.6 path {
+  stroke-dasharray: 140;
+  stroke-dashoffset: 140;
+}
+._digit_hpej7_137.7 path {
+  stroke-dasharray: 75;
+  stroke-dashoffset: 75;
+}
+._digit_hpej7_137.8 path {
+  stroke-dasharray: 150;
+  stroke-dashoffset: 150;
+}
+._digit_hpej7_137.9 path {
+  stroke-dasharray: 145;
+  stroke-dashoffset: 145;
 }._root_1rgqf_1 {
   box-shadow: none;
   outline: none;
@@ -25342,6 +26405,64 @@ animating the original */
 
 ._info_kbygh_39 {
   margin-top: 14px;
+}
+._root_my3rv_2 {
+  display: grid;
+  place-items: center;
+  height: 100vh;
+  overflow: hidden;
+  background-image: linear-gradient(#121212, #323232);
+}
+._container_my3rv_10 {
+  z-index: 99;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+._textContainer_my3rv_20 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  z-index: 1;
+  text-align: center;
+}
+._text_my3rv_20 {
+  font-size: 196px;
+  font-family: "Poppins", sans-serif;
+  font-weight: 800;
+  color: rgba(255, 255, 255, 0.2);
+  -webkit-text-stroke: 3px rgb(200, 200, 200);
+  filter: drop-shadow(8px 8px 2px rgb(0, 0, 0));
+  position: relative;
+  margin: 0;
+  text-align: center;
+}
+._description_my3rv_42 {
+  font-size: 16px;
+  font-family: "Poppins", sans-serif;
+  -webkit-text-stroke: 0;
+  color: #fff;
+  font-weight: 400;
+  margin: 0;
+  margin-top: 1rem;
+  text-align: center;
+}
+._ant_my3rv_53 {
+  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
+  fill: rgb(200, 50, 50);
+}
+@media (max-width: 900px) {
+  ._text_my3rv_20 {
+    font-size: 98px;
+  }
+  ._description_my3rv_42 {
+    font-size: 8px;
+  }
 }._root_2p2sz_1 {
   position: relative;
   width: 230px;
@@ -25545,6 +26666,193 @@ animating the original */
 }
 [data-aperture=open] ._apertureBottomRight_1t38n_68 {
   clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
+}:root {
+  --lg-bg-color: rgba(255, 255, 255, 0.25);
+  --lg-highlight: rgba(255, 255, 255, 0.75);
+  --lg-text: #ffffff;
+  --lg-hover-glow: rgba(255, 255, 255, 0.4);
+  --lg-red: #fb4268;
+  --lg-grey: #5b5b5b;
+}
+
+._container_l6hps_10 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+._containerInline_l6hps_16 {
+  flex-direction: row;
+}
+
+._glassContainer_l6hps_20 {
+  position: relative;
+  display: flex;
+  font-weight: 600;
+  color: var(--lg-text);
+  cursor: pointer;
+  background: transparent;
+  border-radius: 2rem;
+  overflow: hidden;
+  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
+  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
+  contain: layout style paint;
+}
+._glassContainerLarge_l6hps_33 {
+  min-width: 32rem;
+}
+
+._glassFilter_l6hps_37 {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  backdrop-filter: blur(0px);
+  filter: url(#lg-dist);
+  isolation: isolate;
+  border-radius: inherit;
+  overflow: hidden;
+  clip-path: inset(0 round 2rem);
+}
+
+._glassOverlay_l6hps_49 {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  background: var(--lg-bg-color);
+  border-radius: inherit;
+  overflow: hidden;
+}
+
+._glassSpecular_l6hps_58 {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  border-radius: inherit;
+  overflow: hidden;
+  box-shadow: inset 1px 1px 0 var(--lg-highlight), inset 0 0 5px var(--lg-highlight);
+}
+
+._glassContent_l6hps_67 {
+  position: relative;
+  z-index: 3;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  padding: 1rem 1.5rem 0.9rem;
+  border-radius: inherit;
+  overflow: hidden;
+  width: 100%;
+}
+._glassContentInline_l6hps_78 {
+  padding: 0.25rem 2rem 0.25rem 0.75rem;
+  flex: 1 1 auto;
+  justify-content: space-between;
+}
+
+._glassContentLink_l6hps_84 {
+  display: inline-block;
+  position: relative;
+  padding: 1px;
+  border-radius: 1.2rem;
+}
+
+._glassContentImg_l6hps_91 {
+  display: block;
+  width: 75px;
+  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
+}
+._glassContentImg_l6hps_91:hover {
+  transform: scale(0.95);
+}
+
+._player_l6hps_100 {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  flex: 1 1 auto;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+._playerThumb_l6hps_109 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 0.5rem;
+  flex-shrink: 0;
+}
+
+._playerImg_l6hps_117 {
+  width: 5rem;
+  height: auto;
+  margin: 0.25rem 0;
+  border-radius: 0.5rem;
+}
+
+._playerLegend_l6hps_124 {
+  display: flex;
+  flex-direction: column;
+  margin: 0 1rem;
+  color: black;
+}
+
+._playerLegendTitle_l6hps_131 {
+  font-size: 1rem;
+  margin: 0;
+  color: #fff;
+  text-shadow: 0 0 3px #444;
+}
+
+._playerLegendSubTitle_l6hps_138 {
+  font-size: 1rem;
+  margin: 0;
+  opacity: 0.45;
+  color: #ccc;
+  text-shadow: 0 0 3px #444;
+}
+
+._playerControls_l6hps_146 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  fill: #fff;
+  flex-shrink: 0;
+}
+
+._playerControlsPlay_l6hps_155 {
+  display: flex;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+  color: inherit;
+}
+._playerControlsPlay_l6hps_155:hover {
+  opacity: 0.8;
+}
+._playerControlsPlay_l6hps_155:focus-visible {
+  outline: 2px solid var(--lg-highlight);
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+
+._playerControlsFf_l6hps_172 {
+  display: flex;
+  gap: 0;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+  color: inherit;
+}
+._playerControlsFf_l6hps_172:hover {
+  opacity: 0.8;
+}
+._playerControlsFf_l6hps_172:focus-visible {
+  outline: 2px solid var(--lg-highlight);
+  outline-offset: 2px;
+  border-radius: 4px;
 }._root_1gehi_1 {
   --bg: #e3e4e8;
   --bgT: #e3e4e800;
@@ -25919,6 +27227,163 @@ animating the original */
   ._segment_mt10r_36::before {
     color: #5583f6;
   }
+}._form_ut3jq_1 {
+  --hue: 223;
+  --bg: hsl(var(--hue), 90%, 90%);
+  --fg: hsl(var(--hue), 90%, 10%);
+  --primary: hsl(var(--hue), 90%, 50%);
+  --trans-dur: 0.3s;
+  --trans-timing: cubic-bezier(0.65, 0, 0.35, 1);
+  --label-height: 4.5em;
+  color: var(--fg);
+  margin: auto;
+  max-width: 20em;
+  position: relative;
+  width: calc(100% - 3em);
+}
+
+._label_ut3jq_16,
+._input_ut3jq_17 {
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+}
+
+._label_ut3jq_16 {
+  background-color: hsla(0, 0%, 100%, 0);
+  border-radius: 0.75em;
+  display: flex;
+  align-items: center;
+  padding: 1.5em;
+  transition: background-color var(--trans-dur);
+  height: var(--label-height);
+  box-sizing: border-box;
+}
+
+._input_ut3jq_17 {
+  background-color: hsl(0, 0%, 100%);
+  border-radius: 50%;
+  box-shadow: 0 0 0 0.0625em hsl(var(--hue), 90%, 80%), 0 0.125em 0.125em 0.0625em hsla(var(--hue), 90%, 10%, 0.3);
+  flex-shrink: 0;
+  margin-right: 1em;
+  outline: transparent;
+  position: relative;
+  width: 1.5em;
+  height: 1.5em;
+  transition: background-color var(--trans-dur), box-shadow var(--trans-dur);
+  -webkit-appearance: none;
+  appearance: none;
+  border: 0;
+  box-sizing: border-box;
+  padding: 0;
+}
+
+._input_ut3jq_17:before,
+._input_ut3jq_17:after {
+  border-radius: 50%;
+  content: "";
+  display: block;
+  position: absolute;
+  transform: scale(0);
+  transition: transform var(--trans-dur) var(--trans-timing);
+}
+
+._input_ut3jq_17:before {
+  box-shadow: 0 0 0 0.5em var(--primary) inset, 0 0 0 0.0625em var(--primary);
+  top: -0.0625em;
+  left: -0.0625em;
+  width: calc(100% + 0.125em);
+  height: calc(100% + 0.125em);
+}
+
+._input_ut3jq_17:after {
+  background-color: hsl(0, 0%, 100%);
+  top: 25%;
+  left: 25%;
+  width: 50%;
+  height: 50%;
+}
+
+._input_ut3jq_17:checked:before,
+._input_ut3jq_17:checked:after {
+  transform: scale(1);
+}
+
+._label_ut3jq_16:has(._input_ut3jq_17:checked),
+._label_ut3jq_16:has(._input_ut3jq_17:not(:checked)):hover {
+  background-color: hsla(0, 0%, 100%, 0.5);
+}
+
+._selection_ut3jq_87 {
+  background-color: hsla(0, 0%, 100%, 0.5);
+  border-radius: 0.75em;
+  box-shadow: 0 0 0 0.125em var(--primary) inset;
+  display: none;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: var(--label-height);
+  transition: transform var(--trans-dur) var(--trans-timing);
+}
+
+._label_ut3jq_16:has(._input_ut3jq_17:checked) ~ ._selection_ut3jq_87 {
+  animation: _fade-in_ut3jq_1 var(--trans-dur) var(--trans-timing);
+  display: inherit;
+}
+
+._label_ut3jq_16:nth-of-type(2):has(._input_ut3jq_17:checked) ~ ._selection_ut3jq_87 {
+  transform: translateY(100%);
+}
+
+._label_ut3jq_16:nth-of-type(3):has(._input_ut3jq_17:checked) ~ ._selection_ut3jq_87 {
+  transform: translateY(200%);
+}
+
+._label_ut3jq_16:nth-of-type(4):has(._input_ut3jq_17:checked) ~ ._selection_ut3jq_87 {
+  transform: translateY(300%);
+}
+
+._label_ut3jq_16:nth-of-type(5):has(._input_ut3jq_17:checked) ~ ._selection_ut3jq_87 {
+  transform: translateY(400%);
+}
+
+._truncate_ut3jq_122 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--fg);
+}
+
+/* Dark theme */
+@media (prefers-color-scheme: dark) {
+  ._form_ut3jq_1 {
+    --bg: hsl(var(--hue), 90%, 10%);
+    --fg: hsl(var(--hue), 90%, 90%);
+  }
+  ._label_ut3jq_16 {
+    background-color: hsla(var(--hue), 90%, 30%, 0);
+  }
+  ._label_ut3jq_16:has(._input_ut3jq_17:checked),
+  ._label_ut3jq_16:has(._input_ut3jq_17:not(:checked)):hover {
+    background-color: hsla(var(--hue), 90%, 30%, 0.5);
+  }
+  ._selection_ut3jq_87 {
+    background-color: hsla(var(--hue), 90%, 30%, 0.5);
+  }
+  ._input_ut3jq_17 {
+    background-color: hsl(var(--hue), 90%, 30%);
+    box-shadow: 0 0 0 0.0625em hsl(var(--hue), 90%, 50%), 0 0.125em 0.125em 0.0625em hsla(var(--hue), 90%, 10%, 0.3);
+  }
+}
+/* Animations */
+@keyframes _fade-in_ut3jq_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }._root_qdfhg_1 {
   margin: 0;
   padding: 0;
@@ -29494,7 +30959,7 @@ body[data-theme-mode=dark] ._root_groun_9 {
   color: #fff;
   cursor: default;
   text-transform: uppercase;
-}._root_1dgob_1 {
+}._root_1wetf_1 {
   font-size: 8vmin;
   font-family: Rubik, sans-serif;
   width: 75vmin;
@@ -29502,23 +30967,23 @@ body[data-theme-mode=dark] ._root_groun_9 {
   color: #fff;
 }
 
-._line_1dgob_9 {
+._line_1wetf_9 {
   display: flex;
   justify-content: space-between;
 }
 
-._word_1dgob_14 {
+._word_1wetf_14 {
   transition: opacity 0.2s ease-in-out;
   cursor: default;
 }
-._word_1dgob_14._link_1dgob_18 {
+._word_1wetf_14._link_1wetf_18 {
   cursor: pointer;
   color: inherit;
 }
-._word_1dgob_14._link_1dgob_18 ._letter_1dgob_22 {
+._word_1wetf_14._link_1wetf_18 ._letter_1wetf_22 {
   position: relative;
 }
-._word_1dgob_14._link_1dgob_18 ._letter_1dgob_22::before {
+._word_1wetf_14._link_1wetf_18 ._letter_1wetf_22::before {
   content: "";
   width: 100%;
   height: 3px;
@@ -29527,150 +30992,150 @@ body[data-theme-mode=dark] ._root_groun_9 {
   bottom: 0;
   background-color: red;
 }
-._root_1dgob_1:hover ._word_1dgob_14 {
+._root_1wetf_1:hover ._word_1wetf_14 {
   opacity: 0.25;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover {
+._root_1wetf_1:hover ._word_1wetf_14:hover {
   opacity: 1;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(1) {
-  --x: -2;
-  --y: 17;
-  --r: -13;
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(1) {
+  --x: 12;
+  --y: 7;
+  --r: 15;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(1):hover {
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(1):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 2;
-  --y: 1;
-  --r: -4;
+  --x: -6;
+  --y: -7;
+  --r: 10;
   --s: 1.25;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(2) {
-  --x: 24;
-  --y: 10;
-  --r: 13;
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(2) {
+  --x: 21;
+  --y: -19;
+  --r: 8;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(2):hover {
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(2):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 5;
-  --y: 0;
-  --r: -9;
+  --x: 7;
+  --y: 4;
+  --r: 10;
   --s: 1.25;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(3) {
-  --x: -5;
-  --y: 8;
-  --r: -13;
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(3) {
+  --x: -11;
+  --y: -7;
+  --r: -15;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(3):hover {
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(3):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -2;
-  --y: 0;
-  --r: -9;
+  --x: 0;
+  --y: 7;
+  --r: 3;
   --s: 1.25;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(4) {
-  --x: 17;
-  --y: -3;
-  --r: -2;
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(4) {
+  --x: -5;
+  --y: -10;
+  --r: -13;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(4):hover {
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(4):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -5;
-  --y: -5;
-  --r: -3;
+  --x: -6;
+  --y: 8;
+  --r: 2;
   --s: 1.25;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(5) {
-  --x: 8;
-  --y: 23;
-  --r: -17;
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(5) {
+  --x: -1;
+  --y: -11;
+  --r: 3;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(5):hover {
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(5):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -7;
-  --y: -5;
-  --r: 10;
+  --x: 7;
+  --y: 5;
+  --r: -3;
   --s: 1.25;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(6) {
-  --x: -14;
-  --y: -18;
-  --r: 15;
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(6) {
+  --x: 9;
+  --y: -14;
+  --r: 17;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(6):hover {
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(6):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -8;
-  --y: 1;
-  --r: 10;
+  --x: -7;
+  --y: -1;
+  --r: -2;
   --s: 1.25;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(7) {
-  --x: 6;
-  --y: -14;
-  --r: -10;
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(7) {
+  --x: -7;
+  --y: -5;
+  --r: -12;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(7):hover {
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(7):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: -1;
-  --y: -2;
-  --r: -2;
+  --x: 4;
+  --y: -1;
+  --r: -1;
   --s: 1.25;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(8) {
-  --x: -18;
-  --y: -19;
-  --r: -12;
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(8) {
+  --x: -1;
+  --y: 4;
+  --r: -13;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(8):hover {
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(8):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 7;
-  --y: 5;
-  --r: -8;
+  --x: 5;
+  --y: 0;
+  --r: 8;
   --s: 1.25;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(9) {
-  --x: -20;
-  --y: 20;
-  --r: -12;
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(9) {
+  --x: -14;
+  --y: -20;
+  --r: 20;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(9):hover {
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(9):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 0;
-  --y: 8;
-  --r: -3;
+  --x: -2;
+  --y: -6;
+  --r: -5;
   --s: 1.25;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(10) {
-  --x: 15;
-  --y: -8;
-  --r: -14;
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(10) {
+  --x: -5;
+  --y: 0;
+  --r: 10;
 }
-._root_1dgob_1:hover ._word_1dgob_14:hover ._letter_1dgob_22:nth-child(10):hover {
+._root_1wetf_1:hover ._word_1wetf_14:hover ._letter_1wetf_22:nth-child(10):hover {
   z-index: 2;
   text-shadow: 2px 2px 10px rgb(0, 0, 0);
-  --x: 7;
-  --y: -9;
-  --r: -7;
+  --x: 6;
+  --y: 2;
+  --r: 8;
   --s: 1.25;
 }
 
-._letter_1dgob_22 {
+._letter_1wetf_22 {
   display: inline-block;
   transition: transform 0.2s ease-in-out;
   transform: translate(calc(var(--x, 0) * 1%), calc(var(--y, 0) * 1%)) rotate(calc(var(--r, 0) * 1deg)) scale(var(--s, 1));
 }
 
-@keyframes _wobble_1dgob_1 {
+@keyframes _wobble_1wetf_1 {
   0%, 100% {
     transform: translateY(0) rotate(0);
   }
@@ -29782,6 +31247,52 @@ body[data-theme-mode=dark] ._root_groun_9 {
   100% {
     background-position: 180px;
   }
+}@layer properties {
+  @property --angle {
+    syntax: "<angle>";
+    initial-value: 0deg;
+    inherits: false;
+  }
+}
+._container_1y7nh_8 {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  min-height: 200px;
+}
+
+._spiral_1y7nh_18 {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  position: absolute;
+  color: #e0ecef;
+  font-family: sans-serif;
+}
+
+@keyframes _spiral_1y7nh_18 {
+  0% {
+    --angle: 0deg;
+  }
+  100% {
+    --angle: 360deg;
+  }
+}
+._character_1y7nh_35 {
+  font-size: 2.8rem;
+  color: white;
+  text-transform: uppercase;
+  transform: translateY(calc(sin(var(--angle)) * 100px)) scale(calc(cos(var(--angle)) * 0.5 + 0.5));
+  animation: _spiral_1y7nh_18 4s linear infinite;
+}
+
+@media (max-width: 490px) {
+  ._character_1y7nh_35 {
+    font-size: 2.2rem;
+  }
 }._root_wb10x_1 {
   position: relative;
   font-size: 120px;
@@ -35380,6 +36891,98 @@ https://flickity.metafizzy.co
 }
 ._thanos_6vzyd_46:active {
   background: #ccc;
+}._container_pm0sd_1 {
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+._imageContainer_pm0sd_8 {
+  position: relative;
+  width: 500px;
+  max-width: 90vw;
+  height: 500px;
+  margin-bottom: 20px;
+  background: #000;
+  overflow: visible;
+  border-radius: 24px;
+}
+
+._displayedImage_pm0sd_19 {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  filter: url(#dissolve-filter);
+  -webkit-filter: url(#dissolve-filter);
+  transform: scale(1);
+  opacity: 1;
+  border-radius: 24px;
+  will-change: transform, opacity;
+}
+
+._deleteButton_pm0sd_31 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  padding: 12px 24px;
+  font-size: 16px;
+  cursor: pointer;
+  background: #650000;
+  color: #ff5c5c;
+  border: none;
+  border-radius: 25px;
+  transition: transform 0.2s ease;
+  z-index: 1;
+}
+._deleteButton_pm0sd_31:hover {
+  transform: translate(-50%, -50%) scale(1.2);
+}
+._deleteButton_pm0sd_31:active {
+  transform: translate(-50%, -50%) scale(0.9);
+}
+._deleteButton_pm0sd_31:focus-visible {
+  outline: 2px solid #ff5c5c;
+  outline-offset: 2px;
+}
+
+._safariWarning_pm0sd_57 {
+  padding: 20px;
+  background: #af8900;
+  color: #000;
+  border: 2px solid #ff9900;
+  border-radius: 8px;
+  max-width: 500px;
+  text-align: center;
+}
+._safariWarning_pm0sd_57 p {
+  margin: 0;
+  font-size: 16px;
+}._container_wcb8v_1 {
+  display: inline-block;
+}
+
+._elementWrapper_wcb8v_5 {
+  filter: url(#dissolve-element-filter);
+  -webkit-filter: url(#dissolve-element-filter);
+  transform: scale(1);
+  opacity: 1;
+  will-change: transform, opacity;
+}
+
+._safariWarning_wcb8v_13 {
+  padding: 20px;
+  background: #af8900;
+  color: #000;
+  border: 2px solid #ff9900;
+  border-radius: 8px;
+  max-width: 500px;
+  text-align: center;
+}
+._safariWarning_wcb8v_13 p {
+  margin: 0;
+  font-size: 16px;
 }@supports (view-transition-name: none) {
   ._root_1c2iw_2 ::view-transition-group(cart-dot) {
     animation-duration: 0.6s;