@umami/shiso 0.46.0 → 0.47.0

package/styles.css

@@ -1,4 +1,4 @@
-:root {
+:root, .light-theme {
   /* Fonts */
 
   --font-size-1: 12px;
@@ -68,25 +68,6 @@
 
   /* Colors */
 
-  --base-color-50: #fafafa;
-  --base-color-100: #f5f5f5;
-  --base-color-200: #e5e5e5;
-  --base-color-300: #d4d4d4;
-  --base-color-400: #a3a3a3;
-  --base-color-500: #737373;
-  --base-color-600: #525252;
-  --base-color-700: #404040;
-  --base-color-800: #262626;
-  --base-color-900: #171717;
-  --base-color-950: #0a0a0a;
-
-  --base-color-gray: #8d8d8d;
-  --base-color-mauve: #8e8c99;
-  --base-color-slate: #8b8d98;
-  --base-color-sage: #868e8b;
-  --base-color-olive: #898e87;
-  --base-color-sand: #8d8d86;
-
   --accent-color-gray: #8d8d8d;
   --accent-color-gold: #978365;
   --accent-color-bronze: #a18072;
@@ -114,25 +95,10 @@
   --accent-color-mint: #86ead4;
   --accent-color-sky: #7ce2fe;
 
-  --success-color: var(--accent-color-green);
-  --success-font-color: var(--base-color-50);
-
-  --danger-color: var(--accent-color-red);
-  --danger-font-color: var(--base-color-50);
-
-  --warning-color: var(--accent-color-orange);
-  --warning-font-color: var(--base-color-50);
-
-  --active-color: var(--accent-color-blue);
-  --active-font-color: var(--base-color-50);
-
-  --inactive-color: var(--accent-color-gray);
-  --inactive-font-color: var(--base-color-900);
-
   /* Global settings */
 
-  --font-family: Inter, sans-serif;
-  --font-family-code: 'JetBrains Mono', monospace;
+  --font-family: Inter;
+  --font-family-code: 'JetBrains Mono';
   --font-size: var(--font-size-2);
 
   --border-radius: var(--border-radius-2);
@@ -146,56 +112,132 @@
 
   --box-shadow: var(--box-shadow-1);
 
-  --light-color: var(--base-color-50);
-  --dark-color: var(--base-color-950);
+  --light-color: #fff;
+  --dark-color: #000;
 
   /* Theme settings */
 
+  --base-color-1: #fcfcfc;
+  --base-color-2: #f9f9f9;
+  --base-color-3: #f0f0f0;
+  --base-color-4: #e8e8e8;
+  --base-color-5: #e0e0e0;
+  --base-color-6: #d9d9d9;
+  --base-color-7: #cecece;
+  --base-color-8: #bbbbbb;
+  --base-color-9: #8d8d8d;
+  --base-color-10: #838383;
+  --base-color-11: #646464;
+  --base-color-12: #202020;
+
   --background-color: #fff;
 
-  --font-color: var(--base-color-950);
-  --font-color-muted: var(--base-color-600);
-  --font-color-disabled: var(--base-color-400);
+  --background-color-1: var(--base-color-1);
+  --background-color-2: var(--base-color-2);
 
-  --border-color: var(--base-color-300);
+  --border-color: var(--base-color-6);
   --border: var(--border-width) solid var(--border-color);
 
-  --outline-color: var(--base-color-400);
+  --border-color-1: var(--base-color-6);
+  --border-color-2: var(--base-color-7);
+  --border-color-3: var(--base-color-8);
+
+  --solid-color-1: var(--base-color-9);
+  --solid-color-2: var(--base-color-10);
+
+  --font-color: var(--base-color-12);
+  --font-color-muted: var(--base-color-10);
+  --font-color-disabled: var(--base-color-8);
+
+  --heading-color: var(--base-color-12);
+
+  --outline-color: var(--base-color-10);
   --outline: var(--border-width) solid var(--outline-color);
 
-  --primary-color: var(--base-color-900);
-  --primary-font-color: var(--base-color-50);
+  --primary-color: var(--base-color-12);
+  --primary-font-color: var(--base-color-1);
 
-  --input-color: var(--base-color-100);
+  --input-color: var(--base-color-3);
   --input-font-color: var(--font-color);
-  --input-disabled-color: var(--base-color-100);
 
-  --highlight-color: var(--base-color-50);
+  --highlight-color: var(--base-color-2);
   --highlight-font-color: var(--font-color);
 
-  [data-theme='dark'] {
-    --background-color: #0f0f0f;
+  --success-color: var(--accent-color-green);
+  --success-font-color: var(--base-color-1);
+
+  --danger-color: var(--accent-color-red);
+  --danger-font-color: var(--base-color-1);
+
+  --warning-color: var(--accent-color-orange);
+  --warning-font-color: var(--base-color-1);
+
+  --active-color: var(--accent-color-blue);
+  --active-font-color: var(--base-color-1);
+
+  --inactive-color: var(--accent-color-gray);
+  --inactive-font-color: var(--font-color);
+}
 
-    --font-color: var(--base-color-200);
-    --font-color-muted: var(--base-color-400);
-    --font-color-disabled: var(--base-color-500);
+html[data-theme='dark'], .dark-theme {
+  --base-color-1: #111111;
+  --base-color-2: #191919;
+  --base-color-3: #222222;
+  --base-color-4: #2a2a2a;
+  --base-color-5: #313131;
+  --base-color-6: #3a3a3a;
+  --base-color-7: #484848;
+  --base-color-8: #606060;
+  --base-color-9: #6e6e6e;
+  --base-color-10: #7b7b7b;
+  --base-color-11: #b4b4b4;
+  --base-color-12: #eeeeee;
+  
+  --background-color: #0f0f0f;
+  --background-color-1: var(--base-color-1);
+  --background-color-2: var(--base-color-2);
 
-    --border-color: var(--base-color-700);
-    --border: var(--border-width) solid var(--border-color);
+  --border-color-1: var(--base-color-6);
+  --border-color-2: var(--base-color-7);
+  --border-color-3: var(--base-color-8);
+  --border-color: var(--base-color-6);
+  --border: var(--border-width) solid var(--border-color);
 
-    --outline-color: var(--base-color-600);
-    --outline: var(--border-width) solid var(--outline-color);
+  --solid-color-1: var(--base-color-9);
+  --solid-color-2: var(--base-color-10);
 
-    --primary-color: var(--base-color-50);
-    --primary-font-color: var(--base-color-900);
+  --font-color: var(--base-color-12);
+  --font-color-muted: var(--base-color-10);
+  --font-color-disabled: var(--base-color-8);
 
-    --input-color: var(--base-color-700);
-    --input-font-color: var(--font-color);
-    --input-disabled-color: var(--base-color-800);
+  --heading-color: var(--base-color-12);
 
-    --highlight-color: var(--base-color-800);
-    --highlight-font-color: var(--font-color);
-  }
+  --outline-color: var(--base-color-10);
+  --outline: var(--border-width) solid var(--outline-color);
+
+  --primary-color: var(--base-color-12);
+  --primary-font-color: var(--base-color-1);
+
+  --input-color: var(--base-color-3);
+  --input-font-color: var(--font-color);
+
+  --highlight-color: var(--base-color-2);
+  --highlight-font-color: var(--font-color);
+
+  --success-color: var(--accent-color-green);
+  --success-font-color: var(--base-color-1);
+
+  --danger-color: var(--accent-color-red);
+  --danger-font-color: var(--base-color-12);
+
+  --warning-color: var(--accent-color-orange);
+  --warning-font-color: var(--base-color-12);
+
+  --active-color: var(--accent-color-blue);
+  --active-font-color: var(--base-color-12);
+
+  --inactive-color: var(--accent-color-gray);
+  --inactive-font-color: var(--base-color-12);
 }
 
 *, *::before, *::after {
@@ -267,33 +309,32 @@ li {
 }
 
 /* virtual-css:css:fd9059b0b8139e56f974f8291736b4c8 */
-.Icon_icon__YmM0Y {
+.Icon_icon__YWI0Z {
   display: inline-block;
-  fill: currentColor;
 }
-.Icon_xs__ZTlmZ {
+.Icon_xs__ZjRhN {
   width: 12px;
   height: 12px;
 }
-.Icon_sm__MmNkO {
+.Icon_sm__OGRmY {
   width: 16px;
   height: 16px;
 }
-.Icon_md__NjkyM {
+.Icon_md__NTUzO {
   width: 24px;
   height: 24px;
 }
-.Icon_lg__OTE1Z {
+.Icon_lg__M2ZjZ {
   width: 32px;
   height: 32px;
 }
-.Icon_xl__ZjUxY {
+.Icon_xl__N2E1Y {
   width: 48px;
   height: 48px;
 }
 
 /* virtual-css:css:1f23037feb6ff5b206a7d955b2a6ff41 */
-.AlertBanner_banner__NDY4M {
+.AlertBanner_banner__NDQ0Z {
   display: flex;
   align-items: center;
   padding: var(--padding);
@@ -306,2220 +347,2206 @@ li {
   color: var(--font-color);
   gap: var(--spacing-3);
 }
-.AlertBanner_message__NDE2Y {
+.AlertBanner_message__MzQ3Y {
   display: flex;
   flex-direction: column;
   flex: 1;
 }
-.AlertBanner_title__NGQyM {
+.AlertBanner_title__MDI0M {
   font-weight: 700;
 }
-.AlertBanner_close__YWRmN {
+.AlertBanner_close__YzE5M {
   color: var(--font-color-muted);
 }
-.AlertBanner_close__YWRmN:hover {
+.AlertBanner_close__YzE5M:hover {
   color: var(--font-color);
   cursor: pointer;
 }
-.AlertBanner_error__MDI1O {
-  color: var(--light-color);
-  background-color: var(--danger-color);
-  border: 0;
+.AlertBanner_error__NDVmM {
+  color: var(--danger-color);
+  border: 1px solid var(--danger-color);
 }
-.AlertBanner_error__MDI1O .AlertBanner_close__YWRmN {
-  color: var(--light-color);
+.AlertBanner_error__NDVmM .AlertBanner_close__YzE5M {
+  color: var(--danger-color);
 }
-.AlertBanner_info__YTkyN {
-  color: var(--primary-font-color);
-  background-color: var(--primary-color);
-  border: 0;
+.AlertBanner_start__YTlmZ {
+  text-align: start;
 }
-.AlertBanner_info__YTkyN .AlertBanner_close__YWRmN {
-  color: var(--primary-font-color);
+.AlertBanner_end__ZmJlM {
+  text-align: end;
+}
+.AlertBanner_center__Y2ZmN {
+  text-align: center;
 }
 
-/* virtual-css:css:07621d56561ca96f5260b6f592fccf40 */
-.display__ODJkN {
+/* virtual-css:css:9518b5d94ca84663cac0248b7ef3be8b */
+.vars_display__MTc2Y {
   display: var(--display);
 }
-.display-none__NzhkO {
+.vars_display-none__NDEzY {
   display: none;
 }
-.display-inline__MmM5Y {
+.vars_display-inline__OTM3Y {
   display: inline;
 }
-.display-inline-block__MjQ4Y {
+.vars_display-inline-block__ZWM5N {
   display: inline-block;
 }
-.display-block__Y2U3O {
+.vars_display-block__ZWVjM {
   display: block;
 }
-.display-flex__N2FjN {
+.vars_display-flex__NjZhY {
   display: flex;
 }
-.display-inline-flex__MmY0M {
+.vars_display-inline-flex__M2MzY {
   display: inline-flex;
 }
-.display-grid__MDY1N {
+.vars_display-grid__OGE4Y {
   display: grid;
 }
-.display-inline-grid__NTdiN {
+.vars_display-inline-grid__YzE5O {
   display: inline-grid;
 }
-.position-absolute__N2VhN {
+.vars_position-absolute__Y2JlN {
   position: absolute;
 }
-.position-fixed__YmJkZ {
+.vars_position-fixed__NzE4O {
   position: fixed;
 }
-.position-stick__ZTBiN {
+.vars_position-stick__OGY0M {
   position: sticky;
 }
-.position-static__ZjQ4O {
+.vars_position-static__MjRiN {
   position: static;
 }
-.position-relative__NjEyM {
+.vars_position-relative__YmQ2M {
   position: relative;
 }
-.font-size__MzBlO {
+.vars_font-size__ZjRjO {
   font-size: var(--font-size);
 }
-.font-size-1__YzIwN {
+.vars_font-size-1__NTkwZ {
   font-size: var(--font-size-1);
 }
-.font-size-2__MDYxZ {
+.vars_font-size-2__ZDY1Y {
   font-size: var(--font-size-2);
 }
-.font-size-3__YTY2N {
+.vars_font-size-3__ZjA3Y {
   font-size: var(--font-size-3);
 }
-.font-size-4__NGM5N {
+.vars_font-size-4__ZGNhO {
   font-size: var(--font-size-4);
 }
-.font-size-5__MmNhN {
+.vars_font-size-5__MGRkZ {
   font-size: var(--font-size-5);
 }
-.font-size-6__YmM3N {
+.vars_font-size-6__MWEwM {
   font-size: var(--font-size-6);
 }
-.font-size-7__YTYxN {
+.vars_font-size-7__MmFjZ {
   font-size: var(--font-size-7);
 }
-.font-size-8__YmJiM {
+.vars_font-size-8__N2Y5Y {
   font-size: var(--font-size-8);
 }
-.font-size-9__NjZiM {
+.vars_font-size-9__YTkwY {
   font-size: var(--font-size-9);
 }
-.heading-size__MjY3N {
+.vars_heading-size__M2VkN {
   font-size: var(--heading-size);
 }
-.heading-size-1__MjZkM {
+.vars_heading-size-1__M2JmN {
   font-size: var(--heading-size-1);
 }
-.heading-size-2__ZGQyM {
+.vars_heading-size-2__MzU2Z {
   font-size: var(--heading-size-2);
 }
-.heading-size-3__MzEwN {
+.vars_heading-size-3__NzA4N {
   font-size: var(--heading-size-3);
 }
-.heading-size-4__Y2YwO {
+.vars_heading-size-4__YzlhM {
   font-size: var(--heading-size-4);
 }
-.heading-size-5__MjBjM {
+.vars_heading-size-5__MzlkY {
   font-size: var(--heading-size-5);
 }
-.heading-size-6__ODRmM {
+.vars_heading-size-6__NmZjN {
   font-size: var(--heading-size-6);
 }
-.font-weight-light__ZTljM {
+.vars_font-weight-light__OTI5Y {
   font-weight: var(--font-weight-light);
 }
-.font-weight-regular__ODhlZ {
+.vars_font-weight-regular__YmMxN {
   font-weight: var(--font-weight-regular);
 }
-.font-weight-medium__YzA0Y {
+.vars_font-weight-medium__OTA1M {
   font-weight: var(--font-weight-medium);
 }
-.font-weight-bold__YmI4M {
+.vars_font-weight-bold__YjdjN {
   font-weight: var(--font-weight-bold);
 }
-.border-size-1__NmNmO {
+.vars_border-size-1__ODI5Z {
   border: var(--border-size-1) solid var(--border-color);
 }
-.border-size-2__MjY3Z {
+.vars_border-size-2__N2FjY {
   border: var(--border-size-2) solid var(--border-color);
 }
-.border-size-3__MmNhM {
+.vars_border-size-3__MTE0Z {
   border: var(--border-size-3) solid var(--border-color);
 }
-.border-size-4__OGFlM {
+.vars_border-size-4__NjE0N {
   border: var(--border-size-4) solid var(--border-color);
 }
-.border-radius-1__MjIzY {
+.vars_border-radius-1__MTRkM {
   border-radius: var(--border-radius-1);
 }
-.border-radius-2__YTA0Z {
+.vars_border-radius-2__MDhjM {
   border-radius: var(--border-radius-2);
 }
-.border-radius-3__NWY2Z {
+.vars_border-radius-3__NGUwY {
   border-radius: var(--border-radius-3);
 }
-.border-radius-4__YjEwZ {
+.vars_border-radius-4__NzNiY {
   border-radius: var(--border-radius-4);
 }
-.border-radius-5__MjA2M {
+.vars_border-radius-full__YTVhZ {
   border-radius: var(--border-radius-full);
 }
-.shadow-1__MWUxM {
+.vars_shadow-1__YzUwZ {
   box-shadow: var(--box-shadow-1);
 }
-.shadow-2__NmY1N {
+.vars_shadow-2__ZjAyO {
   box-shadow: var(--box-shadow-2);
 }
-.shadow-3__Yzc5N {
+.vars_shadow-3__YmNmZ {
   box-shadow: var(--box-shadow-3);
 }
-.shadow-4__ZmRlY {
+.vars_shadow-4__ZjRlN {
   box-shadow: var(--box-shadow-4);
 }
-.shadow-5__NmQ5N {
+.vars_shadow-5__ZDI4M {
   box-shadow: var(--box-shadow-5);
 }
-.shadow-6__ZDM4N {
+.vars_shadow-6__YzgyO {
   box-shadow: var(--box-shadow-6);
 }
-.font-color-primary__ODJmZ {
+.vars_font-color-primary__ZGU1N {
   color: var(--primary-color);
 }
-.font-color-muted__ZThlN {
+.vars_font-color-muted__ZTc4Y {
   color: var(--font-color-muted);
 }
-.font-color-disabled__YjdkN {
+.vars_font-color-disabled__YWM2N {
   color: var(--font-color-disabled);
 }
-.font-color-50__NWIzM {
-  color: var(--base-color-50);
-}
-.font-color-100__NzY5Z {
-  color: var(--base-color-100);
-}
-.font-color-200__Y2Y5M {
-  color: var(--base-color-200);
+.vars_font-color-1__NzM0N {
+  color: var(--base-color-1);
 }
-.font-color-300__Mjk2N {
-  color: var(--base-color-300);
+.vars_font-color-2__NGNmN {
+  color: var(--base-color-2);
 }
-.font-color-400__NDk2N {
-  color: var(--base-color-400);
+.vars_font-color-3__ZmVmO {
+  color: var(--base-color-3);
 }
-.font-color-500__MTMxY {
-  color: var(--base-color-500);
+.vars_font-color-4__ZWU2N {
+  color: var(--base-color-4);
 }
-.font-color-600__ZjU4M {
-  color: var(--base-color-600);
+.vars_font-color-5__OWIzY {
+  color: var(--base-color-5);
 }
-.font-color-700__NmI2M {
-  color: var(--base-color-700);
+.vars_font-color-6__YzgxM {
+  color: var(--base-color-6);
 }
-.font-color-800__ZWIwN {
-  color: var(--base-color-800);
+.vars_font-color-7__YjhhM {
+  color: var(--base-color-7);
 }
-.font-color-900__NTY5Z {
-  color: var(--base-color-900);
+.vars_font-color-8__YWFkZ {
+  color: var(--base-color-9);
 }
-.font-color-950__N2JiY {
-  color: var(--base-color-950);
+.vars_font-color-10__NDdhM {
+  color: var(--base-color-10);
 }
-.font-color-gray__OTUwZ {
-  color: var(--base-color-gray);
+.vars_font-color-11__NTU5M {
+  color: var(--base-color-11);
 }
-.font-color-mauve__NmY3N {
-  color: var(--base-color-mauve);
+.vars_font-color-12__NDBkZ {
+  color: var(--base-color-12);
 }
-.font-color-slate__NWRkM {
-  color: var(--base-color-slate);
+.vars_font-color-gray__Y2M1Y {
+  color: var(--accent-color-gray);
 }
-.font-color-sage__OTUwY {
-  color: var(--base-color-sage);
-}
-.font-color-olive__ZWY4Y {
-  color: var(--base-color-olive);
-}
-.font-color-sand__OTlmN {
-  color: var(--base-color-sand);
-}
-.font-color-gold__YmExZ {
+.vars_font-color-gold__M2NiN {
   color: var(--accent-color-gold);
 }
-.font-color-bronze__Y2I4Z {
+.vars_font-color-bronze__Y2JjY {
   color: var(--accent-color-bronze);
 }
-.font-color-brown__NWY2M {
+.vars_font-color-brown__MzgyM {
   color: var(--accent-color-brown);
 }
-.font-color-yellow__YjY3M {
+.vars_font-color-yellow__NDk1O {
   color: var(--accent-color-yellow);
 }
-.font-color-amber__OTJhM {
+.vars_font-color-amber__MWYzN {
   color: var(--accent-color-amber);
 }
-.font-color-orange__ZmEzM {
+.vars_font-color-orange__NjA1N {
   color: var(--accent-color-orange);
 }
-.font-color-tomato__MWU4Y {
+.vars_font-color-tomato__YmViN {
   color: var(--accent-color-tomato);
 }
-.font-color-red__MTUxM {
+.vars_font-color-red__NTAxN {
   color: var(--accent-color-red);
 }
-.font-color-ruby__ZDNkZ {
+.vars_font-color-ruby__YjE3M {
   color: var(--accent-color-ruby);
 }
-.font-color-crimson__MDg2N {
+.vars_font-color-crimson__ZWZjZ {
   color: var(--accent-color-crimson);
 }
-.font-color-pink__ZTdjY {
+.vars_font-color-pink__ZjIwY {
   color: var(--accent-color-pink);
 }
-.font-color-plum__NDc5Z {
+.vars_font-color-plum__ZmFmY {
   color: var(--accent-color-plum);
 }
-.font-color-purple__YjA1M {
+.vars_font-color-purple__MTljN {
   color: var(--accent-color-purple);
 }
-.font-color-violet__ZGQ2Z {
+.vars_font-color-violet__MzQzZ {
   color: var(--accent-color-violet);
 }
-.font-color-iris__YTJhM {
+.vars_font-color-iris__MzM4N {
   color: var(--accent-color-iris);
 }
-.font-color-indigo__OTllN {
+.vars_font-color-indigo__Y2Q2Z {
   color: var(--accent-color-indigo);
 }
-.font-color-blue__YjdlY {
+.vars_font-color-blue__ZDhhZ {
   color: var(--accent-color-blue);
 }
-.font-color-cyan__ZGIwY {
+.vars_font-color-cyan__NmYwM {
   color: var(--accent-color-cyan);
 }
-.font-color-teal__NzY4Y {
+.vars_font-color-teal__Y2YzO {
   color: var(--accent-color-teal);
 }
-.font-color-jade__ZmQ1Y {
+.vars_font-color-jade__ZWFjY {
   color: var(--accent-color-jade);
 }
-.font-color-green__OWYxZ {
+.vars_font-color-green__MzNkZ {
   color: var(--accent-color-green);
 }
-.font-color-grass__NTAxN {
+.vars_font-color-grass__ODFkN {
   color: var(--accent-color-grass);
 }
-.font-color-lime__ZTAyZ {
+.vars_font-color-lime__MTk5M {
   color: var(--accent-color-lime);
 }
-.font-color-mint__Mjg0N {
+.vars_font-color-mint__MTgxZ {
   color: var(--accent-color-mint);
 }
-.font-color-sky__OTgwN {
+.vars_font-color-sky__ODJkM {
   color: var(--accent-color-sky);
 }
-.background-color-50__NTU3Z {
-  background-color: var(--base-color-50);
-}
-.background-color-100__NTBmN {
-  background-color: var(--base-color-100);
-}
-.background-color-200__MDFmZ {
-  background-color: var(--base-color-200);
+.vars_background-color-transparent__OWJiN {
+  background-color: transparent;
 }
-.background-color-300__ZGRkN {
-  background-color: var(--base-color-300);
+.vars_background-color-solid__ZjRlO {
+  background-color: var(--background-color);
 }
-.background-color-400__ZjdmY {
-  background-color: var(--base-color-400);
+.vars_background-color-1__ZWQ2Z {
+  background-color: var(--base-color-1);
 }
-.background-color-500__NjE5Y {
-  background-color: var(--base-color-500);
+.vars_background-color-2__MDY3M {
+  background-color: var(--base-color-2);
 }
-.background-color-600__NDcwO {
-  background-color: var(--base-color-600);
+.vars_background-color-3__NmY2N {
+  background-color: var(--base-color-3);
 }
-.background-color-700__YWNmZ {
-  background-color: var(--base-color-700);
+.vars_background-color-4__ZTBiM {
+  background-color: var(--base-color-4);
 }
-.background-color-800__NThiM {
-  background-color: var(--base-color-800);
+.vars_background-color-5__YzkyZ {
+  background-color: var(--base-color-5);
 }
-.background-color-900__MTAyN {
-  background-color: var(--base-color-900);
+.vars_background-color-6__Njc0M {
+  background-color: var(--base-color-6);
 }
-.background-color-950__ZDkzZ {
-  background-color: var(--base-color-950);
+.vars_background-color-7__ZmZhN {
+  background-color: var(--base-color-7);
 }
-.background-color-gray__ZGRmM {
-  background-color: var(--base-color-gray);
+.vars_background-color-8__YzQyZ {
+  background-color: var(--base-color-8);
 }
-.background-color-mauve__YmUxZ {
-  background-color: var(--base-color-mauve);
+.vars_background-color-9__YmFmN {
+  background-color: var(--base-color-9);
 }
-.background-color-slate__MGY1O {
-  background-color: var(--base-color-slate);
+.vars_background-color-10__MGNkZ {
+  background-color: var(--base-color-10);
 }
-.background-color-sage__MWVhO {
-  background-color: var(--base-color-sage);
+.vars_background-color-11__ZDdiZ {
+  background-color: var(--base-color-11);
 }
-.background-color-olive__YzM0Y {
-  background-color: var(--base-color-olive);
+.vars_background-color-12__MGFhZ {
+  background-color: var(--base-color-12);
 }
-.background-color-sand__MDZlN {
-  background-color: var(--base-color-sand);
+.vars_background-color-gray__NjRiZ {
+  background-color: var(--accent-color-gray);
 }
-.background-color-gold__MTI5O {
+.vars_background-color-gold__ZTA1N {
   background-color: var(--accent-color-gold);
 }
-.background-color-bronze__YTc4M {
+.vars_background-color-bronze__NTRkY {
   background-color: var(--accent-color-bronze);
 }
-.background-color-brown__ZDJmY {
+.vars_background-color-brown__MjdjO {
   background-color: var(--accent-color-brown);
 }
-.background-color-yellow__MmMzZ {
+.vars_background-color-yellow__NWEwM {
   background-color: var(--accent-color-yellow);
 }
-.background-color-amber__OWRmM {
+.vars_background-color-amber__ZTBkZ {
   background-color: var(--accent-color-amber);
 }
-.background-color-orange__Mzc4Z {
+.vars_background-color-orange__YjkwN {
   background-color: var(--accent-color-orange);
 }
-.background-color-tomato__NjM1Z {
+.vars_background-color-tomato__ZGYyN {
   background-color: var(--accent-color-tomato);
 }
-.background-color-red__MmRhZ {
+.vars_background-color-red__OGYzM {
   background-color: var(--accent-color-red);
 }
-.background-color-ruby__ZTBjN {
+.vars_background-color-ruby__YzUwN {
   background-color: var(--accent-color-ruby);
 }
-.background-color-crimson__NTY4M {
+.vars_background-color-crimson__MjUwN {
   background-color: var(--accent-color-crimson);
 }
-.background-color-pink__MTU1M {
+.vars_background-color-pink__ZDliM {
   background-color: var(--accent-color-pink);
 }
-.background-color-plum__ZTA0M {
+.vars_background-color-plum__ZjhmZ {
   background-color: var(--accent-color-plum);
 }
-.background-color-purple__YTNhZ {
+.vars_background-color-purple__OTNjN {
   background-color: var(--accent-color-purple);
 }
-.background-color-violet__YzAyY {
+.vars_background-color-violet__MjBiY {
   background-color: var(--accent-color-violet);
 }
-.background-color-iris__NjA3Z {
+.vars_background-color-iris__YTY3Y {
   background-color: var(--accent-color-iris);
 }
-.background-color-indigo__ZTZjO {
+.vars_background-color-indigo__ZDcxY {
   background-color: var(--accent-color-indigo);
 }
-.background-color-blue__NjgyZ {
+.vars_background-color-blue__ZGQ0M {
   background-color: var(--accent-color-blue);
 }
-.background-color-cyan__ODM4N {
+.vars_background-color-cyan__YzA5M {
   background-color: var(--accent-color-cyan);
 }
-.background-color-teal__YjA5Y {
+.vars_background-color-teal__ODMwN {
   background-color: var(--accent-color-teal);
 }
-.background-color-jade__OTkzY {
+.vars_background-color-jade__MzE4N {
   background-color: var(--accent-color-jade);
 }
-.background-color-green__ZWY5N {
+.vars_background-color-green__NTIzM {
   background-color: var(--accent-color-green);
 }
-.background-color-grass__ODE3Y {
+.vars_background-color-grass__ZjljZ {
   background-color: var(--accent-color-grass);
 }
-.background-color-lime__YTgxO {
+.vars_background-color-lime__NWM4O {
   background-color: var(--accent-color-lime);
 }
-.background-color-mint__ODUyM {
+.vars_background-color-mint__ZmM0M {
   background-color: var(--accent-color-mint);
 }
-.background-color-sky__YjM0Y {
+.vars_background-color-sky__OTE2Z {
   background-color: var(--accent-color-sky);
 }
-.text-align-left__MTFiY {
+.vars_text-align-left__MGQ2M {
   text-align: left;
 }
-.text-align-center__MzU3M {
+.vars_text-align-center__M2I1Z {
   text-align: center;
 }
-.text-align-right__MmFhZ {
+.vars_text-align-right__YzYzM {
   text-align: right;
 }
-.text-wrap-wrap__ZGE1Y {
+.vars_text-wrap-wrap__NGUwZ {
   text-wrap: wrap;
 }
-.text-wrap-nowrap__MzE0N {
+.vars_text-wrap-nowrap__ZTViN {
   text-wrap: nowrap;
 }
-.text-wrap-balance__ZjYxO {
+.vars_text-wrap-balance__OGQyY {
   text-wrap: balance;
 }
-.text-wrap-pretty__MWE0N {
+.vars_text-wrap-pretty__YjNlO {
   text-wrap: pretty;
 }
-.text-wrap-stable__ZjRmM {
+.vars_text-wrap-stable__NDViO {
   text-wrap: stable;
 }
-.letter-spacing-1__OGQzM {
+.vars_letter-spacing-1__OWEyY {
   letter-spacing: var(--letter-spacing-1);
 }
-.letter-spacing-2__MGY0N {
+.vars_letter-spacing-2__M2E3N {
   letter-spacing: -0.025em;
 }
-.letter-spacing-3__ODUyM {
+.vars_letter-spacing-3__ODUyZ {
   letter-spacing: 0;
 }
-.letter-spacing-4__MTQzM {
+.vars_letter-spacing-4__MjQ0Y {
   letter-spacing: 0.025em;
 }
-.letter-spacing-5__MDFlO {
+.vars_letter-spacing-5__MmIzM {
   letter-spacing: 0.05em;
 }
-.padding-1__M2I5Y {
+.vars_padding-1__OTE2Y {
   padding: var(--spacing-1);
 }
-.padding-2__YmQzN {
+.vars_padding-2__MTM0Z {
   padding: var(--spacing-2);
 }
-.padding-3__NDFkM {
+.vars_padding-3__YTY2M {
   padding: var(--spacing-3);
 }
-.padding-4__ZDZmY {
+.vars_padding-4__MDdkN {
   padding: var(--spacing-4);
 }
-.padding-5__MjZlM {
+.vars_padding-5__NmU3Z {
   padding: var(--spacing-5);
 }
-.padding-6__YjJkM {
+.vars_padding-6__OGQ2N {
   padding: var(--spacing-6);
 }
-.padding-7__OWMwO {
+.vars_padding-7__YmFiZ {
   padding: var(--spacing-7);
 }
-.padding-8__MGJlM {
+.vars_padding-8__ZmU2N {
   padding: var(--spacing-8);
 }
-.padding-9__N2VlN {
+.vars_padding-9__OTgxN {
   padding: var(--spacing-9);
 }
-.padding-10__M2JiO {
+.vars_padding-10__ZjcxY {
   padding: var(--spacing-10);
 }
-.padding-11__MGJlZ {
+.vars_padding-11__MmI2M {
   padding: var(--spacing-11);
 }
-.padding-12__YTUzZ {
+.vars_padding-12__N2U5M {
   padding: var(--spacing-12);
 }
-.padding-x-1__ZDc3M {
+.vars_padding-x-1__MjUzY {
   padding-left: var(--spacing-1);
   padding-right: var(--spacing-1);
 }
-.padding-x-2__ZjUxZ {
+.vars_padding-x-2__OTk3Y {
   padding-left: var(--spacing-2);
   padding-right: var(--spacing-2);
 }
-.padding-x-3__NzRiN {
+.vars_padding-x-3__YzBiZ {
   padding-left: var(--spacing-3);
   padding-right: var(--spacing-3);
 }
-.padding-x-4__YjAzO {
+.vars_padding-x-4__MzU5N {
   padding-left: var(--spacing-4);
   padding-right: var(--spacing-4);
 }
-.padding-x-5__MjRjM {
+.vars_padding-x-5__NTliO {
   padding-left: var(--spacing-5);
   padding-right: var(--spacing-5);
 }
-.padding-x-6__ZmU0N {
+.vars_padding-x-6__NjAyN {
   padding-left: var(--spacing-6);
   padding-right: var(--spacing-6);
 }
-.padding-x-7__N2M3M {
+.vars_padding-x-7__MDVlM {
   padding-left: var(--spacing-7);
   padding-right: var(--spacing-7);
 }
-.padding-x-8__NDFmZ {
+.vars_padding-x-8__ZjQ0N {
   padding-left: var(--spacing-8);
   padding-right: var(--spacing-8);
 }
-.padding-x-9__MmQxZ {
+.vars_padding-x-9__NDNhM {
   padding-left: var(--spacing-9);
   padding-right: var(--spacing-9);
 }
-.padding-x-10__ZWE5O {
+.vars_padding-x-10__MzAxY {
   padding-left: var(--spacing-10);
   padding-right: var(--spacing-10);
 }
-.padding-x-11__MDExM {
+.vars_padding-x-11__NGZiM {
   padding-left: var(--spacing-11);
   padding-right: var(--spacing-11);
 }
-.padding-x-12__NGQ5M {
+.vars_padding-x-12__Y2I1Y {
   padding-left: var(--spacing-12);
   padding-right: var(--spacing-12);
 }
-.padding-y-1__MWQ5N {
+.vars_padding-y-1__YzRiN {
   padding-top: var(--spacing-1);
   padding-bottom: var(--spacing-1);
 }
-.padding-y-2__OWVjN {
+.vars_padding-y-2__YjgwY {
   padding-top: var(--spacing-2);
   padding-bottom: var(--spacing-2);
 }
-.padding-y-3__OTVjY {
+.vars_padding-y-3__ZWQ2O {
   padding-top: var(--spacing-3);
   padding-bottom: var(--spacing-3);
 }
-.padding-y-4__MTNlZ {
+.vars_padding-y-4__N2E4Z {
   padding-top: var(--spacing-4);
   padding-bottom: var(--spacing-4);
 }
-.padding-y-5__NThlN {
+.vars_padding-y-5__ZWEyO {
   padding-top: var(--spacing-5);
   padding-bottom: var(--spacing-5);
 }
-.padding-y-6__NDFkM {
+.vars_padding-y-6__OWIzY {
   padding-top: var(--spacing-6);
   padding-bottom: var(--spacing-6);
 }
-.padding-y-7__MTA5N {
+.vars_padding-y-7__OGJmM {
   padding-top: var(--spacing-7);
   padding-bottom: var(--spacing-7);
 }
-.padding-y-8__MjI1Z {
+.vars_padding-y-8__MmVjO {
   padding-top: var(--spacing-8);
   padding-bottom: var(--spacing-8);
 }
-.padding-y-9__ZDBjN {
+.vars_padding-y-9__YmUzY {
   padding-top: var(--spacing-9);
   padding-bottom: var(--spacing-9);
 }
-.padding-y-10__OTA0M {
+.vars_padding-y-10__MjczM {
   padding-top: var(--spacing-10);
   padding-bottom: var(--spacing-10);
 }
-.padding-y-11__Y2Q0N {
+.vars_padding-y-11__OWE1O {
   padding-top: var(--spacing-11);
   padding-bottom: var(--spacing-11);
 }
-.padding-y-12__MmY5Z {
+.vars_padding-y-12__ZWE3Y {
   padding-top: var(--spacing-12);
   padding-bottom: var(--spacing-12);
 }
-.padding-top-1__NWFkO {
+.vars_padding-top-1__OTI2M {
   padding-top: var(--spacing-1);
 }
-.padding-top-2__NmRjM {
+.vars_padding-top-2__ZTRjN {
   padding-top: var(--spacing-2);
 }
-.padding-top-3__MWIxM {
+.vars_padding-top-3__NjdkN {
   padding-top: var(--spacing-3);
 }
-.padding-top-4__MDM2Y {
+.vars_padding-top-4__NDYxN {
   padding-top: var(--spacing-4);
 }
-.padding-top-5__ZTI1M {
+.vars_padding-top-5__NmFlM {
   padding-top: var(--spacing-5);
 }
-.padding-top-6__MmM2Y {
+.vars_padding-top-6__YTJkZ {
   padding-top: var(--spacing-6);
 }
-.padding-top-7__NjUzM {
+.vars_padding-top-7__OWFjY {
   padding-top: var(--spacing-7);
 }
-.padding-top-8__OTlkN {
+.vars_padding-top-8__NzA5Y {
   padding-top: var(--spacing-8);
 }
-.padding-top-9__ZjYyZ {
+.vars_padding-top-9__ZWFiY {
   padding-top: var(--spacing-9);
 }
-.padding-top-10__ZWVmO {
+.vars_padding-top-10__NDg3M {
   padding-top: var(--spacing-10);
 }
-.padding-top-11__ZTc3Z {
+.vars_padding-top-11__N2E4O {
   padding-top: var(--spacing-11);
 }
-.padding-top-12__NjdmN {
+.vars_padding-top-12__MzAxY {
   padding-top: var(--spacing-12);
 }
-.padding-bottom-1__ZGEzO {
+.vars_padding-bottom-1__MjY3Y {
   padding-bottom: var(--spacing-1);
 }
-.padding-bottom-2__ODlmN {
+.vars_padding-bottom-2__YjExM {
   padding-bottom: var(--spacing-2);
 }
-.padding-bottom-3__M2YzM {
+.vars_padding-bottom-3__OTkxY {
   padding-bottom: var(--spacing-3);
 }
-.padding-bottom-4__ODNiY {
+.vars_padding-bottom-4__YTlmZ {
   padding-bottom: var(--spacing-4);
 }
-.padding-bottom-5__ZDQ2Z {
+.vars_padding-bottom-5__N2I4Z {
   padding-bottom: var(--spacing-5);
 }
-.padding-bottom-6__OTRkN {
+.vars_padding-bottom-6__NzQ3M {
   padding-bottom: var(--spacing-6);
 }
-.padding-bottom-7__ZDFmO {
+.vars_padding-bottom-7__NTU2Z {
   padding-bottom: var(--spacing-7);
 }
-.padding-bottom-8__NGQ2N {
+.vars_padding-bottom-8__OGM0N {
   padding-bottom: var(--spacing-8);
 }
-.padding-bottom-9__MzA5Y {
+.vars_padding-bottom-9__Yjk5M {
   padding-bottom: var(--spacing-9);
 }
-.padding-bottom-10__ZTliY {
+.vars_padding-bottom-10__ZjczM {
   padding-bottom: var(--spacing-10);
 }
-.padding-bottom-11__Y2I3M {
+.vars_padding-bottom-11__MzIzN {
   padding-bottom: var(--spacing-11);
 }
-.padding-bottom-12__MDBhO {
+.vars_padding-bottom-12__OGM1Y {
   padding-bottom: var(--spacing-12);
 }
-.padding-left-1__ZDUyY {
+.vars_padding-left-1__MzVmN {
   padding-left: var(--spacing-1);
 }
-.padding-left-2__ZTFiZ {
+.vars_padding-left-2__ODk0N {
   padding-left: var(--spacing-2);
 }
-.padding-left-3__Y2Y3O {
+.vars_padding-left-3__ZGZmY {
   padding-left: var(--spacing-3);
 }
-.padding-left-4__NDBlN {
+.vars_padding-left-4__Nzg4M {
   padding-left: var(--spacing-4);
 }
-.padding-left-5__MDdiM {
+.vars_padding-left-5__ZjNkN {
   padding-left: var(--spacing-5);
 }
-.padding-left-6__OTMxN {
+.vars_padding-left-6__MGRmM {
   padding-left: var(--spacing-6);
 }
-.padding-left-7__MDE0M {
+.vars_padding-left-7__Y2EyO {
   padding-left: var(--spacing-7);
 }
-.padding-left-8__NDk3Z {
+.vars_padding-left-8__M2FlY {
   padding-left: var(--spacing-8);
 }
-.padding-left-9__MDRmN {
+.vars_padding-left-9__ZTI2Y {
   padding-left: var(--spacing-9);
 }
-.padding-left-10__NjE2Y {
+.vars_padding-left-10__ZDBiZ {
   padding-left: var(--spacing-10);
 }
-.padding-left-11__MDg0N {
+.vars_padding-left-11__N2M3M {
   padding-left: var(--spacing-11);
 }
-.padding-left-12__YTliM {
+.vars_padding-left-12__OTQxN {
   padding-left: var(--spacing-12);
 }
-.padding-right-1__NjFmZ {
+.vars_padding-right-1__YjVjZ {
   padding-right: var(--spacing-1);
 }
-.padding-right-2__OTI2N {
+.vars_padding-right-2__MzQzZ {
   padding-right: var(--spacing-2);
 }
-.padding-right-3__MDQwM {
+.vars_padding-right-3__MDFjM {
   padding-right: var(--spacing-3);
 }
-.padding-right-4__NWFjZ {
+.vars_padding-right-4__MWY5O {
   padding-right: var(--spacing-4);
 }
-.padding-right-5__MDgwN {
+.vars_padding-right-5__YWM2Z {
   padding-right: var(--spacing-5);
 }
-.padding-right-6__Mjk0M {
+.vars_padding-right-6__OTFmN {
   padding-right: var(--spacing-6);
 }
-.padding-right-7__ZGExY {
+.vars_padding-right-7__YjNhM {
   padding-right: var(--spacing-7);
 }
-.padding-right-8__ZjU3N {
+.vars_padding-right-8__YWZkM {
   padding-right: var(--spacing-8);
 }
-.padding-right-9__Y2IxY {
+.vars_padding-right-9__OTdlZ {
   padding-right: var(--spacing-9);
 }
-.padding-right-10__ZTFiN {
+.vars_padding-right-10__ZTk2N {
   padding-right: var(--spacing-10);
 }
-.padding-right-11__NDU5M {
+.vars_padding-right-11__OGM5O {
   padding-right: var(--spacing-11);
 }
-.padding-right-12__ZmUwO {
+.vars_padding-right-12__M2I0Z {
   padding-right: var(--spacing-12);
 }
-.margin-1__NmE2Y {
+.vars_margin-1__MDJhM {
   margin: var(--spacing-1);
 }
-.margin-2__MWI2O {
+.vars_margin-2__MWY1M {
   margin: var(--spacing-2);
 }
-.margin-3__MWFlO {
+.vars_margin-3__M2U5N {
   margin: var(--spacing-3);
 }
-.margin-4__OGVkN {
+.vars_margin-4__MjMxM {
   margin: var(--spacing-4);
 }
-.margin-5__NWI1N {
+.vars_margin-5__ZGNjN {
   margin: var(--spacing-5);
 }
-.margin-6__ZTE2N {
+.vars_margin-6__OWJiN {
   margin: var(--spacing-6);
 }
-.margin-7__NzY0N {
+.vars_margin-7__ODJlY {
   margin: var(--spacing-7);
 }
-.margin-8__NmVhY {
+.vars_margin-8__NWRlZ {
   margin: var(--spacing-8);
 }
-.margin-9__ZTkwN {
+.vars_margin-9__ODNkY {
   margin: var(--spacing-9);
 }
-.margin-10__Y2JlM {
+.vars_margin-10__MjA2M {
   margin: var(--spacing-10);
 }
-.margin-11__ZGQzN {
+.vars_margin-11__ZGU2N {
   margin: var(--spacing-11);
 }
-.margin-12__OGU3Z {
+.vars_margin-12__MjRiZ {
   margin: var(--spacing-12);
 }
-.margin-x-1__YjUwY {
+.vars_margin-x-1__ZjE1Y {
   margin-left: var(--spacing-1);
   margin-right: var(--spacing-1);
 }
-.margin-x-2__ODc0M {
+.vars_margin-x-2__MzM3Y {
   margin-left: var(--spacing-2);
   margin-right: var(--spacing-2);
 }
-.margin-x-3__OWI3O {
+.vars_margin-x-3__YWU1Z {
   margin-left: var(--spacing-3);
   margin-right: var(--spacing-3);
 }
-.margin-x-4__MjRmM {
+.vars_margin-x-4__YTM3M {
   margin-left: var(--spacing-4);
   margin-right: var(--spacing-4);
 }
-.margin-x-5__ODNlO {
+.vars_margin-x-5__NmFlM {
   margin-left: var(--spacing-5);
   margin-right: var(--spacing-5);
 }
-.margin-x-6__NzEyZ {
+.vars_margin-x-6__NzlmM {
   margin-left: var(--spacing-6);
   margin-right: var(--spacing-6);
 }
-.margin-x-7__OTYyN {
+.vars_margin-x-7__NDc5Y {
   margin-left: var(--spacing-7);
   margin-right: var(--spacing-7);
 }
-.margin-x-8__ZDYxM {
+.vars_margin-x-8__OWI1M {
   margin-left: var(--spacing-8);
   margin-right: var(--spacing-8);
 }
-.margin-x-9__YjMxM {
+.vars_margin-x-9__ODYwM {
   margin-left: var(--spacing-9);
   margin-right: var(--spacing-9);
 }
-.margin-x-10__Y2RkM {
+.vars_margin-x-10__ODRjN {
   margin-left: var(--spacing-10);
   margin-right: var(--spacing-10);
 }
-.margin-x-11__MGJiN {
+.vars_margin-x-11__ZjAyY {
   margin-left: var(--spacing-11);
   margin-right: var(--spacing-11);
 }
-.margin-x-12__ZTI5M {
+.vars_margin-x-12__NzRkN {
   margin-left: var(--spacing-12);
   margin-right: var(--spacing-12);
 }
-.margin-y-1__NDhiN {
+.vars_margin-y-1__ZjExO {
   margin-top: var(--spacing-1);
   margin-bottom: var(--spacing-1);
 }
-.margin-y-2__MTUwN {
+.vars_margin-y-2__NTFjY {
   margin-top: var(--spacing-2);
   margin-bottom: var(--spacing-2);
 }
-.margin-y-3__MzNjZ {
+.vars_margin-y-3__ZDg5N {
   margin-top: var(--spacing-3);
   margin-bottom: var(--spacing-3);
 }
-.margin-y-4__OGNlZ {
+.vars_margin-y-4__MTk1Y {
   margin-top: var(--spacing-4);
   margin-bottom: var(--spacing-4);
 }
-.margin-y-5__MGRlY {
+.vars_margin-y-5__YmI5Z {
   margin-top: var(--spacing-5);
   margin-bottom: var(--spacing-5);
 }
-.margin-y-6__OGJjN {
+.vars_margin-y-6__MmMzO {
   margin-top: var(--spacing-6);
   margin-bottom: var(--spacing-6);
 }
-.margin-y-7__ZWM1N {
+.vars_margin-y-7__NTRmO {
   margin-top: var(--spacing-7);
   margin-bottom: var(--spacing-7);
 }
-.margin-y-8__Mzc3N {
+.vars_margin-y-8__YWI4Y {
   margin-top: var(--spacing-8);
   margin-bottom: var(--spacing-8);
 }
-.margin-y-9__NDhhN {
+.vars_margin-y-9__NjM3M {
   margin-top: var(--spacing-9);
   margin-bottom: var(--spacing-9);
 }
-.margin-y-10__NzQwN {
+.vars_margin-y-10__YWIxN {
   margin-top: var(--spacing-10);
   margin-bottom: var(--spacing-10);
 }
-.margin-y-11__MzdiZ {
+.vars_margin-y-11__NzE2M {
   margin-top: var(--spacing-11);
   margin-bottom: var(--spacing-11);
 }
-.margin-y-12__OGQxN {
+.vars_margin-y-12__YjMwN {
   margin-top: var(--spacing-12);
   margin-bottom: var(--spacing-12);
 }
-.margin-top-1__YTU4M {
+.vars_margin-top-1__ZGUzY {
   margin-top: var(--spacing-1);
 }
-.margin-top-2__NGM4N {
+.vars_margin-top-2__YTc2Z {
   margin-top: var(--spacing-2);
 }
-.margin-top-3__ZmI2M {
+.vars_margin-top-3__NzBhO {
   margin-top: var(--spacing-3);
 }
-.margin-top-4__NDRmN {
+.vars_margin-top-4__YTI2N {
   margin-top: var(--spacing-4);
 }
-.margin-top-5__ZGFkZ {
+.vars_margin-top-5__YjhmZ {
   margin-top: var(--spacing-5);
 }
-.margin-top-6__Mjg5M {
+.vars_margin-top-6__YzMyM {
   margin-top: var(--spacing-6);
 }
-.margin-top-7__YmYyY {
+.vars_margin-top-7__NjQyM {
   margin-top: var(--spacing-7);
 }
-.margin-top-8__YjE2O {
+.vars_margin-top-8__YzE2O {
   margin-top: var(--spacing-8);
 }
-.margin-top-9__YWRmM {
+.vars_margin-top-9__MGRmY {
   margin-top: var(--spacing-9);
 }
-.margin-top-10__ZjgwO {
+.vars_margin-top-10__OWQ2M {
   margin-top: var(--spacing-10);
 }
-.margin-top-11__YTllZ {
+.vars_margin-top-11__M2U2N {
   margin-top: var(--spacing-11);
 }
-.margin-top-12__ZmFhO {
+.vars_margin-top-12__ZDM1Z {
   margin-top: var(--spacing-12);
 }
-.margin-bottom-1__ODhlN {
+.vars_margin-bottom-1__ODQ1Y {
   margin-bottom: var(--spacing-1);
 }
-.margin-bottom-2__M2M3O {
+.vars_margin-bottom-2__YjllM {
   margin-bottom: var(--spacing-2);
 }
-.margin-bottom-3__ZWJjN {
+.vars_margin-bottom-3__NjA2Z {
   margin-bottom: var(--spacing-3);
 }
-.margin-bottom-4__YTVmM {
+.vars_margin-bottom-4__MDI3O {
   margin-bottom: var(--spacing-4);
 }
-.margin-bottom-5__NzA2O {
+.vars_margin-bottom-5__ZmQ2Y {
   margin-bottom: var(--spacing-5);
 }
-.margin-bottom-6__MmU5Z {
+.vars_margin-bottom-6__MGU0N {
   margin-bottom: var(--spacing-6);
 }
-.margin-bottom-7__ZDMxM {
+.vars_margin-bottom-7__MGNkY {
   margin-bottom: var(--spacing-7);
 }
-.margin-bottom-8__NDRjM {
+.vars_margin-bottom-8__NDYyM {
   margin-bottom: var(--spacing-8);
 }
-.margin-bottom-9__MGRiM {
+.vars_margin-bottom-9__ZTBmZ {
   margin-bottom: var(--spacing-9);
 }
-.margin-bottom-10__Y2RlN {
+.vars_margin-bottom-10__YWU5N {
   margin-bottom: var(--spacing-10);
 }
-.margin-bottom-11__NTkwO {
+.vars_margin-bottom-11__NzUzZ {
   margin-bottom: var(--spacing-11);
 }
-.margin-bottom-12__Mzg2M {
+.vars_margin-bottom-12__YzgyZ {
   margin-bottom: var(--spacing-12);
 }
-.margin-left-1__NDFlO {
+.vars_margin-left-1__YTg0M {
   margin-left: var(--spacing-1);
 }
-.margin-left-2__ZjQ4Y {
+.vars_margin-left-2__ZTkwM {
   margin-left: var(--spacing-2);
 }
-.margin-left-3__YzM1M {
+.vars_margin-left-3__ZGQzN {
   margin-left: var(--spacing-3);
 }
-.margin-left-4__MGQ3O {
+.vars_margin-left-4__ODA3N {
   margin-left: var(--spacing-4);
 }
-.margin-left-5__MTI3Z {
+.vars_margin-left-5__YWJlM {
   margin-left: var(--spacing-5);
 }
-.margin-left-6__MTRjN {
+.vars_margin-left-6__ODU5M {
   margin-left: var(--spacing-6);
 }
-.margin-left-7__YzRjY {
+.vars_margin-left-7__MmVmY {
   margin-left: var(--spacing-7);
 }
-.margin-left-8__MDAxN {
+.vars_margin-left-8__ZjgyO {
   margin-left: var(--spacing-8);
 }
-.margin-left-9__NjFjY {
+.vars_margin-left-9__NDI2N {
   margin-left: var(--spacing-9);
 }
-.margin-left-10__NDc5M {
+.vars_margin-left-10__NTc5N {
   margin-left: var(--spacing-10);
 }
-.margin-left-11__NmYwN {
+.vars_margin-left-11__YWUwM {
   margin-left: var(--spacing-11);
 }
-.margin-left-12__NjNhZ {
+.vars_margin-left-12__ODk4M {
   margin-left: var(--spacing-12);
 }
-.margin-right-1__NmNkM {
+.vars_margin-right-1__YWEzY {
   margin-right: var(--spacing-1);
 }
-.margin-right-2__NTM4Y {
+.vars_margin-right-2__YTM3O {
   margin-right: var(--spacing-2);
 }
-.margin-right-3__NWMwY {
+.vars_margin-right-3__ZmU3N {
   margin-right: var(--spacing-3);
 }
-.margin-right-4__MjA3O {
+.vars_margin-right-4__MzYyO {
   margin-right: var(--spacing-4);
 }
-.margin-right-5__ODgyZ {
+.vars_margin-right-5__ZWM1Z {
   margin-right: var(--spacing-5);
 }
-.margin-right-6__YWVmY {
+.vars_margin-right-6__YzQzZ {
   margin-right: var(--spacing-6);
 }
-.margin-right-7__ZWU5M {
+.vars_margin-right-7__N2NhZ {
   margin-right: var(--spacing-7);
 }
-.margin-right-8__ZjU3M {
+.vars_margin-right-8__YjFiO {
   margin-right: var(--spacing-8);
 }
-.margin-right-9__ZDc4O {
+.vars_margin-right-9__ZjVkM {
   margin-right: var(--spacing-9);
 }
-.margin-right-10__ZTA4M {
+.vars_margin-right-10__ZDg0O {
   margin-right: var(--spacing-10);
 }
-.margin-right-11__MDExY {
+.vars_margin-right-11__ZTZkY {
   margin-right: var(--spacing-11);
 }
-.margin-right-12__OTBiY {
+.vars_margin-right-12__MTFkM {
   margin-right: var(--spacing-12);
 }
-.gap-1__MDE4Z {
+.vars_gap-1__MzA4Z {
   gap: var(--spacing-1);
 }
-.gap-2__Zjc1N {
+.vars_gap-2__MmRiM {
   gap: var(--spacing-2);
 }
-.gap-3__MjJiN {
+.vars_gap-3__YWQ3M {
   gap: var(--spacing-3);
 }
-.gap-4__YjYwY {
+.vars_gap-4__MzgwY {
   gap: var(--spacing-4);
 }
-.gap-5__MzFjN {
+.vars_gap-5__YzI0O {
   gap: var(--spacing-5);
 }
-.gap-6__YjM1M {
+.vars_gap-6__YjcwM {
   gap: var(--spacing-6);
 }
-.gap-7__Zjc0Z {
+.vars_gap-7__YzJmZ {
   gap: var(--spacing-7);
 }
-.gap-8__NjJmN {
+.vars_gap-8__OWU0M {
   gap: var(--spacing-8);
 }
-.gap-9__YWY1N {
+.vars_gap-9__ZWIxY {
   gap: var(--spacing-9);
 }
-.gap-10__MDFiZ {
+.vars_gap-10__MGY3M {
   gap: var(--spacing-10);
 }
-.gap-11__NTczY {
+.vars_gap-11__ZjQyY {
   gap: var(--spacing-11);
 }
-.gap-12__OTY4O {
+.vars_gap-12__YTU5M {
   gap: var(--spacing-12);
 }
-.gap-x-1__OTA1N {
+.vars_gap-x-1__NDRjN {
   column-gap: var(--spacing-1);
 }
-.gap-x-2__ZjdiM {
+.vars_gap-x-2__YTNmN {
   column-gap: var(--spacing-2);
 }
-.gap-x-3__MTNjZ {
+.vars_gap-x-3__NzUyN {
   column-gap: var(--spacing-3);
 }
-.gap-x-4__NzQwZ {
+.vars_gap-x-4__M2Y5M {
   column-gap: var(--spacing-4);
 }
-.gap-x-5__YTVhM {
+.vars_gap-x-5__ZDU0O {
   column-gap: var(--spacing-5);
 }
-.gap-x-6__ZGVlN {
+.vars_gap-x-6__OGUwZ {
   column-gap: var(--spacing-6);
 }
-.gap-x-7__ZWY5O {
+.vars_gap-x-7__YTE5N {
   column-gap: var(--spacing-7);
 }
-.gap-x-8__OTEzN {
+.vars_gap-x-8__ZTdlM {
   column-gap: var(--spacing-8);
 }
-.gap-x-9__ZGNhN {
+.vars_gap-x-9__ZmNmN {
   column-gap: var(--spacing-9);
 }
-.gap-x-10__MmE0M {
+.vars_gap-x-10__NWVkZ {
   column-gap: var(--spacing-10);
 }
-.gap-x-11__NDM1M {
+.vars_gap-x-11__NDA3N {
   column-gap: var(--spacing-11);
 }
-.gap-x-12__YjBhY {
+.vars_gap-x-12__MjAxO {
   column-gap: var(--spacing-12);
 }
-.gap-y-1__NzViY {
+.vars_gap-y-1__ZmJmZ {
   row-gap: var(--spacing-1);
 }
-.gap-y-2__MzViZ {
+.vars_gap-y-2__ODViN {
   row-gap: var(--spacing-2);
 }
-.gap-y-3__OGE5M {
+.vars_gap-y-3__MjgwM {
   row-gap: var(--spacing-3);
 }
-.gap-y-4__YTMxN {
+.vars_gap-y-4__MWJiO {
   row-gap: var(--spacing-4);
 }
-.gap-y-5__MzIyY {
+.vars_gap-y-5__MDE3N {
   row-gap: var(--spacing-5);
 }
-.gap-y-6__YjcxZ {
+.vars_gap-y-6__MmIzM {
   row-gap: var(--spacing-6);
 }
-.gap-y-7__NGQ0M {
+.vars_gap-y-7__NjM5N {
   row-gap: var(--spacing-7);
 }
-.gap-y-8__M2Y5N {
+.vars_gap-y-8__NmExZ {
   row-gap: var(--spacing-8);
 }
-.gap-y-9__NzYyM {
+.vars_gap-y-9__ZmI3Z {
   row-gap: var(--spacing-9);
 }
-.gap-y-10__ODUxY {
+.vars_gap-y-10__Y2RhN {
   row-gap: var(--spacing-10);
 }
-.gap-y-11__NjkxY {
+.vars_gap-y-11__OGZkO {
   row-gap: var(--spacing-11);
 }
-.gap-y-12__MDlhN {
+.vars_gap-y-12__NDI5N {
   row-gap: var(--spacing-12);
 }
-.flex-direction-row__NjFhM {
+.vars_flex-direction-row__ZWEwN {
   flex-direction: row;
 }
-.flex-direction-row-reverse__ZTM4N {
+.vars_flex-direction-row-reverse__NTE4N {
   flex-direction: row-reverse;
 }
-.flex-direction-column__YjBhN {
+.vars_flex-direction-column__MDBjN {
   flex-direction: column;
 }
-.flex-direction-column-reverse__YjU4O {
+.vars_flex-direction-column-reverse__ODZjM {
   flex-direction: column-reverse;
 }
-.flex-wrap-wrap__NzM5N {
+.vars_flex-wrap-wrap__ZDYwY {
   flex-wrap: wrap;
 }
-.flex-wrap-nowrap__NTNhN {
+.vars_flex-wrap-nowrap__MjAzM {
   flex-wrap: nowrap;
 }
-.flex-wrap-wrap-reverse__YmE0N {
+.vars_flex-wrap-wrap-reverse__YTA5Y {
   flex-wrap: wrap-reverse;
 }
-.justify-content-center__NDkxM {
+.vars_justify-content-center__Mjc4Y {
   justify-content: center;
 }
-.justify-content-start__N2NmZ {
+.vars_justify-content-start__MDgwN {
   justify-content: start;
 }
-.justify-content-end__ZTI3N {
+.vars_justify-content-end__NTE5N {
   justify-content: end;
 }
-.justify-content-flex-start__ZmJiN {
+.vars_justify-content-flex-start__YTBlN {
   justify-content: flex-start;
 }
-.justify-content-flex-end__ZGM3M {
+.vars_justify-content-flex-end__NGY3M {
   justify-content: flex-end;
 }
-.justify-content-left__ZDM4O {
+.vars_justify-content-left__ODMyN {
   justify-content: left;
 }
-.justify-content-right__Y2IzM {
+.vars_justify-content-right__MTE2M {
   justify-content: right;
 }
-.justify-content-space-between__ZTA4M {
+.vars_justify-content-space-between__OWQyM {
   justify-content: space-between;
 }
-.justify-content-space-around__NTg3Z {
+.vars_justify-content-space-around__NGI2M {
   justify-content: space-around;
 }
-.justify-content-space-evenly__N2ZiZ {
+.vars_justify-content-space-evenly__N2Q1O {
   justify-content: space-evenly;
 }
-.justify-content-stretch__YWEyZ {
+.vars_justify-content-stretch__NzU2M {
   justify-content: stretch;
 }
-.justify-items-stretch__MmQ0N {
+.vars_justify-items-stretch__YzM5O {
   justify-items: stretch;
 }
-.justify-items-center__ZjUwM {
+.vars_justify-items-center__YWI1Y {
   justify-items: center;
 }
-.justify-items-start__YTliZ {
+.vars_justify-items-start__ZmExM {
   justify-items: start;
 }
-.justify-items-end__Y2ZhN {
+.vars_justify-items-end__MTEwO {
   justify-items: end;
 }
-.justify-items-flex-start__NTFkZ {
+.vars_justify-items-flex-start__MTgwN {
   justify-items: flex-start;
 }
-.justify-items-flex-end__Y2E1Z {
+.vars_justify-items-flex-end__MzRkZ {
   justify-items: flex-end;
 }
-.justify-items-self-start__OTk2Y {
+.vars_justify-items-self-start__OGU4Y {
   justify-items: self-start;
 }
-.justify-items-self-end__N2ExM {
+.vars_justify-items-self-end__NjQ1Y {
   justify-items: self-end;
 }
-.justify-items-left__NmJkY {
+.vars_justify-items-left__NDNiY {
   justify-items: left;
 }
-.justify-items-right__Y2IzM {
+.vars_justify-items-right__YzlhO {
   justify-items: right;
 }
-.justify-items-baseline__OTIzZ {
+.vars_justify-items-baseline__NzY1O {
   justify-items: baseline;
 }
-.align-content-center__NmZlN {
+.vars_align-content-center__MTBjZ {
   align-content: center;
 }
-.align-content-start__M2QwM {
+.vars_align-content-start__OWQzM {
   align-content: start;
 }
-.align-content-end__ZmJkM {
+.vars_align-content-end__NDgwY {
   align-content: end;
 }
-.align-content-flex-start__ZjBhN {
+.vars_align-content-flex-start__NmY0Z {
   align-content: flex-start;
 }
-.align-content-flex-end__Y2UxM {
+.vars_align-content-flex-end__MGUxZ {
   align-content: flex-end;
 }
-.align-content-baseline__NmRjZ {
+.vars_align-content-baseline__M2RmY {
   align-content: baseline;
 }
-.align-content-space-between__MWYxM {
+.vars_align-content-space-between__OGExM {
   align-content: space-between;
 }
-.align-content-space-around__NWU4Z {
+.vars_align-content-space-around__YzM2N {
   align-content: space-around;
 }
-.align-content-space-evenly__NzVlO {
+.vars_align-content-space-evenly__OGJhN {
   align-content: space-evenly;
 }
-.align-content-stretch__OTZmN {
+.vars_align-content-stretch__YTlmZ {
   align-content: stretch;
 }
-.align-items-center__ZDY0N {
+.vars_align-items-center__YmJhN {
   align-items: center;
 }
-.align-items-start__Yzk0Z {
+.vars_align-items-start__YjllN {
   align-items: start;
 }
-.align-items-end__MjZhY {
+.vars_align-items-end__YjNkO {
   align-items: end;
 }
-.align-items-flex-start__MzQwZ {
+.vars_align-items-flex-start__ZTU2M {
   align-items: flex-start;
 }
-.align-items-flex-end__MGQ4O {
+.vars_align-items-flex-end__MmI0O {
   align-items: flex-end;
 }
-.align-items-self-start__OTM3N {
+.vars_align-items-self-start__OWJkZ {
   align-items: self-start;
 }
-.align-items-self-end__NmM4N {
+.vars_align-items-self-end__NzcwN {
   align-items: self-end;
 }
-.align-items-stretch__MGZiM {
+.vars_align-items-stretch__YmI3M {
   align-items: stretch;
 }
-.align-items-baseline__YzhmN {
+.vars_align-items-baseline__YWMzM {
   align-items: baseline;
 }
-.align-self-center__MWQ4M {
+.vars_align-self-center__ZGUyM {
   align-self: center;
 }
-.align-self-start__MDZmN {
+.vars_align-self-start__MjA3Y {
   align-self: start;
 }
-.align-self-end__N2Q3Y {
+.vars_align-self-end__ZGNiO {
   align-self: end;
 }
-.align-self-self-start__ZjUyZ {
+.vars_align-self-self-start__ZjQ3Y {
   align-self: self-start;
 }
-.align-self-self-end__MWQyZ {
+.vars_align-self-self-end__ODRlN {
   align-self: self-end;
 }
-.align-self-flex-start__N2MyZ {
+.vars_align-self-flex-start__Mzk3Z {
   align-self: flex-start;
 }
-.align-self-flex-end__NjUxN {
+.vars_align-self-flex-end__OWVmZ {
   align-self: flex-end;
 }
-.align-self-baseline__YTQyN {
+.vars_align-self-baseline__NzAxY {
   align-self: baseline;
 }
-.align-self-stretch__OGIzZ {
+.vars_align-self-stretch__ODQ2N {
   align-self: stretch;
 }
-.justify-self-center__OThkM {
+.vars_justify-self-center__YmJhZ {
   justify-self: center;
 }
-.justify-self-start__ZjNkY {
+.vars_justify-self-start__OTE3N {
   justify-self: start;
 }
-.justify-self-end__MjJhM {
+.vars_justify-self-end__Nzk0N {
   justify-self: end;
 }
-.justify-self-self-start__NGFjN {
+.vars_justify-self-self-start__MTA4M {
   justify-self: self-start;
 }
-.justify-self-self-end__YzYwM {
+.vars_justify-self-self-end__ZDYzY {
   justify-self: self-end;
 }
-.justify-self-baseline__NzUwN {
+.vars_justify-self-baseline__M2IyM {
   justify-self: baseline;
 }
-.justify-self-stretch__ZGY2O {
+.vars_justify-self-stretch__MWQwY {
   justify-self: stretch;
 }
-.grid-auto-flow-row__OTcyM {
+.vars_grid-auto-flow-row__MDIzO {
   grid-auto-flow: row;
 }
-.grid-auto-flow-column__ZTBiM {
+.vars_grid-auto-flow-column__OGM4Z {
   grid-auto-flow: column;
 }
-.grid-auto-flow-row-dense__MzNmZ {
+.vars_grid-auto-flow-row-dense__MTJmN {
   grid-auto-flow: row dense;
 }
-.grid-auto-flow-column-dense__Y2E3M {
+.vars_grid-auto-flow-column-dense__ZWNjN {
   grid-auto-flow: column dense;
 }
-.overflow-visible__YmFlM {
+.vars_overflow-visible__NDllM {
   overflow: visible;
 }
-.overflow-hidden__OGFkY {
+.vars_overflow-hidden__YjkzM {
   overflow: hidden;
 }
-.overflow-clip__ZDY5Z {
+.vars_overflow-clip__NmI4O {
   overflow: clip;
 }
-.overflow-scroll__NTRhY {
+.vars_overflow-scroll__OWJkZ {
   overflow: scroll;
 }
-.overflow-auto__N2JlZ {
+.vars_overflow-auto__MTUzY {
   overflow: auto;
 }
-.overflow-x-visible__NzI0M {
+.vars_overflow-x-visible__ZjU2Z {
   overflow-x: visible;
 }
-.overflow-x-hidden__NGIxN {
+.vars_overflow-x-hidden__OWI3M {
   overflow-x: hidden;
 }
-.overflow-x-clip__MmIzM {
+.vars_overflow-x-clip__YzQ4N {
   overflow-x: clip;
 }
-.overflow-x-scroll__Njg3M {
+.vars_overflow-x-scroll__NmQ3Y {
   overflow-x: scroll;
 }
-.overflow-x-auto__M2QzM {
+.vars_overflow-x-auto__MjAyM {
   overflow-x: auto;
 }
-.overflow-y-visible__NGYwZ {
+.vars_overflow-y-visible__ODA2O {
   overflow-y: visible;
 }
-.overflow-y-hidden__MTAxY {
+.vars_overflow-y-hidden__MTkwM {
   overflow-y: hidden;
 }
-.overflow-y-clip__YjQ3N {
+.vars_overflow-y-clip__ZmJjM {
   overflow-y: clip;
 }
-.overflow-y-scroll__MzFhZ {
+.vars_overflow-y-scroll__M2U5M {
   overflow-y: scroll;
 }
-.overflow-y-auto__NjU5M {
+.vars_overflow-y-auto__ZWU2N {
   overflow-y: auto;
 }
+.vars_text-transform-capitalize__ZWY2M {
+  text-transform: capitalize;
+}
+.vars_text-transform-uppercase__NGUyY {
+  text-transform: uppercase;
+}
+.vars_text-transform-lowercase__YWRhM {
+  text-transform: lowercase;
+}
+.vars_text-transform-none__NTQ5N {
+  text-transform: none;
+}
+.vars_text-transform-full-width__YzQ2Y {
+  text-transform: full-width;
+}
+.vars_text-transform-full-size-kana__ZWNlN {
+  text-transform: full-size-kana;
+}
 @media (min-width: 520px) {
-  .display-xs__NDQ2N {
+  .vars_display-xs__M2VkN {
     display: var(--display-xs);
   }
-  .position-xs__MmQ2Z {
+  .vars_position-xs__ZWIwZ {
     position: var(--position-xs);
   }
-  .font-size-xs__M2VmY {
+  .vars_font-size-xs__ZGE3N {
     font-size: var(--font-size-xs);
   }
-  .font-weight-xs__ZGJkM {
+  .vars_font-weight-xs__OGYyN {
     font-weight: var(--font-weight-xs);
   }
-  .heading-size-xs__ODMyY {
+  .vars_heading-size-xs__NjEzY {
     font-size: var(--heading-size-xs);
   }
-  .border-size-xs__YmZmO {
+  .vars_border-size-xs__N2YyZ {
     border: var(--border-size-xs) solid var(--border-color);
   }
-  .border-radius-xs__YTM0Y {
+  .vars_border-radius-xs__MmQ2M {
     border-radius: var(--border-radius-xs);
   }
-  .shadow-xs__ODU3N {
+  .vars_shadow-xs__NjI1N {
     box-shadow: var(--shadow-xs);
   }
-  .background-color-xs__OGM2Z {
+  .vars_background-color-xs__YzA5Y {
     background-color: var(--background-color-xs);
   }
-  .align-xs__MGJjM {
+  .vars_align-xs__NDAxZ {
     text-align: var(--align-xs);
   }
-  .letter-spacing-xs__NWI4Y {
+  .vars_letter-spacing-xs__MzUyN {
     letter-spacing: var(--letter-spacing-xs);
   }
-  .padding-xs__MDQ1Z {
+  .vars_padding-xs__NzM3N {
     padding: var(--padding-xs);
   }
-  .padding-x-xs__MjZkN {
+  .vars_padding-x-xs__NzFiN {
     padding-left: var(--padding-x-xs);
     padding-right: var(--padding-x-xs);
   }
-  .padding-y-xs__YzUwY {
+  .vars_padding-y-xs__ZjYyY {
     padding-top: var(--padding-y-xs);
     padding-bottom: var(--padding-y-xs);
   }
-  .padding-top-xs__MDY1Z {
+  .vars_padding-top-xs__YmU4N {
     padding-top: var(--padding-top-xs);
   }
-  .padding-right-xs__NmFiM {
+  .vars_padding-right-xs__NjJhN {
     padding-right: var(--padding-right-xs);
   }
-  .padding-bottom-xs__Yjk5O {
+  .vars_padding-bottom-xs__MDA1N {
     padding-bottom: var(--padding-bottom-xs);
   }
-  .padding-left-xs__MDhmO {
+  .vars_padding-left-xs__MmFkY {
     padding-left: var(--padding-left-xs);
   }
-  .margin-xs__OWI5M {
+  .vars_margin-xs__NjJmY {
     margin: var(--margin-xs);
   }
-  .margin-x-xs__MGVjN {
+  .vars_margin-x-xs__ZjBlY {
     margin-left: var(--margin-x-xs);
     margin-right: var(--margin-x-xs);
   }
-  .margin-y-xs__OGVjO {
+  .vars_margin-y-xs__NTI3M {
     margin-top: var(--margin-y-xs);
     margin-bottom: var(--margin-y-xs);
   }
-  .margin-top-xs__NWIwO {
+  .vars_margin-top-xs__ZTA5M {
     margin-top: var(--margin-top-xs);
   }
-  .margin-right-xs__ZGM1N {
+  .vars_margin-right-xs__ODhkZ {
     margin-right: var(--margin-right-xs);
   }
-  .margin-bottom-xs__MmZkZ {
+  .vars_margin-bottom-xs__M2NiY {
     margin-bottom: var(--margin-bottom-xs);
   }
-  .margin-left-xs__NjMxM {
+  .vars_margin-left-xs__OGY1Z {
     margin-left: var(--margin-left-xs);
   }
-  .gap-xs__Y2NmN {
+  .vars_gap-xs__NTg3N {
     gap: var(--gap-xs);
   }
-  .gap-x-xs__ZjQ0Y {
+  .vars_gap-x-xs__ZWViZ {
     column-gap: var(--gap-x-xs);
   }
-  .gap-y-xs__ZGFjZ {
+  .vars_gap-y-xs__NWUxY {
     row-gap: var(--gap-y-xs);
   }
-  .height-xs__YmEzZ {
+  .vars_height-xs__OTFiM {
     height: var(--height-xs);
   }
-  .width-xs__MDU2N {
+  .vars_width-xs__YWE0O {
     min-width: var(--width-xs);
   }
-  .min-height-xs__MzRhM {
+  .vars_min-height-xs__M2M0N {
     min-height: var(--min-height-xs);
   }
-  .min-width-xs__NDYwZ {
+  .vars_min-width-xs__MjU0N {
     max-width: var(--min-width-xs);
   }
-  .max-height-xs__MzYwN {
+  .vars_max-height-xs__OWRmO {
     max-height: var(--max-height-xs);
   }
-  .flex-direction-xs__YzQ2N {
+  .vars_flex-direction-xs__YTI2O {
     flex-direction: var(--flex-direction-xs);
   }
-  .flex-wrap-xs__NDZjY {
+  .vars_flex-wrap-xs__N2Q3M {
     flex-wrap: var(--flex-wrap-xs);
   }
-  .justify-content-xs__MWY3Y {
+  .vars_justify-content-xs__ZWJjY {
     justify-content: var(--justify-content-xs);
   }
-  .justify-items-xs__OWYyY {
+  .vars_justify-items-xs__MGIzN {
     justify-items: var(--justify-items-xs);
   }
-  .justify-self-xs__MzhlY {
+  .vars_justify-self-xs__NTBmM {
     justify-self: var(--justify-self-xs);
   }
-  .align-content-xs__OTI1M {
+  .vars_align-content-xs__MmZmM {
     align-content: var(--align-content-xs);
   }
-  .align-items-xs__ZDMxM {
+  .vars_align-items-xs__NDQwN {
     align-items: var(--align-items-xs);
   }
-  .align-self-xs__ODdkZ {
+  .vars_align-self-xs__N2NlO {
     align-self: var(--align-self-xs);
   }
-  .grid-template-rows-xs__MjUyO {
+  .vars_grid-template-rows-xs__ZWJmO {
     grid-template-rows: var(--grid-template-rows-xs);
   }
-  .grid-template-columns-xs__ZDEzY {
+  .vars_grid-template-columns-xs__OGM0Y {
     grid-template-columns: var(--grid-template-columns-xs);
   }
-  .flex-basis-xs__YzA0N {
+  .vars_flex-basis-xs__ZjVlZ {
     flex-basis: var(--flex-basis-xs);
   }
-  .flex-grow-xs__MzQ2M {
+  .vars_flex-grow-xs__Y2VhN {
     flex-basis: var(--flex-grow-xs);
   }
-  .flex-shrink-xs__Y2UwO {
+  .vars_flex-shrink-xs__Y2RkN {
     flex-basis: var(--flex-shrink-xs);
   }
-  .overflow-xs__MjY2Y {
+  .vars_overflow-xs__MDA0Y {
     overflow: var(--overflow-xs);
   }
-  .overflow-x-xs__YjU2N {
+  .vars_overflow-x-xs__NDQxO {
     overflow: var(--overflow-x-xs);
   }
-  .overflow-y-xs__NmZhN {
+  .vars_overflow-y-xs__NmU0M {
     overflow: var(--overflow-y-xs);
   }
-  .order-xs__MDkxN {
+  .vars_order-xs__MzI4N {
     order: var(--order-xs);
   }
 }
 @media (min-width: 768px) {
-  .display-sm__MTIwM {
+  .vars_display-sm__ODJhY {
     display: var(--display-sm);
   }
-  .position-sm__YjkwN {
+  .vars_position-sm__MDZjN {
     position: var(--position-sm);
   }
-  .font-size-sm__YTc1O {
+  .vars_font-size-sm__NWVlZ {
     font-size: var(--font-size-sm);
   }
-  .font-weight-sm__YzNjO {
+  .vars_font-weight-sm__MWE3M {
     font-weight: var(--font-weight-sm);
   }
-  .heading-size-sm__M2RlN {
+  .vars_heading-size-sm__ZGQ4Z {
     font-size: var(--heading-size-sm);
   }
-  .border-size-sm__ZTBmY {
+  .vars_border-size-sm__NDdkY {
     border: var(--border-size-sm) solid var(--border-color);
   }
-  .border-radius-sm__ODA5Z {
+  .vars_border-radius-sm__MWVkZ {
     border-radius: var(--border-radius-sm);
   }
-  .shadow-sm__MGRlN {
+  .vars_shadow-sm__MTA3M {
     box-shadow: var(--shadow-sm);
   }
-  .background-color-sm__MTczY {
+  .vars_background-color-sm__NDk0Z {
     background-color: var(--background-color-sm);
   }
-  .align-sm__MDdiY {
+  .vars_align-sm__M2RjN {
     text-align: var(--align-sm);
   }
-  .letter-spacing-sm__OTAwN {
+  .vars_letter-spacing-sm__ZDI5N {
     letter-spacing: var(--letter-spacing-sm);
   }
-  .padding-sm__ZWNkY {
+  .vars_padding-sm__YTIyZ {
     padding: var(--padding-sm);
   }
-  .padding-x-sm__YzNiY {
+  .vars_padding-x-sm__N2U0N {
     padding-left: var(--padding-x-sm);
     padding-right: var(--padding-x-sm);
   }
-  .padding-y-sm__NzYzZ {
+  .vars_padding-y-sm__MmQxZ {
     padding-top: var(--padding-y-sm);
     padding-bottom: var(--padding-y-sm);
   }
-  .padding-top-sm__MjRjO {
+  .vars_padding-top-sm__NmE4N {
     padding-top: var(--padding-top-sm);
   }
-  .padding-right-sm__NjNiM {
+  .vars_padding-right-sm__YjgyY {
     padding-right: var(--padding-right-sm);
   }
-  .padding-bottom-sm__ZTQ1Z {
+  .vars_padding-bottom-sm__NWRkN {
     padding-bottom: var(--padding-bottom-sm);
   }
-  .padding-left-sm__YTU4N {
+  .vars_padding-left-sm__MDAzO {
     padding-left: var(--padding-left-sm);
   }
-  .margin-sm__MmU0N {
+  .vars_margin-sm__ZGFkN {
     margin: var(--margin-sm);
   }
-  .margin-x-sm__ODkyM {
+  .vars_margin-x-sm__NDI0M {
     margin-left: var(--margin-x-sm);
     margin-right: var(--margin-x-sm);
   }
-  .margin-y-sm__MzE2Z {
+  .vars_margin-y-sm__MDk3M {
     margin-top: var(--margin-y-sm);
     margin-bottom: var(--margin-y-sm);
   }
-  .margin-top-sm__MWJhN {
+  .vars_margin-top-sm__ZjJmZ {
     margin-top: var(--margin-top-sm);
   }
-  .margin-right-sm__Nzc2M {
+  .vars_margin-right-sm__NWMzZ {
     margin-right: var(--margin-right-sm);
   }
-  .margin-bottom-sm__YjFmN {
+  .vars_margin-bottom-sm__NGIwY {
     margin-bottom: var(--margin-bottom-sm);
   }
-  .margin-left-sm__MmJiO {
+  .vars_margin-left-sm__NTAwM {
     margin-left: var(--margin-left-sm);
   }
-  .gap-sm__ZmJhZ {
+  .vars_gap-sm__MGFjY {
     gap: var(--gap-sm);
   }
-  .gap-x-sm__YzM1O {
+  .vars_gap-x-sm__MjMzN {
     column-gap: var(--gap-x-sm);
   }
-  .gap-y-sm__MGZjZ {
+  .vars_gap-y-sm__ZjNkN {
     row-gap: var(--gap-y-sm);
   }
-  .height-sm__MzBjM {
+  .vars_height-sm__YjAxN {
     height: var(--height-sm);
   }
-  .width-sm__NmI0Y {
+  .vars_width-sm__OWNhN {
     width: var(--width-sm);
   }
-  .min-height-sm__ZGFjY {
+  .vars_min-height-sm__MGYxY {
     min-height: var(--min-height-sm);
   }
-  .min-width-sm__MTZiN {
+  .vars_min-width-sm__MTg2O {
     max-width: var(--min-width-sm);
   }
-  .max-height-sm__ODE0M {
+  .vars_max-height-sm__MTNmO {
     max-height: var(--max-height-sm);
   }
-  .flex-direction-sm__OWE5Z {
+  .vars_flex-direction-sm__NDlmY {
     flex-direction: var(--flex-direction-sm);
   }
-  .flex-wrap-sm__ZTIxN {
+  .vars_flex-wrap-sm__MWU0M {
     flex-wrap: var(--flex-wrap-sm);
   }
-  .justify-content-sm__ODVjM {
+  .vars_justify-content-sm__MWI4O {
     justify-content: var(--justify-content-sm);
   }
-  .justify-items-sm__ODc0M {
+  .vars_justify-items-sm__NGY0N {
     justify-items: var(--justify-items-sm);
   }
-  .justify-self-sm__ZWE5N {
+  .vars_justify-self-sm__ODM4N {
     justify-self: var(--justify-self-sm);
   }
-  .align-content-sm__MWQ0N {
+  .vars_align-content-sm__OWM4M {
     align-content: var(--align-content-sm);
   }
-  .align-items-sm__MjBjZ {
+  .vars_align-items-sm__MWMwY {
     align-items: var(--align-items-sm);
   }
-  .align-self-sm__OTFiN {
+  .vars_align-self-sm__Y2U1Y {
     align-self: var(--align-self-sm);
   }
-  .grid-template-rows-sm__YjRmZ {
+  .vars_grid-template-rows-sm__NTkyO {
     grid-template-rows: var(--grid-template-rows-sm);
   }
-  .grid-template-columns-sm__OTMwY {
+  .vars_grid-template-columns-sm__ODM1Y {
     grid-template-columns: var(--grid-template-columns-sm);
   }
-  .flex-basis-sm__OTI1N {
+  .vars_flex-basis-sm__NjljZ {
     flex-basis: var(--flex-basis-sm);
   }
-  .flex-grow-sm__Y2NhN {
+  .vars_flex-grow-sm__MjdlY {
     flex-basis: var(--flex-grow-sm);
   }
-  .flex-shrink-sm__ZjE3Z {
+  .vars_flex-shrink-sm__YTBmN {
     flex-basis: var(--flex-shrink-sm);
   }
-  .overflow-sm__YTAwY {
+  .vars_overflow-sm__Zjk0O {
     overflow: var(--overflow-sm);
   }
-  .overflow-x-sm__YjVmZ {
+  .vars_overflow-x-sm__MjNiY {
     overflow: var(--overflow-x-sm);
   }
-  .overflow-y-sm__NjQ0Z {
+  .vars_overflow-y-sm__ZmIxN {
     overflow: var(--overflow-y-sm);
   }
-  .order-sm__OWFhN {
+  .vars_order-sm__MGJiZ {
     order: var(--order-sm);
   }
 }
 @media (min-width: 1024px) {
-  .display-md__NDRkN {
+  .vars_display-md__Y2UzM {
     display: var(--display-md);
   }
-  .position-md__NjY5Z {
+  .vars_position-md__ODgzN {
     position: var(--position-md);
   }
-  .font-size-md__ZDIzY {
+  .vars_font-size-md__ZTQ2Z {
     font-size: var(--font-size-md);
   }
-  .font-weight-md__ZTI3N {
+  .vars_font-weight-md__MjU0M {
     font-weight: var(--font-weight-md);
   }
-  .heading-size-md__ZGEzZ {
+  .vars_heading-size-md__ZTE5O {
     font-size: var(--heading-size-md);
   }
-  .border-size-md__Y2I4M {
+  .vars_border-size-md__ZjA0N {
     border: var(--border-size-md) solid var(--border-color);
   }
-  .border-radius-md__OTUyN {
+  .vars_border-radius-md__NDc2Y {
     border-radius: var(--border-radius-md);
   }
-  .shadow-md__NmRmN {
+  .vars_shadow-md__MWIxO {
     box-shadow: var(--shadow-md);
   }
-  .background-color-md__NjEwM {
+  .vars_background-color-md__Y2IxM {
     background-color: var(--background-color-md);
   }
-  .align-md__Njc1Z {
+  .vars_align-md__YWFkO {
     text-align: var(--align-md);
   }
-  .letter-spacing-md__OTNhO {
+  .vars_letter-spacing-md__MDM0O {
     letter-spacing: var(--letter-spacing-md);
   }
-  .padding-md__NDdmY {
+  .vars_padding-md__ZDRkY {
     padding: var(--padding-md);
   }
-  .padding-x-md__MDQwZ {
+  .vars_padding-x-md__NmQyM {
     padding-left: var(--padding-x-md);
     padding-right: var(--padding-x-md);
   }
-  .padding-y-md__OWI2Y {
+  .vars_padding-y-md__YzA2Y {
     padding-top: var(--padding-y-md);
     padding-bottom: var(--padding-y-md);
   }
-  .padding-top-md__ZTliZ {
+  .vars_padding-top-md__YmRiN {
     padding-top: var(--padding-top-md);
   }
-  .padding-right-md__ZjdmM {
+  .vars_padding-right-md__MWQ5M {
     padding-right: var(--padding-right-md);
   }
-  .padding-bottom-md__OWJiZ {
+  .vars_padding-bottom-md__ZWY5Z {
     padding-bottom: var(--padding-bottom-md);
   }
-  .padding-left-md__ZGEwM {
+  .vars_padding-left-md__YmQ2O {
     padding-left: var(--padding-left-md);
   }
-  .margin-md__YzkyZ {
+  .vars_margin-md__MjQwM {
     margin: var(--margin-md);
   }
-  .margin-x-md__NGJiN {
+  .vars_margin-x-md__MDJhN {
     margin-left: var(--margin-x-md);
     margin-right: var(--margin-x-md);
   }
-  .margin-y-md__MTA0M {
+  .vars_margin-y-md__ZjY1N {
     margin-top: var(--margin-y-md);
     margin-bottom: var(--margin-y-md);
   }
-  .margin-top-md__YmZiN {
+  .vars_margin-top-md__ZmY2M {
     margin-top: var(--margin-top-md);
   }
-  .margin-right-md__Mzg2M {
+  .vars_margin-right-md__YmNlO {
     margin-right: var(--margin-right-md);
   }
-  .margin-bottom-md__NzRjM {
+  .vars_margin-bottom-md__ODc4M {
     margin-bottom: var(--margin-bottom-md);
   }
-  .margin-left-md__NjJlM {
+  .vars_margin-left-md__ZTQyO {
     margin-left: var(--margin-left-md);
   }
-  .gap-md__ZTRjY {
+  .vars_gap-md__ZTZmY {
     gap: var(--gap-md);
   }
-  .gap-x-md__MDA0N {
+  .vars_gap-x-md__NjM0Z {
     column-gap: var(--gap-x-md);
   }
-  .gap-y-md__ZGZiM {
+  .vars_gap-y-md__ZGJmO {
     row-gap: var(--gap-y-md);
   }
-  .height-md__YmI5N {
+  .vars_height-md__ZDY1Y {
     height: var(--height-md);
   }
-  .width-md__MzQ1M {
+  .vars_width-md__NmYxZ {
     width: var(--width-md);
   }
-  .min-height-md__ZDRhZ {
+  .vars_min-height-md__MTZjZ {
     min-height: var(--min-height-md);
   }
-  .min-width-md__ZTkzO {
+  .vars_min-width-md__MDQ1M {
     max-width: var(--min-width-md);
   }
-  .max-height-md__MjAyM {
+  .vars_max-height-md__MzBmZ {
     max-height: var(--max-height-md);
   }
-  .flex-direction-md__MTI3M {
+  .vars_flex-direction-md__NDUxN {
     flex-direction: var(--flex-direction-md);
   }
-  .flex-wrap-md__NjQ3M {
+  .vars_flex-wrap-md__M2NmY {
     flex-wrap: var(--flex-wrap-md);
   }
-  .justify-content-md__ZDU2M {
+  .vars_justify-content-md__N2YzM {
     justify-content: var(--justify-content-md);
   }
-  .justify-items-md__ZmE5M {
+  .vars_justify-items-md__ZmMzY {
     justify-items: var(--justify-items-md);
   }
-  .justify-self-md__NWZjN {
+  .vars_justify-self-md__ODFkZ {
     justify-self: var(--justify-self-md);
   }
-  .align-content-md__NGZjM {
+  .vars_align-content-md__MTg1M {
     align-content: var(--align-content-md);
   }
-  .align-items-md__ZjU0M {
+  .vars_align-items-md__YzUxZ {
     align-items: var(--align-items-md);
   }
-  .align-self-md__NDI1Y {
+  .vars_align-self-md__ZmFiO {
     align-self: var(--align-self-md);
   }
-  .grid-template-rows-md__M2I2N {
+  .vars_grid-template-rows-md__YjEyY {
     grid-template-rows: var(--grid-template-rows-md);
   }
-  .grid-template-columns-md__MGVmZ {
+  .vars_grid-template-columns-md__YWI5O {
     grid-template-columns: var(--grid-template-columns-md);
   }
-  .flex-basis-md__MGI5M {
+  .vars_flex-basis-md__YTRmN {
     flex-basis: var(--flex-basis-md);
   }
-  .flex-grow-md__ZTEzY {
+  .vars_flex-grow-md__YzIxZ {
     flex-basis: var(--flex-grow-md);
   }
-  .flex-shrink-md__Mjg0N {
+  .vars_flex-shrink-md__NzNlM {
     flex-basis: var(--flex-shrink-md);
   }
-  .overflow-md__NGI5M {
+  .vars_overflow-md__YTllY {
     overflow: var(--overflow-md);
   }
-  .overflow-x-md__YmZkO {
+  .vars_overflow-x-md__NDM2Z {
     overflow: var(--overflow-x-md);
   }
-  .overflow-y-md__OTgxY {
+  .vars_overflow-y-md__YWY2O {
     overflow: var(--overflow-y-md);
   }
-  .order-md__OTY2M {
+  .vars_order-md__MWJlM {
     order: var(--order-md);
   }
 }
 @media (min-width: 1280px) {
-  .display-lg__YTEzO {
+  .vars_display-lg__OTI2N {
     display: var(--display-lg);
   }
-  .position-lg__MDZlN {
+  .vars_position-lg__ZWIyN {
     position: var(--position-lg);
   }
-  .font-size-lg__MTI1Z {
+  .vars_font-size-lg__ZGU3M {
     font-size: var(--font-size-lg);
   }
-  .font-weight-lg__ZGU0Y {
+  .vars_font-weight-lg__NzBmN {
     font-weight: var(--font-weight-lg);
   }
-  .heading-size-lg__ODkzN {
+  .vars_heading-size-lg__YmIwZ {
     font-size: var(--heading-size-lg);
   }
-  .border-size-lg__NjkwY {
+  .vars_border-size-lg__YzA4M {
     border: var(--border-size-lg) solid var(--border-color);
   }
-  .border-radius-lg__NDI0O {
+  .vars_border-radius-lg__YTdiN {
     border-radius: var(--border-radius-lg);
   }
-  .shadow-lg__ZTY3M {
+  .vars_shadow-lg__YjdlO {
     box-shadow: var(--shadow-lg);
   }
-  .background-color-lg__YTAzM {
+  .vars_background-color-lg__NjhmY {
     background-color: var(--background-color-lg);
   }
-  .align-lg__ZDEyO {
+  .vars_align-lg__NTAyY {
     text-align: var(--align-lg);
   }
-  .letter-spacing-lg__ZmZkN {
+  .vars_letter-spacing-lg__MGQ0M {
     letter-spacing: var(--letter-spacing-lg);
   }
-  .padding-lg__MWIwZ {
+  .vars_padding-lg__ODRhN {
     padding: var(--padding-lg);
   }
-  .padding-x-lg__NmQwN {
+  .vars_padding-x-lg__YmRlN {
     padding-left: var(--padding-x-lg);
     padding-right: var(--padding-x-lg);
   }
-  .padding-y-lg__ZDFhY {
+  .vars_padding-y-lg__NzgzY {
     padding-top: var(--padding-y-lg);
     padding-bottom: var(--padding-y-lg);
   }
-  .padding-top-lg__ZWYzZ {
+  .vars_padding-top-lg__MjZiN {
     padding-top: var(--padding-top-lg);
   }
-  .padding-right-lg__MmEwM {
+  .vars_padding-right-lg__YTA5N {
     padding-right: var(--padding-right-lg);
   }
-  .padding-bottom-lg__ZTBkZ {
+  .vars_padding-bottom-lg__MTFlY {
     padding-bottom: var(--padding-bottom-lg);
   }
-  .padding-left-lg__YWNkZ {
+  .vars_padding-left-lg__MDM3Y {
     padding-left: var(--padding-left-lg);
   }
-  .margin-lg__MmYxZ {
+  .vars_margin-lg__MGExO {
     margin: var(--margin-lg);
   }
-  .margin-x-lg__Y2I3N {
+  .vars_margin-x-lg__YjBlN {
     margin-left: var(--margin-x-lg);
     margin-right: var(--margin-x-lg);
   }
-  .margin-y-lg__MmQ1O {
+  .vars_margin-y-lg__NDZhN {
     margin-top: var(--margin-y-lg);
     margin-bottom: var(--margin-y-lg);
   }
-  .margin-top-lg__NjRmZ {
+  .vars_margin-top-lg__ZGRmN {
     margin-top: var(--margin-top-lg);
   }
-  .margin-right-lg__MWQ0Y {
+  .vars_margin-right-lg__ZWUwO {
     margin-right: var(--margin-right-lg);
   }
-  .margin-bottom-lg__MmQ1N {
+  .vars_margin-bottom-lg__Y2E1Z {
     margin-bottom: var(--margin-bottom-lg);
   }
-  .margin-left-lg__ZGI1Y {
+  .vars_margin-left-lg__NGE1Z {
     margin-left: var(--margin-left-lg);
   }
-  .gap-lg__ZDQ1M {
+  .vars_gap-lg__MWRmO {
     gap: var(--gap-lg);
   }
-  .gap-x-lg__MTQwY {
+  .vars_gap-x-lg__OTI2Y {
     column-gap: var(--gap-x-lg);
   }
-  .gap-y-lg__NDRkO {
+  .vars_gap-y-lg__MjE3Z {
     row-gap: var(--gap-y-lg);
   }
-  .height-lg__YTU2M {
+  .vars_height-lg__NjViY {
     height: var(--height-lg);
   }
-  .width-lg__ZTRhN {
+  .vars_width-lg__NzM3Y {
     width: var(--width-lg);
   }
-  .min-height-lg__ZTNjN {
+  .vars_min-height-lg__YzcwN {
     min-height: var(--min-height-lg);
   }
-  .min-width-lg__YzFhN {
+  .vars_min-width-lg__NjVlM {
     max-width: var(--min-width-lg);
   }
-  .max-height-lg__MzY4Z {
+  .vars_max-height-lg__NjhjZ {
     max-height: var(--max-height-lg);
   }
-  .flex-direction-lg__ZjgwY {
+  .vars_flex-direction-lg__YjA3N {
     flex-direction: var(--flex-direction-lg);
   }
-  .flex-wrap-lg__ZjRkZ {
+  .vars_flex-wrap-lg__ZDJiO {
     flex-wrap: var(--flex-wrap-lg);
   }
-  .justify-content-lg__ZGQ3Z {
+  .vars_justify-content-lg__MDc3O {
     justify-content: var(--justify-content-lg);
   }
-  .justify-items-lg__Mjk1M {
+  .vars_justify-items-lg__ZjNjY {
     justify-items: var(--justify-items-lg);
   }
-  .justify-self-lg__NWI2N {
+  .vars_justify-self-lg__MGE4N {
     justify-self: var(--justify-self-lg);
   }
-  .align-content-lg__OWQ1M {
+  .vars_align-content-lg__YjFkN {
     align-content: var(--align-content-lg);
   }
-  .align-items-lg__NzQzN {
+  .vars_align-items-lg__NTVlM {
     align-items: var(--align-items-lg);
   }
-  .align-self-lg__OGVmN {
+  .vars_align-self-lg__NjdjY {
     align-self: var(--align-self-lg);
   }
-  .grid-template-rows-lg__YmFmM {
+  .vars_grid-template-rows-lg__NDgyN {
     grid-template-rows: var(--grid-template-rows-lg);
   }
-  .grid-template-columns-lg__OTJiM {
+  .vars_grid-template-columns-lg__NmRmN {
     grid-template-columns: var(--grid-template-columns-lg);
   }
-  .flex-basis-lg__YzRhY {
+  .vars_flex-basis-lg__ZTFmN {
     flex-basis: var(--flex-basis-lg);
   }
-  .flex-grow-lg__MmY0N {
+  .vars_flex-grow-lg__ZWNkM {
     flex-basis: var(--flex-grow-lg);
   }
-  .flex-shrink-lg__NWQyM {
+  .vars_flex-shrink-lg__YmI2O {
     flex-basis: var(--flex-shrink-lg);
   }
-  .overflow-lg__MWYwM {
+  .vars_overflow-lg__NjQ0O {
     overflow: var(--overflow-lg);
   }
-  .overflow-x-lg__M2NkZ {
+  .vars_overflow-x-lg__ZjBmZ {
     overflow: var(--overflow-x-lg);
   }
-  .overflow-y-lg__ZmVkO {
+  .vars_overflow-y-lg__YjViO {
     overflow: var(--overflow-y-lg);
   }
-  .order-lg__NzlmZ {
+  .vars_order-lg__OTcxM {
     order: var(--order-lg);
   }
 }
 @media (min-width: 1640px) {
-  .display-xl__NTllZ {
+  .vars_display-xl__OGI2Y {
     display: var(--display-xl);
   }
-  .position-xl__MTA5N {
+  .vars_position-xl__NThiN {
     position: var(--position-xl);
   }
-  .font-size-xl__ZWMxZ {
+  .vars_font-size-xl__MWNmN {
     font-size: var(--font-size-xl);
   }
-  .font-weight-xl__NzhlM {
+  .vars_font-weight-xl__YjZkM {
     font-weight: var(--font-weight-xl);
   }
-  .heading-size-xl__N2I5M {
+  .vars_heading-size-xl__NDhkN {
     font-size: var(--heading-size-xl);
   }
-  .border-size-xl__MDZkM {
+  .vars_border-size-xl__YjE2Z {
     border: var(--border-size-xl) solid var(--border-color);
   }
-  .border-radius-xl__NWViO {
+  .vars_border-radius-xl__ZDZkM {
     border-radius: var(--border-radius-xl);
   }
-  .shadow-xl__MGQ0Y {
+  .vars_shadow-xl__ZWJmY {
     box-shadow: var(--shadow-xl);
   }
-  .background-color-xl__MzJmM {
+  .vars_background-color-xl__NWRmN {
     background-color: var(--background-color-xl);
   }
-  .align-xl__ZTEzM {
+  .vars_align-xl__ODcwZ {
     text-align: var(--align-xl);
   }
-  .letter-spacing-xl__Yjg4M {
+  .vars_letter-spacing-xl__MDRjO {
     letter-spacing: var(--letter-spacing-xl);
   }
-  .padding-xl__ZjE2N {
+  .vars_padding-xl__NmQ3N {
     padding: var(--padding-xl);
   }
-  .padding-x-xl__YzY5Y {
+  .vars_padding-x-xl__MGRhM {
     padding-left: var(--padding-x-xl);
     padding-right: var(--padding-x-xl);
   }
-  .padding-y-xl__ZDM4N {
+  .vars_padding-y-xl__MWJmM {
     padding-top: var(--padding-y-xl);
     padding-bottom: var(--padding-y-xl);
   }
-  .padding-top-xl__NzAxZ {
+  .vars_padding-top-xl__OGNiO {
     padding-top: var(--padding-top-xl);
   }
-  .padding-right-xl__YmNmN {
+  .vars_padding-right-xl__ODBjY {
     padding-right: var(--padding-right-xl);
   }
-  .padding-bottom-xl__MmVkN {
+  .vars_padding-bottom-xl__Yzg1Y {
     padding-bottom: var(--padding-bottom-xl);
   }
-  .padding-left-xl__YmExO {
+  .vars_padding-left-xl__MmFmM {
     padding-left: var(--padding-left-xl);
   }
-  .margin-xl__ZTM1Y {
+  .vars_margin-xl__YzYyY {
     margin: var(--margin-xl);
   }
-  .margin-x-xl__YWJmY {
+  .vars_margin-x-xl__YTI0M {
     margin-left: var(--margin-x-xl);
     margin-right: var(--margin-x-xl);
   }
-  .margin-y-xl__MzcxN {
+  .vars_margin-y-xl__ODg0M {
     margin-top: var(--margin-y-xl);
     margin-bottom: var(--margin-y-xl);
   }
-  .margin-top-xl__Y2E5M {
+  .vars_margin-top-xl__ZDRiY {
     margin-top: var(--margin-top-xl);
   }
-  .margin-right-xl__ZmVlY {
+  .vars_margin-right-xl__MTk5M {
     margin-right: var(--margin-right-xl);
   }
-  .margin-bottom-xl__MGJkY {
+  .vars_margin-bottom-xl__ZGM4M {
     margin-bottom: var(--margin-bottom-xl);
   }
-  .margin-left-xl__ZmRmZ {
+  .vars_margin-left-xl__YzFhM {
     margin-left: var(--margin-left-xl);
   }
-  .gap-xl__YzAwN {
+  .vars_gap-xl__ODA2Y {
     gap: var(--gap-xl);
   }
-  .gap-x-xl__ZDg5Z {
+  .vars_gap-x-xl__MTEyN {
     column-gap: var(--gap-x-xl);
   }
-  .gap-y-xl__M2IxM {
+  .vars_gap-y-xl__MDU2M {
     row-gap: var(--gap-y-xl);
   }
-  .height-xl__ODZmN {
+  .vars_height-xl__NWNlN {
     height: var(--height-xl);
   }
-  .width-xl__YTgzN {
+  .vars_width-xl__MmU2M {
     width: var(--width-xl);
   }
-  .min-height-xl__ODY4Y {
+  .vars_min-height-xl__YmIzM {
     min-height: var(--min-height-xl);
   }
-  .min-width-xl__NTFiN {
+  .vars_min-width-xl__MzViN {
     max-width: var(--min-width-xl);
   }
-  .max-height-xl__YzYxN {
+  .vars_max-height-xl__MjZmM {
     max-height: var(--max-height-xl);
   }
-  .flex-direction-xl__ZTViN {
+  .vars_flex-direction-xl__YjY1Z {
     flex-direction: var(--flex-direction-xl);
   }
-  .flex-wrap-xl__ODdjZ {
+  .vars_flex-wrap-xl__NDdiN {
     flex-wrap: var(--flex-wrap-xl);
   }
-  .justify-content-xl__ODIzN {
+  .vars_justify-content-xl__ZTY1Z {
     justify-content: var(--justify-content-xl);
   }
-  .justify-items-xl__ZWI1M {
+  .vars_justify-items-xl__YWM4N {
     justify-items: var(--justify-items-xl);
   }
-  .justify-self-xl__NjJhZ {
+  .vars_justify-self-xl__NmJjM {
     justify-self: var(--justify-self-xl);
   }
-  .align-content-xl__NDQ1Y {
+  .vars_align-content-xl__MTY2Z {
     align-content: var(--align-content-xl);
   }
-  .align-items-xl__NGZjO {
+  .vars_align-items-xl__YzNhM {
     align-items: var(--align-items-xl);
   }
-  .align-self-xl__N2I4Z {
+  .vars_align-self-xl__MzU1M {
     align-self: var(--align-self-xl);
   }
-  .grid-template-rows-xl__YjhkY {
+  .vars_grid-template-rows-xl__M2M4M {
     grid-template-rows: var(--grid-template-rows-xl);
   }
-  .grid-template-columns-xl__YzJkY {
+  .vars_grid-template-columns-xl__NDM4M {
     grid-template-columns: var(--grid-template-columns-xl);
   }
-  .flex-basis-xl__ZDdmM {
+  .vars_flex-basis-xl__NmVhZ {
     flex-basis: var(--flex-basis-xl);
   }
-  .flex-grow-xl__ZWJhY {
+  .vars_flex-grow-xl__ZWE4M {
     flex-basis: var(--flex-grow-xl);
   }
-  .flex-shrink-xl__ODUxM {
+  .vars_flex-shrink-xl__YzczZ {
     flex-basis: var(--flex-shrink-xl);
   }
-  .overflow-xl__NWExN {
+  .vars_overflow-xl__NjZkN {
     overflow: var(--overflow-xl);
   }
-  .overflow-x-xl__MzEzM {
+  .vars_overflow-x-xl__ZDdlN {
     overflow: var(--overflow-x-xl);
   }
-  .overflow-y-xl__NTBiZ {
+  .vars_overflow-y-xl__NDBlM {
     overflow: var(--overflow-y-xl);
   }
-  .order-xl__MGNmM {
+  .vars_order-xl__ODQ1M {
     order: var(--order-xl);
   }
 }
 
-/* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
-:where(.Text_text__MzY5N) {
-  color: var(--font-color);
-  font-size: var(--font-size);
-  line-height: 1.2em;
-}
-
 /* virtual-css:css:c1c264103e87c7a7d9c345a7e75f073b */
-.Form_form__MzllY {
+.Form_form__ZjMwZ {
   position: relative;
   font-size: var(--font-size);
 }
-.Form_text__NjQ1Y {
+.Form_text__NDc1Y {
   text-align: center;
   margin: auto;
 }
-.Form_icon__NDg3M {
+.Form_icon__ZGE1Z {
   align-self: flex-start;
 }
-.Form_error__Nzk0N {
-  margin: 0 auto;
-  overflow: auto;
-}
 
 /* virtual-css:css:b910a97cb1b22b0482f1309d736856b2 */
-.FormField_field__NzY5Y {
+.FormField_field__YTM1N {
   display: flex;
   flex-direction: column;
 }
-.FormField_description__OGY3Y {
+.FormField_description__ZjFiM {
   line-height: 1.8rem;
   font-size: var(--font-size);
 }
-.FormField_error__NmEzO {
+.FormField_error__NWZhM {
   color: var(--danger-color);
-  line-height: 1.8rem;
+  line-height: 2rem;
   font-weight: 600;
 }
 
 /* virtual-css:css:616ae3b49446388ff62e911490fa55d8 */
-.Button_button__NjVkM {
+.Button_button__NmQ1Z {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2529,141 +2556,142 @@ li {
   font-family: inherit;
   font-weight: 500;
   color: var(--input-font-color);
-  background: var(--input-color);
+  background: var(--base-color-3);
   border: 1px solid transparent;
   border-radius: var(--border-radius);
   padding: var(--padding);
   position: relative;
   cursor: pointer;
-  line-height: 1;
+  line-height: 1.5;
+  --button-height: calc(1.5 * var(--font-size) + 2 * var(--padding-y)) ;
 }
-.Button_button__NjVkM:disabled {
+.Button_button__NmQ1Z:disabled {
   color: var(--font-color-muted);
   pointer-events: none;
 }
-.Button_button__NjVkM:hover {
-  background: color-mix(in srgb, var(--input-color), 5% var(--font-color));
+.Button_button__NmQ1Z:hover {
+  background: color-mix(in srgb, var(--base-color-3), 5% var(--dark-color));
 }
-.Button_button__NjVkM[data-pressed] {
-  background: color-mix(in srgb, var(--input-color), 10% var(--font-color));
+.Button_button__NmQ1Z[data-pressed] {
+  background: color-mix(in srgb, var(--base-color-3), 10% var(--dark-color));
 }
-.Button_button__NjVkM.Button_primary__ODE0Z {
-  color: var(--primary-font-color);
+.Button_button__NmQ1Z.Button_primary__OTA1N {
+  color: var(--primary-font-color) !important;
   background: var(--primary-color);
 }
-.Button_button__NjVkM.Button_primary__ODE0Z:hover {
-  background: color-mix(in srgb, var(--primary-color), 10% var(--background-color));
+.Button_button__NmQ1Z.Button_primary__OTA1N:hover {
+  background: color-mix(in srgb, var(--primary-color), 10% var(--primary-font-color));
 }
-.Button_button__NjVkM.Button_primary__ODE0Z[data-pressed] {
-  background: color-mix(in srgb, var(--primary-color), 20% var(--background-color));
+.Button_button__NmQ1Z.Button_primary__OTA1N[data-pressed] {
+  background: color-mix(in srgb, var(--primary-color), 20% var(--primary-font-color));
 }
-.Button_button__NjVkM.Button_primary__ODE0Z:disabled {
+.Button_button__NmQ1Z.Button_primary__OTA1N:disabled {
   color: var(--primary-font-color);
-  background: var(--base-color-500);
+  background: var(--base-color-9);
 }
-.Button_button__NjVkM.Button_outline__YWI2M {
+.Button_button__NmQ1Z.Button_outline__M2Y2Y {
   background: transparent;
   border: var(--border);
   box-shadow: var(--box-shadow-1);
 }
-.Button_button__NjVkM.Button_outline__YWI2M:hover {
-  background: var(--input-color);
+.Button_button__NmQ1Z.Button_outline__M2Y2Y:hover {
+  background: var(--highlight-color);
 }
-.Button_button__NjVkM.Button_outline__YWI2M[data-pressed] {
-  background: color-mix(in srgb, var(--input-color), 5% var(--font-color));
+.Button_button__NmQ1Z.Button_outline__M2Y2Y[data-pressed] {
+  background: color-mix(in srgb, var(--highlight-color), 5% var(--dark-color));
 }
-.Button_button__NjVkM.Button_quiet__ZjE5N {
+.Button_button__NmQ1Z.Button_quiet__ZWIxO {
   background: transparent;
 }
-.Button_button__NjVkM.Button_quiet__ZjE5N:hover {
-  background: var(--input-color);
+.Button_button__NmQ1Z.Button_quiet__ZWIxO:hover {
+  background: var(--highlight-color);
 }
-.Button_button__NjVkM.Button_quiet__ZjE5N[data-pressed] {
-  background: color-mix(in srgb, var(--input-color), 5% var(--font-color));
+.Button_button__NmQ1Z.Button_quiet__ZWIxO[data-pressed] {
+  background: color-mix(in srgb, var(--highlight-color), 5% var(--dark-color));
 }
-.Button_button__NjVkM.Button_danger__YTliM {
+.Button_button__NmQ1Z.Button_danger__NmE2Y {
   color: var(--light-color);
   background: var(--danger-color);
 }
-.Button_button__NjVkM.Button_danger__YTliM:hover {
+.Button_button__NmQ1Z.Button_danger__NmE2Y:hover {
   background: color-mix(in srgb, var(--danger-color), 6% black);
 }
-.Button_button__NjVkM.Button_danger__YTliM[data-pressed] {
+.Button_button__NmQ1Z.Button_danger__NmE2Y[data-pressed] {
   background: color-mix(in srgb, var(--danger-color), 12% black);
 }
-.Button_button__NjVkM.Button_danger__YTliM:disabled {
+.Button_button__NmQ1Z.Button_danger__NmE2Y:disabled {
   color: var(--primary-font-color);
-  background: var(--base-color-500);
-}
-.Button_button__NjVkM.Button_xs__ZjFkY {
-  font-size: .8rem;
-  padding: 0.5rem 0.75rem;
+  background: var(--base-color-8);
 }
-.Button_button__NjVkM.Button_sm__OGEyM {
-  font-size: .9rem;
-  padding: 0.5rem 0.75rem;
+.Button_button__NmQ1Z.Button_sm__ZTRkN {
+  font-size: calc(0.9 * var(--font-size));
+  padding: calc(0.5 * var(--padding-y)) calc(0.75 * var(--padding-x));
+  min-height: calc(0.9 * var(--button-height));
 }
-.Button_button__NjVkM.Button_md__OWE1Y {
-  font-size: 1rem;
-  padding: 0.75rem 1rem;
+.Button_button__NmQ1Z.Button_md__ZDE4Z {
+  font-size: var(--font-size);
+  padding: var(--padding);
+  min-height: var(--button-height);
 }
-.Button_button__NjVkM.Button_lg__NDAzN {
-  font-size: 1.1rem;
-  padding: 1rem 1.25rem;
+.Button_button__NmQ1Z.Button_lg__Yjk1O {
+  font-size: calc(1.25 * var(--font-size));
+  padding: var(--padding-y) calc(1.25 * var(--padding-x));
+  min-height: calc(1.25 * var(--button-height));
 }
-.Button_button__NjVkM.Button_xl__ZmJkO {
-  font-size: 1.3rem;
-  padding: 1.25rem 1.5rem;
+.Button_button__NmQ1Z.Button_xl__N2NkM {
+  font-size: calc(1.5 * var(--font-size));
+  padding: calc(1.25 * var(--padding-y)) calc(1.25 * var(--padding-x));
+  min-height: calc(1.5 * var(--button-height));
 }
-body a.Button_button__NjVkM {
+body a.Button_button__NmQ1Z {
   color: inherit;
   text-decoration: none;
 }
 
 /* virtual-css:css:6431f1954dbf33e1f5f76d4a337f4621 */
-.Spinner_spinner__YmIxY {
+.Spinner_spinner__NGM1Z {
   position: relative;
   display: inline-flex;
   justify-content: center;
   align-items: center;
 }
-.Spinner_spinner__YmIxY svg {
+.Spinner_spinner__NGM1Z svg {
   fill: none;
   font-size: 16px;
   stroke-width: 0.15em;
   transform-origin: center center;
-  animation: Spinner_spinner-rotate__M2JlN 1.6s linear infinite;
+  animation: Spinner_spinner-rotate__OGEwZ 1.6s linear infinite;
 }
-.Spinner_track__ODU2M {
-  stroke: var(--input-color);
+.Spinner_track__NDk4Z {
+  stroke: var(--base-color-4);
 }
-.Spinner_fill__YzAwM {
+.Spinner_fill__NDViY {
   stroke: var(--primary-color);
   stroke-linecap: square;
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
-  animation: Spinner_spinner-dash__YWNmO 1.2s ease-in-out infinite;
+  animation: Spinner_spinner-dash__ZDNmY 1.2s ease-in-out infinite;
 }
-.Spinner_size-sm__MTQ0Z svg {
+.Spinner_size-sm__NTY4Y svg {
   width: 16px;
   height: 16px;
 }
-.Spinner_size-md__Y2VlY svg {
+.Spinner_size-md__ZDQ0Y svg {
   width: 24px;
   height: 24px;
 }
-.Spinner_size-lg__MjNjZ svg {
+.Spinner_size-lg__YzIxZ svg {
   width: 32px;
   height: 32px;
 }
-.Spinner_size-xl__NTdhZ svg {
+.Spinner_size-xl__NGQ1Z svg {
   width: 64px;
   height: 64px;
 }
-.Spinner_quiet__ZmYxN .Spinner_track__ODU2M {
+.Spinner_quiet__ODg0N .Spinner_track__NDk4Z {
   display: none;
 }
-@keyframes Spinner_spinner-rotate__M2JlN {
+@keyframes Spinner_spinner-rotate__OGEwZ {
   0% {
     transform: rotate(0deg);
   }
@@ -2671,7 +2699,7 @@ body a.Button_button__NjVkM {
     transform: rotate(360deg);
   }
 }
-@keyframes Spinner_spinner-dash__YWNmO {
+@keyframes Spinner_spinner-dash__ZDNmY {
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2797,6 +2825,8 @@ body a.Button_button__NjVkM {
   transform: translateY(-50%);
 }
 
+/* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
+
 /* virtual-css:css:fa53717340120f23a623f1ff98237d94 */
 .Accordion_accordion__ODg3O {
   display: flex;
@@ -2840,21 +2870,31 @@ body a.Button_button__NjVkM {
 }
 
 /* virtual-css:css:190b71b0b870ea6c0882d0c839c39b19 */
-.Dialog_dialog__ZjkxM {
+.Dialog_dialog__ZmY2N {
   position: relative;
+  outline: none;
+}
+.Dialog_title__Yzg1Y {
+  font-size: var(--font-size-4);
+  font-weight: 700;
+  margin-bottom: var(--spacing-3);
+}
+.Dialog_modal__OWRhY {
   padding: var(--spacing-6);
   box-shadow: var(--box-shadow-4);
   background: var(--background-color);
   border: var(--border);
   border-radius: var(--border-radius);
-  outline: none;
 }
-.Dialog_title__ZjRmY {
-  font-size: var(--font-size-4);
-  font-weight: 700;
-  margin-bottom: var(--spacing-3);
+.Dialog_menu__YmJjN {
+  padding: var(--spacing-2);
+  box-shadow: var(--box-shadow-3);
+  background: var(--background-color);
+  border: var(--border);
+  border-radius: var(--border-radius);
 }
-.Dialog_sheet__ZjI3Z {
+.Dialog_sheet__Mjk2Y {
+  background: var(--background-color);
   width: 100%;
   height: 100%;
   border-radius: 0;
@@ -2870,6 +2910,18 @@ body a.Button_button__NjVkM {
   font-weight: 700;
 }
 
+/* virtual-css:css:642a816d71e0e4e5346089e7fb2bf78b */
+.Block_block__MGVlZ {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  font-size: var(--font-size);
+  gap: var(--gap);
+  padding: var(--padding);
+  border-radius: var(--border-radius);
+  line-height: 1.5;
+}
+
 /* virtual-css:css:24928f94983bde06afba78ec92a4df4b */
 .Blockquote_blockquote__MzZmO {
   font-size: var(--font-size);
@@ -2964,7 +3016,7 @@ body a.Button_button__NjVkM {
 }
 
 /* virtual-css:css:98988f24a8f1f9732e1edf323cdce610 */
-.Checkbox_checkbox__ZTFlY {
+.Checkbox_checkbox__OTliN {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -2972,7 +3024,7 @@ body a.Button_button__NjVkM {
   font-size: var(--font-size);
   color: var(--font-color);
 }
-.Checkbox_box__NzU3Z {
+.Checkbox_box__M2E3Z {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2985,70 +3037,69 @@ body a.Button_button__NjVkM {
   cursor: pointer;
   box-shadow: var(--box-shadow);
 }
-.Checkbox_icon__ZGEwN {
+.Checkbox_icon__ODgyZ {
   display: none;
 }
-.Checkbox_checkbox__ZTFlY[data-selected] .Checkbox_box__NzU3Z {
+.Checkbox_checkbox__OTliN[data-selected] .Checkbox_box__M2E3Z {
   color: var(--primary-font-color);
   background: var(--primary-color);
   border-color: var(--primary-color);
 }
-.Checkbox_checkbox__ZTFlY[data-selected] .Checkbox_icon__ZGEwN,
-.Checkbox_checkbox__ZTFlY[data-indeterminate] .Checkbox_icon__ZGEwN {
+.Checkbox_checkbox__OTliN[data-selected] .Checkbox_icon__ODgyZ,
+.Checkbox_checkbox__OTliN[data-indeterminate] .Checkbox_icon__ODgyZ {
   display: block;
 }
-.Checkbox_checkbox__ZTFlY[data-indeterminate] .Checkbox_box__NzU3Z {
+.Checkbox_checkbox__OTliN[data-indeterminate] .Checkbox_box__M2E3Z {
   color: var(--font-color);
   background: var(--background-color);
 }
-.Checkbox_checkbox__ZTFlY[data-disabled] {
+.Checkbox_checkbox__OTliN[data-disabled] {
   color: var(--font-color-muted);
 }
-.Checkbox_checkbox__ZTFlY[data-disabled] .Checkbox_box__NzU3Z {
-  background: var(--input-disabled-color);
+.Checkbox_checkbox__OTliN[data-disabled] .Checkbox_box__M2E3Z {
+  background: var(--base-color-4);
   pointer-events: none;
 }
-.Checkbox_checkbox__ZTFlY[data-focused] .Checkbox_box__NzU3Z,
-.Checkbox_checkbox__ZTFlY[data-focused-visible] .Checkbox_box__NzU3Z {
+.Checkbox_checkbox__OTliN[data-focused] .Checkbox_box__M2E3Z,
+.Checkbox_checkbox__OTliN[data-focused-visible] .Checkbox_box__M2E3Z {
   border-color: transparent;
   outline: var(--outline);
 }
 
 /* virtual-css:css:a3f0bcbc602e66499a3823844c11db39 */
-.Code_code__OGIyN {
+.Code_code__NmYxN {
   font-family: var(--font-family-code);
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-medium);
   color: var(--font-color);
-  background: var(--highlight-color);
+  background: var(--base-color-1);
   border-radius: var(--border-radius);
   padding: var(--spacing-1);
 }
 
 /* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
-.List_list__YzVmZ {
-  overflow: hidden;
+.List_list__ZjQ0Z {
   min-width: 100px;
+  overflow: hidden;
   outline: none;
 }
-.List_separator__ZjQ4N {
+.List_separator__OGExO {
   border-bottom: var(--border);
 }
-.List_section__YzYxM {
+.List_section__MGFiY:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.List_header__NjQ3Z {
+.List_header__MDczN {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.List_item__ZDFkY {
+.List_item__OGFiZ {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: var(--font-size);
   color: var(--font-color);
-  background: var(--background-color);
   padding: var(--padding);
   gap: var(--gap);
   min-width: 120px;
@@ -3056,52 +3107,22 @@ body a.Button_button__NjVkM {
   outline: none;
   border-radius: var(--border-radius);
 }
-.List_item__ZDFkY[data-focus],
-.List_item__ZDFkY[data-focus-visible] {
-  outline: var(--outline);
+.List_item__OGFiZ[data-focus],
+.List_item__OGFiZ[data-focus-visible] {
   background: var(--highlight-color);
 }
-.List_item__ZDFkY:hover {
+.List_item__OGFiZ:hover {
   background: var(--highlight-color);
 }
-.List_item__ZDFkY[data-selected] {
+.List_item__OGFiZ[data-selected] {
   font-weight: bold;
 }
-.List_item__ZDFkY[data-selected] .List_check__MjQ1Z {
-  display: block;
-}
-.List_check__MjQ1Z {
-  display: none;
-}
-
-/* virtual-css:css:22e6c8058c0151ab54d204a5cd8c6d11 */
-.ListItem_item__MzQ0Z {
+.List_item__OGFiZ[data-selected] .List_check__NTA3N {
   display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: var(--font-size);
-  color: var(--font-color);
-  background: var(--background-color);
-  padding: var(--padding);
-  gap: var(--gap);
-  min-width: 120px;
-  cursor: pointer;
-  outline: none;
-}
-.ListItem_item__MzQ0Z[data-focus],
-.ListItem_item__MzQ0Z[data-focus-visible] {
-  background: var(--highlight-color);
-}
-.ListItem_item__MzQ0Z:hover {
-  background: var(--highlight-color);
-}
-.ListItem_item__MzQ0Z[data-selected] {
-  font-weight: bold;
-}
-.ListItem_item__MzQ0Z[data-selected] .ListItem_check__Njk5Z {
-  display: block;
+  justify-content: flex-end;
+  flex: 1;
 }
-.ListItem_check__Njk5Z {
+.List_check__NTA3N {
   display: none;
 }
 
@@ -3238,18 +3259,19 @@ body a.Button_button__NjVkM {
 }
 
 /* virtual-css:css:ac55918cdbb6b3a9ac9deedf05ce3806 */
-.input_field__ZTk4Z {
+.input_field__YjQxZ {
+  position: relative;
   min-width: 240px;
 }
-.input_field__ZTk4Z,
-.input_row__ZGY2N {
+.input_field__YjQxZ,
+.input_row__YjAxO {
   position: relative;
 }
-.input_field__ZTk4Z[data-readonly] .input_input__ODNmN,
-.input_field__ZTk4Z[data-disabled] .input_input__ODNmN {
-  background: var(--input-disabled-color);
+.input_field__YjQxZ[data-readonly] .input_input__NjMwN,
+.input_field__YjQxZ[data-disabled] .input_input__NjMwN {
+  background: var(--base-color-4);
 }
-.input_input__ODNmN {
+.input_input__NjMwN {
   font-size: var(--font-size);
   color: var(--font-color);
   border: var(--border);
@@ -3260,37 +3282,38 @@ body a.Button_button__NjVkM {
   line-height: 1.5rem;
   width: 100%;
 }
-.input_input__ODNmN:focus {
+.input_input__NjMwN:focus {
   border-color: transparent;
   outline: var(--outline);
 }
-.input_input__ODNmN::placeholder {
+.input_input__NjMwN::placeholder {
   color: var(--font-color-muted);
 }
-.input_input__ODNmN:disabled {
+.input_input__NjMwN:disabled {
   color: var(--font-color-muted);
 }
-.input_input__ODNmN::-webkit-search-cancel-button,
-.input_input__ODNmN::-webkit-search-decoration {
+.input_input__NjMwN::-webkit-search-cancel-button,
+.input_input__NjMwN::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.input_icon__MTEwY {
+.input_icon__OTVkO {
   color: var(--font-color-muted);
   background: var(--background-color);
 }
-.input_icon__MTEwY:hover {
+.input_icon__OTVkO:hover {
   color: var(--font-color);
   cursor: pointer;
 }
 
 /* virtual-css:css:f85c857d13f820fa4badfb09996080b9 */
-.TextField_allowCopy__Yjc3Y {
+.TextField_allowCopy__NmUxY {
   padding-right: 32px;
 }
-.TextField_icon__OWIxY {
+.TextField_icon__OTcxO {
   position: absolute;
-  top: var(--padding-y);
-  right: var(--padding-x);
+  top: var(--spacing-4);
+  right: var(--spacing-3);
+  background: none;
 }
 
 /* virtual-css:css:603e8ab63f869366a7b9c81da6a1d757 */
@@ -3357,14 +3380,17 @@ body a.Button_button__NjVkM {
 }
 
 /* virtual-css:css:e32e6d85b42dfdfd441346c5ed822361 */
-.DataTable_datatable__MWRkN {
+.DataTable_datatable__ZmQ3Z {
   position: relative;
   font-size: var(--font-size);
   color: var(--font-color);
 }
-.DataTable_cell__MmMyM {
+.DataTable_cell__NzZlM {
   align-items: center;
 }
+.DataTable_hidden__M2MxN {
+  display: none;
+}
 
 /* virtual-css:css:e66162403f9946d7217dc462fee28120 */
 .Dots_dots__NzQ0Z {
@@ -3402,8 +3428,8 @@ body a.Button_button__NjVkM {
 }
 
 /* virtual-css:css:94870e251b7b77526d8ae103079be601 */
-.Heading_heading__M2E2M {
-  color: var(--font-color);
+.Heading_heading__MGIyZ {
+  color: var(--heading-color);
   font-weight: var(--font-weight-bold);
   line-height: 1.2;
 }
@@ -3484,47 +3510,61 @@ body a.Button_button__NjVkM {
   display: inline-flex;
 }
 
-/* virtual-css:css:5c07bfbaaadd9a36662b7b192e21ab8e */
-.MenuItem_item__ODRhY {
+/* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
+.Menu_menu__YmUyN {
+  min-width: 200px;
+  border: var(--border);
+  border-radius: var(--border-radius);
+  padding: var(--spacing-2);
+  box-shadow: var(--box-shadow-3);
+  background: var(--background-color);
+  overflow: hidden;
+}
+.Menu_separator__NDFlO {
+  border-bottom: var(--border);
+  margin: var(--spacing-2) calc(-1 * var(--spacing-3));
+}
+.Menu_section__YjJjY:not(:last-child) {
+  margin-bottom: var(--spacing-4);
+}
+.Menu_header__NDVjN {
+  font-size: var(--font-size-2);
+  font-weight: var(--font-weight-bold);
+  padding: var(--padding);
+}
+.Menu_item__YjBiN {
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  gap: var(--gap);
   font-size: var(--font-size);
   color: var(--font-color);
   background: var(--background-color);
   padding: var(--padding);
   border-radius: var(--border-radius);
-  gap: var(--gap);
   cursor: pointer;
   outline: none;
+  width: 100%;
+}
+.Menu_item__YjBiN[data-focus],
+.Menu_item__YjBiN[data-focus-visible] {
+  outline: var(--outline);
+  background: var(--highlight-color);
 }
-.MenuItem_item__ODRhY:hover {
+.Menu_item__YjBiN:hover {
   background: var(--highlight-color);
 }
-.MenuItem_item__ODRhY[data-selected] {
+.Menu_item__YjBiN[data-selected] {
   font-weight: bold;
 }
-.MenuItem_item__ODRhY[data-selected] .MenuItem_check__MDU0O {
-  display: block;
+.Menu_item__YjBiN[data-selected] .Menu_check__YmVhZ {
+  display: flex;
+  justify-content: flex-end;
+  flex: 1;
 }
-.MenuItem_check__MDU0O {
+.Menu_check__YmVhZ {
   display: none;
 }
 
-/* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
-.Menu_menu__ZWY0O {
-  overflow: hidden;
-  min-width: 200px;
-  border: var(--border);
-  border-radius: var(--border-radius);
-  padding: var(--spacing-2);
-  box-shadow: var(--box-shadow);
-  background: var(--background-color);
-}
-.Menu_separator__NWIzY {
-  border-bottom: var(--border);
-}
-
 /* virtual-css:css:593a0302ed618f22d0e6c3631ec684d2 */
 .Modal_overlay__OGJmN {
   position: fixed;
@@ -3663,15 +3703,15 @@ body a.Button_button__NjVkM {
   }
 }
 
-/* virtual-css:css:7c95369a2288922bc0171d19153df57a */
-.NavigationMenu_nav__ODM5N {
+/* virtual-css:css:bb343d54051132b757b1faf696c283f2 */
+.NavBar_nav__NDgxZ {
   display: flex;
   align-items: center;
   font-size: var(--font-size);
   color: var(--font-color);
   gap: var(--gap-lg);
 }
-.NavigationMenu_item__NDA4N {
+.NavBar_item__OGRlN {
   display: flex;
   align-items: center;
   gap: var(--gap);
@@ -3680,15 +3720,15 @@ body a.Button_button__NjVkM {
   font-weight: 700;
   cursor: default;
 }
-.NavigationMenu_item__NDA4N:hover {
+.NavBar_item__OGRlN:hover {
   background: var(--highlight-color);
 }
-.NavigationMenu_nav__ODM5N .NavigationMenu_item__NDA4N > a,
-.NavigationMenu_nav__ODM5N .NavigationMenu_item__NDA4N > a:hover {
+.NavBar_nav__NDgxZ .NavBar_item__OGRlN > a,
+.NavBar_nav__NDgxZ .NavBar_item__OGRlN > a:hover {
   color: var(--font-color);
   text-decoration: none;
 }
-.NavigationMenu_icon__ZGVlN {
+.NavBar_icon__NWFiY {
   color: var(--font-color-muted);
 }
 
@@ -3700,50 +3740,50 @@ body a.Button_button__NjVkM {
 }
 
 /* virtual-css:css:0e892dc2f62a700ee33f11aa6f8910ef */
-.ProgressBar_progressbar__YTVjY {
+.ProgressBar_progressbar__YzdlO {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--spacing-3);
 }
-.ProgressBar_track__MmQ3O {
+.ProgressBar_track__YzgzY {
   height: 10px;
-  background: var(--input-color);
+  background: var(--base-color-3);
   flex-basis: 100%;
   width: fit-content;
   border-radius: var(--border-radius);
   overflow: hidden;
   min-width: 100px;
 }
-.ProgressBar_fill__NmU3N {
+.ProgressBar_fill__ZTJlM {
   background: var(--primary-color);
   height: 10px;
 }
-.ProgressBar_value__MmE2Z {
+.ProgressBar_value__NDk1Z {
   font-weight: 700;
 }
 
 /* virtual-css:css:ac56d6d3b2b675ab859f34e135611c1a */
-.ProgressCircle_progresscircle__MmU2O {
+.ProgressCircle_progresscircle__NGMyY {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.ProgressCircle_progresscircle__MmU2O svg {
+.ProgressCircle_progresscircle__NGMyY svg {
   fill: none;
   stroke-width: 8px;
   transform: rotate(-90deg);
   width: 96px;
   height: 96px;
 }
-.ProgressCircle_track__NmMzN {
-  stroke: var(--input-color);
+.ProgressCircle_track__YzY2M {
+  stroke: var(--base-color-3);
 }
-.ProgressCircle_fill__MjcxM {
+.ProgressCircle_fill__ZmMzM {
   stroke: var(--primary-color);
 }
-.ProgressCircle_value__MzkxZ {
+.ProgressCircle_value__YjM0Y {
   font-size: var(--font-size);
   color: var(--font-color);
   font-weight: 700;
@@ -3754,26 +3794,26 @@ body a.Button_button__NjVkM {
 }
 
 /* virtual-css:css:e3e6aca5943038cfd68ddbab1d1ccf5e */
-.RadioGroup_radiogroup__YWJkY {
+.RadioGroup_radiogroup__ZjI3O {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
   font-size: var(--font-size);
   color: var(--font-color);
 }
-.RadioGroup_radiogroup__YWJkY[data-orientation=vertical] {
+.RadioGroup_radiogroup__ZjI3O[data-orientation=vertical] {
   flex-direction: column;
 }
-.RadioGroup_radiogroup__YWJkY[data-orientation=horizontal] {
+.RadioGroup_radiogroup__ZjI3O[data-orientation=horizontal] {
   flex-direction: row;
 }
-.RadioGroup_radio__YjVkY {
+.RadioGroup_radio__NjJiN {
   display: flex;
   align-items: center;
   gap: var(--spacing-3);
   forced-color-adjust: none;
 }
-.RadioGroup_radio__YjVkY:before {
+.RadioGroup_radio__NjJiN:before {
   content: "";
   display: block;
   width: 20px;
@@ -3785,46 +3825,51 @@ body a.Button_button__NjVkM {
   transition: all 200ms;
   box-shadow: var(--box-shadow);
 }
-.RadioGroup_radio__YjVkY[data-pressed]:before {
+.RadioGroup_radio__NjJiN[data-pressed]:before {
   border-color: var(--border-color);
 }
-.RadioGroup_radio__YjVkY[data-selected]:before {
+.RadioGroup_radio__NjJiN[data-selected]:before {
   border-color: var(--primary-color);
   border-width: 7px;
 }
-.RadioGroup_radio__YjVkY[data-selected][data-pressed]:before {
+.RadioGroup_radio__NjJiN[data-selected][data-pressed]:before {
   border-color: var(--primary-color);
 }
-.RadioGroup_radio__YjVkY[data-disabled] {
+.RadioGroup_radio__NjJiN[data-disabled] {
   color: var(--font-color-muted);
 }
-.RadioGroup_radio__YjVkY[data-disabled]:before {
-  background-color: var(--input-disabled-color);
+.RadioGroup_radio__NjJiN[data-disabled]:before {
+  background-color: var(--base-color-4);
 }
 
 /* virtual-css:css:3ce2e85ef9035a94276951bdf0511402 */
-.SearchField_search__N2VmN {
+.SearchField_search__MzkwY {
   position: absolute;
-  top: 12px;
-  left: 9px;
+  top: 0;
+  left: var(--spacing-3);
+  bottom: 0;
+  height: 100%;
+  background: none;
 }
-.SearchField_input__MTQ2Y {
-  padding-left: 28px;
-  padding-right: 24px;
+.SearchField_input__OGFiY {
+  padding-left: var(--spacing-7);
+  padding-right: var(--spacing-7);
 }
-.SearchField_close__MmUwM {
+.SearchField_close__NmJkM {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   position: absolute;
-  top: 9px;
-  right: 0;
-  border: none;
+  top: 0;
+  right: var(--spacing-3);
+  bottom: 0;
+  height: 100%;
+  border: 0;
   background: none;
-  border-radius: var(--border-radius-full);
-  padding: 0;
-  margin: 0 var(--spacing-2);
 }
 
 /* virtual-css:css:851dd5366a20c382ffec60997ee93e35 */
-.Select_button__NTBiN {
+.Select_button__YTc2N {
   display: flex;
   align-items: center;
   font-size: var(--font-size);
@@ -3836,23 +3881,131 @@ body a.Button_button__NjVkM {
   background: var(--background-color);
   cursor: pointer;
 }
-.Select_list__NzAxO {
+.Select_list__ZjZhM {
   min-width: 200px;
   border: var(--border);
   border-radius: var(--border-radius);
   box-shadow: var(--box-shadow-3);
+  background: var(--background-color);
 }
-.Select_list__NzAxO > * {
+.Select_list__ZjZhM > * {
   border-radius: 0;
 }
-.Select_icon__MjMwM {
+.Select_icon__NzU3O {
   color: var(--font-color-disabled);
 }
-.Select_icon__MjMwM:hover {
+.Select_icon__NzU3O:hover {
   color: var(--font-color);
   cursor: pointer;
 }
 
+/* virtual-css:css:34d15f1efb5cfdf86de5abea08f767ce */
+.Tooltip_tooltip__NDBjM {
+  font-size: var(--font-size);
+  color: var(--light-color);
+  background: rgba(0, 0, 0, 0.8);
+  forced-color-adjust: none;
+  outline: none;
+  padding: var(--padding);
+  border-radius: var(--border-radius);
+  max-width: 150px;
+  transform: translate3d(0, 0, 0);
+}
+.Tooltip_tooltip__NDBjM[data-placement=top] {
+  margin-bottom: 8px;
+  --origin: translateY(4px);
+}
+.Tooltip_tooltip__NDBjM[data-placement=bottom] {
+  margin-top: 8px;
+  --origin: translateY(-4px);
+}
+.Tooltip_tooltip__NDBjM[data-placement=bottom] .Tooltip_arrow__NzM4M svg {
+  transform: rotate(180deg);
+}
+.Tooltip_tooltip__NDBjM[data-placement=right] {
+  margin-left: 8px;
+  --origin: translateX(-4px);
+}
+.Tooltip_tooltip__NDBjM[data-placement=right] .Tooltip_arrow__NzM4M svg {
+  transform: rotate(90deg);
+}
+.Tooltip_tooltip__NDBjM[data-placement=left] {
+  margin-right: 8px;
+  --origin: translateX(4px);
+}
+.Tooltip_tooltip__NDBjM[data-placement=left] .Tooltip_arrow__NzM4M svg {
+  transform: rotate(-90deg);
+}
+.Tooltip_tooltip__NDBjM .Tooltip_arrow__NzM4M svg {
+  display: block;
+  fill: rgba(0, 0, 0, 0.8);
+}
+.Tooltip_tooltip__NDBjM[data-entering] {
+  animation: Tooltip_slide__NzNkY 200ms;
+}
+.Tooltip_tooltip__NDBjM[data-exiting] {
+  animation: Tooltip_slide__NzNkY 200ms reverse ease-in;
+}
+@keyframes Tooltip_slide__NzNkY {
+  from {
+    transform: var(--origin);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+/* virtual-css:css:12d12fae43d9120371ddbb4f1c814f07 */
+.SideNav_sidenav__NThiY {
+  height: 100%;
+  font-size: var(--font-size);
+  background-color: var(--base-color-1);
+  border-right: 1px solid var(--border-color);
+  width: 200px;
+}
+.SideNav_header__YTM2M {
+  display: flex;
+  align-items: center;
+  gap: var(--gap);
+  padding: var(--padding);
+}
+.SideNav_name__MWQ1M {
+  font-weight: var(--font-weight-bold);
+}
+.SideNav_section__MTUyY {
+  padding: var(--spacing-3);
+}
+.SideNav_title__MTNlY {
+  font-weight: var(--font-weight-bold);
+}
+.SideNav_content__OWM3N {
+  display: grid;
+  gap: var(--gap);
+}
+.SideNav_item__YTE4Z {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  color: var(--font-color-muted);
+  gap: var(--gap);
+  padding: var(--padding);
+  cursor: pointer;
+}
+.SideNav_item__YTE4Z:hover {
+  color: var(--font-color);
+  background-color: var(--base-color-2);
+}
+.SideNav_collapsed__YWMzZ .SideNav_label__YzExN {
+  display: none;
+}
+.SideNav_collapsed__YWMzZ {
+  width: 64px;
+  transition: width 0.3s ease-in-out;
+}
+
 /* virtual-css:css:02d4c53a13519acb012573b18f89110d */
 .Slider_slider__MjBhO {
   font-size: var(--font-size);
@@ -3977,7 +4130,7 @@ body a.Button_button__NjVkM {
 }
 
 /* virtual-css:css:8cabc8698d0eb1d901180dae194fab6f */
-.Switch_switch__NmQyM {
+.Switch_switch__NzI0O {
   position: relative;
   display: flex;
   align-items: center;
@@ -3985,9 +4138,9 @@ body a.Button_button__NjVkM {
   color: var(--font-color);
   gap: var(--gap);
   --knob-size: 16px;
-  --knob-border-size: 3px;
+  --knob-border-size: 2px;
 }
-.Switch_track__MGVmY {
+.Switch_track__ZWU0O {
   position: relative;
   display: flex;
   align-items: center;
@@ -3995,36 +4148,39 @@ body a.Button_button__NjVkM {
   height: calc(var(--knob-size) + var(--knob-border-size) * 2);
   border: var(--knob-border-size) solid transparent;
   border-radius: calc(var(--knob-size) + var(--knob-border-size) * 2);
-  background: var(--input-color);
+  background: var(--base-color-3);
   transition: background-color 0.2s;
   cursor: pointer;
+  outline: 1px solid var(--border-color);
 }
-.Switch_knob__Zjg3M {
+.Switch_knob__YjFmZ {
   width: var(--knob-size);
   height: var(--knob-size);
   border-radius: 100%;
   background: var(--background-color);
   transition: all 0.2s;
   box-shadow: var(--box-shadow-2);
+  outline: 1px solid var(--border-color);
 }
-.Switch_switch__NmQyM[data-selected] .Switch_track__MGVmY {
-  border-color: var(--primary-color);
+.Switch_switch__NzI0O[data-selected] .Switch_track__ZWU0O {
+  outline-color: var(--primary-color);
   background: var(--primary-color);
 }
-.Switch_switch__NmQyM[data-selected] .Switch_knob__Zjg3M {
+.Switch_switch__NzI0O[data-selected] .Switch_knob__YjFmZ {
   margin-left: var(--knob-size);
-  border-color: var(--primary-color);
+  outline-color: var(--primary-color);
 }
-.Switch_switch__NmQyM[data-disabled] {
+.Switch_switch__NzI0O[data-disabled] {
   color: var(--font-color-disabled);
   pointer-events: none;
 }
-.Switch_switch__NmQyM[data-disabled] .Switch_track__MGVmY {
-  border-color: var(--input-disabled-color);
-  background: var(--input-disabled-color);
+.Switch_switch__NzI0O[data-disabled] .Switch_track__ZWU0O {
+  background: var(--base-color-3);
+  outline-color: var(--base-color-3);
 }
-.Switch_switch__NmQyM[data-disabled] .Switch_knob__Zjg3M {
-  border-color: var(--input-disabled-color);
+.Switch_switch__NzI0O[data-disabled] .Switch_knob__YjFmZ {
+  background: var(--base-color-1);
+  outline-color: var(--base-color-1);
 }
 
 /* virtual-css:css:10b212fa8a7332a22ad571a388244d38 */
@@ -4167,64 +4323,6 @@ body a.Button_button__NjVkM {
   font-size-adjust: 0.5;
 }
 
-/* virtual-css:css:34d15f1efb5cfdf86de5abea08f767ce */
-.Tooltip_tooltip__NDBjM {
-  font-size: var(--font-size);
-  color: var(--light-color);
-  background: rgba(0, 0, 0, 0.8);
-  forced-color-adjust: none;
-  outline: none;
-  padding: var(--padding);
-  border-radius: var(--border-radius);
-  max-width: 150px;
-  transform: translate3d(0, 0, 0);
-}
-.Tooltip_tooltip__NDBjM[data-placement=top] {
-  margin-bottom: 8px;
-  --origin: translateY(4px);
-}
-.Tooltip_tooltip__NDBjM[data-placement=bottom] {
-  margin-top: 8px;
-  --origin: translateY(-4px);
-}
-.Tooltip_tooltip__NDBjM[data-placement=bottom] .Tooltip_arrow__NzM4M svg {
-  transform: rotate(180deg);
-}
-.Tooltip_tooltip__NDBjM[data-placement=right] {
-  margin-left: 8px;
-  --origin: translateX(-4px);
-}
-.Tooltip_tooltip__NDBjM[data-placement=right] .Tooltip_arrow__NzM4M svg {
-  transform: rotate(90deg);
-}
-.Tooltip_tooltip__NDBjM[data-placement=left] {
-  margin-right: 8px;
-  --origin: translateX(4px);
-}
-.Tooltip_tooltip__NDBjM[data-placement=left] .Tooltip_arrow__NzM4M svg {
-  transform: rotate(-90deg);
-}
-.Tooltip_tooltip__NDBjM .Tooltip_arrow__NzM4M svg {
-  display: block;
-  fill: rgba(0, 0, 0, 0.8);
-}
-.Tooltip_tooltip__NDBjM[data-entering] {
-  animation: Tooltip_slide__NzNkY 200ms;
-}
-.Tooltip_tooltip__NDBjM[data-exiting] {
-  animation: Tooltip_slide__NzNkY 200ms reverse ease-in;
-}
-@keyframes Tooltip_slide__NzNkY {
-  from {
-    transform: var(--origin);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-
 /* virtual-css:css:e01d9571088b882a03b91eb2755da783 */
 .PageLinks_links__NmJhO {
   position: sticky;
@@ -4265,22 +4363,22 @@ body a.Button_button__NjVkM {
 }
 
 /* virtual-css:css:2dd9c1a25bf05a14c9a7ab7ce1da6aef */
-.CodeBlock_container__ZTkxY {
+.CodeBlock_container__NjNhN {
   position: relative;
-  background: var(--base-color-900);
+  background: var(--base-color-12);
   padding: var(--spacing-5);
   border-radius: 6px;
   white-space: pre-wrap;
   word-wrap: break-word;
 }
-pre.CodeBlock_container__ZTkxY code {
+pre.CodeBlock_container__NjNhN code {
   font-family: var(--font-family-code);
-  color: var(--base-color-300);
+  color: var(--base-color-4);
   padding: 0;
   border: 0;
   background: transparent;
 }
-.CodeBlock_button__MmZkO {
+.CodeBlock_button__YzMzM {
   border: 0;
   position: absolute;
   right: var(--spacing-5);
@@ -4288,13 +4386,13 @@ pre.CodeBlock_container__ZTkxY code {
   cursor: pointer;
   background: transparent;
 }
-.CodeBlock_copy__M2I0N {
-  color: var(--base-color-300);
+.CodeBlock_copy__MjRhM {
+  color: var(--base-color-4);
 }
-.CodeBlock_copy__M2I0N:hover {
-  color: var(--base-color-50);
+.CodeBlock_copy__MjRhM:hover {
+  color: var(--base-color-1);
 }
-.CodeBlock_check__MjkzY {
+.CodeBlock_check__YTc2M {
   color: var(--success-color);
 }
 
@@ -4350,65 +4448,65 @@ pre.CodeBlock_container__ZTkxY code {
 }
 
 /* virtual-css:css:4d0931c84adfae5533b067ea199724f8 */
-.Markdown_content__NmE1Z {
+.Markdown_content__YzRmN {
   font-size: 16px;
   margin-bottom: 60px;
 }
-.Markdown_content__NmE1Z > p {
+.Markdown_content__YzRmN > p {
   color: var(--font-color);
   line-height: 1.8;
 }
-.Markdown_content__NmE1Z a {
+.Markdown_content__YzRmN a {
   color: var(--font-color);
   font-weight: 600;
   text-decoration: underline var(--border-color);
   text-underline-offset: 4px;
 }
-.Markdown_content__NmE1Z a:hover {
+.Markdown_content__YzRmN a:hover {
   color: var(--font-color);
   text-decoration: underline var(--primary-color);
 }
-.Markdown_content__NmE1Z img {
+.Markdown_content__YzRmN img {
   display: block;
   max-width: 100%;
   margin: 4rem auto;
   box-shadow: 2px 2px 16px rgba(0, 0, 0, .1);
 }
-.Markdown_content__NmE1Z h1 {
+.Markdown_content__YzRmN h1 {
   font-size: var(--font-size-8);
   letter-spacing: var(--letter-spacing-1);
   margin: 0 0 var(--spacing-4) 0;
 }
-.Markdown_content__NmE1Z h2 {
+.Markdown_content__YzRmN h2 {
   font-size: var(--font-size-6);
   letter-spacing: var(--letter-spacing-1);
   margin: var(--spacing-8) 0 var(--spacing-4) 0;
 }
-.Markdown_content__NmE1Z h3 {
+.Markdown_content__YzRmN h3 {
   font-size: var(--font-size-5);
   letter-spacing: var(--letter-spacing-1);
   margin: var(--spacing-7) 0 var(--spacing-4) 0;
 }
-.Markdown_content__NmE1Z *[id] {
+.Markdown_content__YzRmN *[id] {
   scroll-margin-top: var(--spacing-4);
 }
-.Markdown_content__NmE1Z ul {
+.Markdown_content__YzRmN ul {
   list-style: disc;
 }
-.Markdown_content__NmE1Z ol {
+.Markdown_content__YzRmN ol {
   list-style: decimal;
 }
-.Markdown_content__NmE1Z pre {
+.Markdown_content__YzRmN pre {
   margin: var(--spacing-5) 0;
 }
-.Markdown_content__NmE1Z code {
+.Markdown_content__YzRmN code {
   font-size: 14px;
 }
-.Markdown_content__NmE1Z code:not([class]) {
+.Markdown_content__YzRmN code:not([class]) {
   font-family: var(--font-family-code);
   color: var(--font-color);
   padding: var(--spacing-1);
   border-radius: var(--border-radius);
-  background: var(--base-color-50);
+  background: var(--base-color-1);
   font-weight: var(--font-weight-bold);
 }