@umami/shiso 0.42.0 → 0.43.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,138 @@
 
   --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;
+  --background-color-1: var(--base-color-1);
+  --background-color-2: var(--base-color-2);
 
-  --font-color: var(--base-color-950);
-  --font-color-muted: var(--base-color-600);
-  --font-color-disabled: var(--base-color-400);
+  --layer-color-1: var(--base-color-3);
+  --layer-color-2: var(--base-color-4);
+  --layer-color-3: var(--base-color-5);
 
-  --border-color: var(--base-color-300);
+  --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-400);
+  --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);
 
-    --font-color: var(--base-color-200);
-    --font-color-muted: var(--base-color-400);
-    --font-color-disabled: var(--base-color-500);
+  --inactive-color: var(--accent-color-gray);
+  --inactive-font-color: var(--font-color);
+}
 
-    --border-color: var(--base-color-700);
-    --border: var(--border-width) solid var(--border-color);
+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);
 
-    --outline-color: var(--base-color-600);
-    --outline: var(--border-width) solid var(--outline-color);
+  --layer-color-1: var(--base-color-3);
+  --layer-color-2: var(--base-color-4);
+  --layer-color-3: var(--base-color-5);
 
-    --primary-color: var(--base-color-50);
-    --primary-font-color: var(--base-color-900);
+  --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);
 
-    --input-color: var(--base-color-700);
-    --input-font-color: var(--font-color);
-    --input-disabled-color: var(--base-color-800);
+  --solid-color-1: var(--base-color-9);
+  --solid-color-2: var(--base-color-10);
 
-    --highlight-color: var(--base-color-800);
-    --highlight-font-color: var(--font-color);
-  }
+  --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-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 +315,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 +353,2188 @@ 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__NjY2N {
   display: var(--display);
 }
-.display-none__NzhkO {
+.vars_display-none__YjMwM {
   display: none;
 }
-.display-inline__MmM5Y {
+.vars_display-inline__ZTUyM {
   display: inline;
 }
-.display-inline-block__MjQ4Y {
+.vars_display-inline-block__MDc5O {
   display: inline-block;
 }
-.display-block__Y2U3O {
+.vars_display-block__ZTdiM {
   display: block;
 }
-.display-flex__N2FjN {
+.vars_display-flex__ZDNhM {
   display: flex;
 }
-.display-inline-flex__MmY0M {
+.vars_display-inline-flex__MDE5N {
   display: inline-flex;
 }
-.display-grid__MDY1N {
+.vars_display-grid__MjZmM {
   display: grid;
 }
-.display-inline-grid__NTdiN {
+.vars_display-inline-grid__NDE4M {
   display: inline-grid;
 }
-.position-absolute__N2VhN {
+.vars_position-absolute__OGE4Z {
   position: absolute;
 }
-.position-fixed__YmJkZ {
+.vars_position-fixed__YWZjZ {
   position: fixed;
 }
-.position-stick__ZTBiN {
+.vars_position-stick__NWUxY {
   position: sticky;
 }
-.position-static__ZjQ4O {
+.vars_position-static__NTVlM {
   position: static;
 }
-.position-relative__NjEyM {
+.vars_position-relative__YWY1M {
   position: relative;
 }
-.font-size__MzBlO {
+.vars_font-size__NTk4Z {
   font-size: var(--font-size);
 }
-.font-size-1__YzIwN {
+.vars_font-size-1__NWNmY {
   font-size: var(--font-size-1);
 }
-.font-size-2__MDYxZ {
+.vars_font-size-2__MmE4Y {
   font-size: var(--font-size-2);
 }
-.font-size-3__YTY2N {
+.vars_font-size-3__NTk4Z {
   font-size: var(--font-size-3);
 }
-.font-size-4__NGM5N {
+.vars_font-size-4__MmVjM {
   font-size: var(--font-size-4);
 }
-.font-size-5__MmNhN {
+.vars_font-size-5__YzU1O {
   font-size: var(--font-size-5);
 }
-.font-size-6__YmM3N {
+.vars_font-size-6__YjYxM {
   font-size: var(--font-size-6);
 }
-.font-size-7__YTYxN {
+.vars_font-size-7__MjZiZ {
   font-size: var(--font-size-7);
 }
-.font-size-8__YmJiM {
+.vars_font-size-8__YzdjM {
   font-size: var(--font-size-8);
 }
-.font-size-9__NjZiM {
+.vars_font-size-9__NWU3Z {
   font-size: var(--font-size-9);
 }
-.heading-size__MjY3N {
+.vars_heading-size__ZTQxO {
   font-size: var(--heading-size);
 }
-.heading-size-1__MjZkM {
+.vars_heading-size-1__YzVjY {
   font-size: var(--heading-size-1);
 }
-.heading-size-2__ZGQyM {
+.vars_heading-size-2__MTUxO {
   font-size: var(--heading-size-2);
 }
-.heading-size-3__MzEwN {
+.vars_heading-size-3__MGQxY {
   font-size: var(--heading-size-3);
 }
-.heading-size-4__Y2YwO {
+.vars_heading-size-4__YjhkZ {
   font-size: var(--heading-size-4);
 }
-.heading-size-5__MjBjM {
+.vars_heading-size-5__MWVmN {
   font-size: var(--heading-size-5);
 }
-.heading-size-6__ODRmM {
+.vars_heading-size-6__NTY3Y {
   font-size: var(--heading-size-6);
 }
-.font-weight-light__ZTljM {
+.vars_font-weight-light__ZWE5O {
   font-weight: var(--font-weight-light);
 }
-.font-weight-regular__ODhlZ {
+.vars_font-weight-regular__NWRiO {
   font-weight: var(--font-weight-regular);
 }
-.font-weight-medium__YzA0Y {
+.vars_font-weight-medium__MDA1Y {
   font-weight: var(--font-weight-medium);
 }
-.font-weight-bold__YmI4M {
+.vars_font-weight-bold__N2Y2M {
   font-weight: var(--font-weight-bold);
 }
-.border-size-1__NmNmO {
+.vars_border-size-1__YTU2Z {
   border: var(--border-size-1) solid var(--border-color);
 }
-.border-size-2__MjY3Z {
+.vars_border-size-2__ZTZlZ {
   border: var(--border-size-2) solid var(--border-color);
 }
-.border-size-3__MmNhM {
+.vars_border-size-3__MzY0N {
   border: var(--border-size-3) solid var(--border-color);
 }
-.border-size-4__OGFlM {
+.vars_border-size-4__NjA3O {
   border: var(--border-size-4) solid var(--border-color);
 }
-.border-radius-1__MjIzY {
+.vars_border-radius-1__NWRjN {
   border-radius: var(--border-radius-1);
 }
-.border-radius-2__YTA0Z {
+.vars_border-radius-2__ZWFhN {
   border-radius: var(--border-radius-2);
 }
-.border-radius-3__NWY2Z {
+.vars_border-radius-3__MzgzY {
   border-radius: var(--border-radius-3);
 }
-.border-radius-4__YjEwZ {
+.vars_border-radius-4__MTcxM {
   border-radius: var(--border-radius-4);
 }
-.border-radius-5__MjA2M {
+.vars_border-radius-full__ZDI2Y {
   border-radius: var(--border-radius-full);
 }
-.shadow-1__MWUxM {
+.vars_shadow-1__Mjg1Y {
   box-shadow: var(--box-shadow-1);
 }
-.shadow-2__NmY1N {
+.vars_shadow-2__NTE0M {
   box-shadow: var(--box-shadow-2);
 }
-.shadow-3__Yzc5N {
+.vars_shadow-3__MTA3Y {
   box-shadow: var(--box-shadow-3);
 }
-.shadow-4__ZmRlY {
+.vars_shadow-4__MTBjM {
   box-shadow: var(--box-shadow-4);
 }
-.shadow-5__NmQ5N {
+.vars_shadow-5__OWE5Y {
   box-shadow: var(--box-shadow-5);
 }
-.shadow-6__ZDM4N {
+.vars_shadow-6__NDhhZ {
   box-shadow: var(--box-shadow-6);
 }
-.font-color-primary__ODJmZ {
+.vars_font-color-primary__NDk0M {
   color: var(--primary-color);
 }
-.font-color-muted__ZThlN {
+.vars_font-color-muted__ZGQ4M {
   color: var(--font-color-muted);
 }
-.font-color-disabled__YjdkN {
+.vars_font-color-disabled__NTA3Z {
   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);
-}
-.font-color-300__Mjk2N {
-  color: var(--base-color-300);
-}
-.font-color-400__NDk2N {
-  color: var(--base-color-400);
-}
-.font-color-500__MTMxY {
-  color: var(--base-color-500);
+.vars_font-color-1__N2E1Z {
+  color: var(--base-color-1);
 }
-.font-color-600__ZjU4M {
-  color: var(--base-color-600);
+.vars_font-color-2__NWYwN {
+  color: var(--base-color-2);
 }
-.font-color-700__NmI2M {
-  color: var(--base-color-700);
+.vars_font-color-3__YTJjY {
+  color: var(--base-color-3);
 }
-.font-color-800__ZWIwN {
-  color: var(--base-color-800);
+.vars_font-color-4__YzIxY {
+  color: var(--base-color-4);
 }
-.font-color-900__NTY5Z {
-  color: var(--base-color-900);
+.vars_font-color-5__MjQ1O {
+  color: var(--base-color-5);
 }
-.font-color-950__N2JiY {
-  color: var(--base-color-950);
+.vars_font-color-6__NWViM {
+  color: var(--base-color-6);
 }
-.font-color-gray__OTUwZ {
-  color: var(--base-color-gray);
+.vars_font-color-7__ZDkwO {
+  color: var(--base-color-7);
 }
-.font-color-mauve__NmY3N {
-  color: var(--base-color-mauve);
+.vars_font-color-8__ODliM {
+  color: var(--base-color-9);
 }
-.font-color-slate__NWRkM {
-  color: var(--base-color-slate);
+.vars_font-color-10__ZGM2N {
+  color: var(--base-color-10);
 }
-.font-color-sage__OTUwY {
-  color: var(--base-color-sage);
+.vars_font-color-11__NmZhO {
+  color: var(--base-color-11);
 }
-.font-color-olive__ZWY4Y {
-  color: var(--base-color-olive);
+.vars_font-color-12__ZGJhY {
+  color: var(--base-color-12);
 }
-.font-color-sand__OTlmN {
-  color: var(--base-color-sand);
+.vars_font-color-gray__OTIwZ {
+  color: var(--accent-color-gray);
 }
-.font-color-gold__YmExZ {
+.vars_font-color-gold__ZTU2Y {
   color: var(--accent-color-gold);
 }
-.font-color-bronze__Y2I4Z {
+.vars_font-color-bronze__YWZkY {
   color: var(--accent-color-bronze);
 }
-.font-color-brown__NWY2M {
+.vars_font-color-brown__NzM3Y {
   color: var(--accent-color-brown);
 }
-.font-color-yellow__YjY3M {
+.vars_font-color-yellow__ZWEyN {
   color: var(--accent-color-yellow);
 }
-.font-color-amber__OTJhM {
+.vars_font-color-amber__YjU0M {
   color: var(--accent-color-amber);
 }
-.font-color-orange__ZmEzM {
+.vars_font-color-orange__NjJjY {
   color: var(--accent-color-orange);
 }
-.font-color-tomato__MWU4Y {
+.vars_font-color-tomato__ZWM4Y {
   color: var(--accent-color-tomato);
 }
-.font-color-red__MTUxM {
+.vars_font-color-red__ZWNlM {
   color: var(--accent-color-red);
 }
-.font-color-ruby__ZDNkZ {
+.vars_font-color-ruby__YzMxM {
   color: var(--accent-color-ruby);
 }
-.font-color-crimson__MDg2N {
+.vars_font-color-crimson__MDk4M {
   color: var(--accent-color-crimson);
 }
-.font-color-pink__ZTdjY {
+.vars_font-color-pink__ZDUxO {
   color: var(--accent-color-pink);
 }
-.font-color-plum__NDc5Z {
+.vars_font-color-plum__YTAxZ {
   color: var(--accent-color-plum);
 }
-.font-color-purple__YjA1M {
+.vars_font-color-purple__N2JlM {
   color: var(--accent-color-purple);
 }
-.font-color-violet__ZGQ2Z {
+.vars_font-color-violet__Mjc4N {
   color: var(--accent-color-violet);
 }
-.font-color-iris__YTJhM {
+.vars_font-color-iris__NzIzN {
   color: var(--accent-color-iris);
 }
-.font-color-indigo__OTllN {
+.vars_font-color-indigo__NWUyM {
   color: var(--accent-color-indigo);
 }
-.font-color-blue__YjdlY {
+.vars_font-color-blue__YmIyY {
   color: var(--accent-color-blue);
 }
-.font-color-cyan__ZGIwY {
+.vars_font-color-cyan__YTI3Y {
   color: var(--accent-color-cyan);
 }
-.font-color-teal__NzY4Y {
+.vars_font-color-teal__Yjc3N {
   color: var(--accent-color-teal);
 }
-.font-color-jade__ZmQ1Y {
+.vars_font-color-jade__YjA0Z {
   color: var(--accent-color-jade);
 }
-.font-color-green__OWYxZ {
+.vars_font-color-green__Mjg4N {
   color: var(--accent-color-green);
 }
-.font-color-grass__NTAxN {
+.vars_font-color-grass__ZWNlN {
   color: var(--accent-color-grass);
 }
-.font-color-lime__ZTAyZ {
+.vars_font-color-lime__MTI2M {
   color: var(--accent-color-lime);
 }
-.font-color-mint__Mjg0N {
+.vars_font-color-mint__ZDMzZ {
   color: var(--accent-color-mint);
 }
-.font-color-sky__OTgwN {
+.vars_font-color-sky__YmMwZ {
   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__MDY2M {
+  background-color: transparent;
 }
-.background-color-300__ZGRkN {
-  background-color: var(--base-color-300);
+.vars_background-color-solid__Zjc1Y {
+  background-color: var(--background-color);
 }
-.background-color-400__ZjdmY {
-  background-color: var(--base-color-400);
+.vars_background-color-1__Yzg5N {
+  background-color: var(--base-color-1);
 }
-.background-color-500__NjE5Y {
-  background-color: var(--base-color-500);
+.vars_background-color-2__ZjZlO {
+  background-color: var(--base-color-2);
 }
-.background-color-600__NDcwO {
-  background-color: var(--base-color-600);
+.vars_background-color-3__NWRhM {
+  background-color: var(--base-color-3);
 }
-.background-color-700__YWNmZ {
-  background-color: var(--base-color-700);
+.vars_background-color-4__MzdjM {
+  background-color: var(--base-color-4);
 }
-.background-color-800__NThiM {
-  background-color: var(--base-color-800);
+.vars_background-color-5__ZjYwM {
+  background-color: var(--base-color-5);
 }
-.background-color-900__MTAyN {
-  background-color: var(--base-color-900);
+.vars_background-color-6__MmExO {
+  background-color: var(--base-color-6);
 }
-.background-color-950__ZDkzZ {
-  background-color: var(--base-color-950);
+.vars_background-color-7__OTJmO {
+  background-color: var(--base-color-7);
 }
-.background-color-gray__ZGRmM {
-  background-color: var(--base-color-gray);
+.vars_background-color-8__NTk5Z {
+  background-color: var(--base-color-8);
 }
-.background-color-mauve__YmUxZ {
-  background-color: var(--base-color-mauve);
+.vars_background-color-9__YzM1O {
+  background-color: var(--base-color-9);
 }
-.background-color-slate__MGY1O {
-  background-color: var(--base-color-slate);
+.vars_background-color-10__YWQ1Y {
+  background-color: var(--base-color-10);
 }
-.background-color-sage__MWVhO {
-  background-color: var(--base-color-sage);
+.vars_background-color-11__N2JhM {
+  background-color: var(--base-color-11);
 }
-.background-color-olive__YzM0Y {
-  background-color: var(--base-color-olive);
+.vars_background-color-12__N2U3Z {
+  background-color: var(--base-color-12);
 }
-.background-color-sand__MDZlN {
-  background-color: var(--base-color-sand);
+.vars_background-color-gray__NmYxN {
+  background-color: var(--accent-color-gray);
 }
-.background-color-gold__MTI5O {
+.vars_background-color-gold__NzFmM {
   background-color: var(--accent-color-gold);
 }
-.background-color-bronze__YTc4M {
+.vars_background-color-bronze__MWU3Z {
   background-color: var(--accent-color-bronze);
 }
-.background-color-brown__ZDJmY {
+.vars_background-color-brown__YWE0M {
   background-color: var(--accent-color-brown);
 }
-.background-color-yellow__MmMzZ {
+.vars_background-color-yellow__YTQxZ {
   background-color: var(--accent-color-yellow);
 }
-.background-color-amber__OWRmM {
+.vars_background-color-amber__YmExZ {
   background-color: var(--accent-color-amber);
 }
-.background-color-orange__Mzc4Z {
+.vars_background-color-orange__Zjg0O {
   background-color: var(--accent-color-orange);
 }
-.background-color-tomato__NjM1Z {
+.vars_background-color-tomato__OGFhO {
   background-color: var(--accent-color-tomato);
 }
-.background-color-red__MmRhZ {
+.vars_background-color-red__OTQ0M {
   background-color: var(--accent-color-red);
 }
-.background-color-ruby__ZTBjN {
+.vars_background-color-ruby__MTM4N {
   background-color: var(--accent-color-ruby);
 }
-.background-color-crimson__NTY4M {
+.vars_background-color-crimson__Y2MyY {
   background-color: var(--accent-color-crimson);
 }
-.background-color-pink__MTU1M {
+.vars_background-color-pink__NzdiN {
   background-color: var(--accent-color-pink);
 }
-.background-color-plum__ZTA0M {
+.vars_background-color-plum__Y2U4Z {
   background-color: var(--accent-color-plum);
 }
-.background-color-purple__YTNhZ {
+.vars_background-color-purple__M2Q3M {
   background-color: var(--accent-color-purple);
 }
-.background-color-violet__YzAyY {
+.vars_background-color-violet__OTVhN {
   background-color: var(--accent-color-violet);
 }
-.background-color-iris__NjA3Z {
+.vars_background-color-iris__Nzk3N {
   background-color: var(--accent-color-iris);
 }
-.background-color-indigo__ZTZjO {
+.vars_background-color-indigo__ZGRhN {
   background-color: var(--accent-color-indigo);
 }
-.background-color-blue__NjgyZ {
+.vars_background-color-blue__MDllZ {
   background-color: var(--accent-color-blue);
 }
-.background-color-cyan__ODM4N {
+.vars_background-color-cyan__NDI5Y {
   background-color: var(--accent-color-cyan);
 }
-.background-color-teal__YjA5Y {
+.vars_background-color-teal__NTFkN {
   background-color: var(--accent-color-teal);
 }
-.background-color-jade__OTkzY {
+.vars_background-color-jade__MWVjM {
   background-color: var(--accent-color-jade);
 }
-.background-color-green__ZWY5N {
+.vars_background-color-green__Y2Y3N {
   background-color: var(--accent-color-green);
 }
-.background-color-grass__ODE3Y {
+.vars_background-color-grass__NDQ4N {
   background-color: var(--accent-color-grass);
 }
-.background-color-lime__YTgxO {
+.vars_background-color-lime__NGFmZ {
   background-color: var(--accent-color-lime);
 }
-.background-color-mint__ODUyM {
+.vars_background-color-mint__ODRmY {
   background-color: var(--accent-color-mint);
 }
-.background-color-sky__YjM0Y {
+.vars_background-color-sky__YTM4Z {
   background-color: var(--accent-color-sky);
 }
-.text-align-left__MTFiY {
+.vars_text-align-left__YzVjN {
   text-align: left;
 }
-.text-align-center__MzU3M {
+.vars_text-align-center__NjJkN {
   text-align: center;
 }
-.text-align-right__MmFhZ {
+.vars_text-align-right__ODIxO {
   text-align: right;
 }
-.text-wrap-wrap__ZGE1Y {
+.vars_text-wrap-wrap__YjlhY {
   text-wrap: wrap;
 }
-.text-wrap-nowrap__MzE0N {
+.vars_text-wrap-nowrap__ZGI2N {
   text-wrap: nowrap;
 }
-.text-wrap-balance__ZjYxO {
+.vars_text-wrap-balance__YWJlN {
   text-wrap: balance;
 }
-.text-wrap-pretty__MWE0N {
+.vars_text-wrap-pretty__NzIzM {
   text-wrap: pretty;
 }
-.text-wrap-stable__ZjRmM {
+.vars_text-wrap-stable__N2EyN {
   text-wrap: stable;
 }
-.letter-spacing-1__OGQzM {
+.vars_letter-spacing-1__MmYxO {
   letter-spacing: var(--letter-spacing-1);
 }
-.letter-spacing-2__MGY0N {
+.vars_letter-spacing-2__Nzk3N {
   letter-spacing: -0.025em;
 }
-.letter-spacing-3__ODUyM {
+.vars_letter-spacing-3__NDRhM {
   letter-spacing: 0;
 }
-.letter-spacing-4__MTQzM {
+.vars_letter-spacing-4__MzFhM {
   letter-spacing: 0.025em;
 }
-.letter-spacing-5__MDFlO {
+.vars_letter-spacing-5__ZTg5N {
   letter-spacing: 0.05em;
 }
-.padding-1__M2I5Y {
+.vars_padding-1__YTgxY {
   padding: var(--spacing-1);
 }
-.padding-2__YmQzN {
+.vars_padding-2__NTFiZ {
   padding: var(--spacing-2);
 }
-.padding-3__NDFkM {
+.vars_padding-3__N2NhM {
   padding: var(--spacing-3);
 }
-.padding-4__ZDZmY {
+.vars_padding-4__M2Q0M {
   padding: var(--spacing-4);
 }
-.padding-5__MjZlM {
+.vars_padding-5__ZWIwO {
   padding: var(--spacing-5);
 }
-.padding-6__YjJkM {
+.vars_padding-6__M2NhY {
   padding: var(--spacing-6);
 }
-.padding-7__OWMwO {
+.vars_padding-7__MmJkO {
   padding: var(--spacing-7);
 }
-.padding-8__MGJlM {
+.vars_padding-8__YzY2O {
   padding: var(--spacing-8);
 }
-.padding-9__N2VlN {
+.vars_padding-9__ZWMwO {
   padding: var(--spacing-9);
 }
-.padding-10__M2JiO {
+.vars_padding-10__YThiN {
   padding: var(--spacing-10);
 }
-.padding-11__MGJlZ {
+.vars_padding-11__ZDVkO {
   padding: var(--spacing-11);
 }
-.padding-12__YTUzZ {
+.vars_padding-12__Yzg4N {
   padding: var(--spacing-12);
 }
-.padding-x-1__ZDc3M {
+.vars_padding-x-1__YTYyO {
   padding-left: var(--spacing-1);
   padding-right: var(--spacing-1);
 }
-.padding-x-2__ZjUxZ {
+.vars_padding-x-2__YTc4Y {
   padding-left: var(--spacing-2);
   padding-right: var(--spacing-2);
 }
-.padding-x-3__NzRiN {
+.vars_padding-x-3__NDI5Y {
   padding-left: var(--spacing-3);
   padding-right: var(--spacing-3);
 }
-.padding-x-4__YjAzO {
+.vars_padding-x-4__YmQxZ {
   padding-left: var(--spacing-4);
   padding-right: var(--spacing-4);
 }
-.padding-x-5__MjRjM {
+.vars_padding-x-5__ZGM5Y {
   padding-left: var(--spacing-5);
   padding-right: var(--spacing-5);
 }
-.padding-x-6__ZmU0N {
+.vars_padding-x-6__MzkxM {
   padding-left: var(--spacing-6);
   padding-right: var(--spacing-6);
 }
-.padding-x-7__N2M3M {
+.vars_padding-x-7__Nzk2M {
   padding-left: var(--spacing-7);
   padding-right: var(--spacing-7);
 }
-.padding-x-8__NDFmZ {
+.vars_padding-x-8__ZTk5Y {
   padding-left: var(--spacing-8);
   padding-right: var(--spacing-8);
 }
-.padding-x-9__MmQxZ {
+.vars_padding-x-9__OGNhO {
   padding-left: var(--spacing-9);
   padding-right: var(--spacing-9);
 }
-.padding-x-10__ZWE5O {
+.vars_padding-x-10__MDljM {
   padding-left: var(--spacing-10);
   padding-right: var(--spacing-10);
 }
-.padding-x-11__MDExM {
+.vars_padding-x-11__MGEzN {
   padding-left: var(--spacing-11);
   padding-right: var(--spacing-11);
 }
-.padding-x-12__NGQ5M {
+.vars_padding-x-12__N2FhN {
   padding-left: var(--spacing-12);
   padding-right: var(--spacing-12);
 }
-.padding-y-1__MWQ5N {
+.vars_padding-y-1__MDM0M {
   padding-top: var(--spacing-1);
   padding-bottom: var(--spacing-1);
 }
-.padding-y-2__OWVjN {
+.vars_padding-y-2__ODQyN {
   padding-top: var(--spacing-2);
   padding-bottom: var(--spacing-2);
 }
-.padding-y-3__OTVjY {
+.vars_padding-y-3__ZGFlY {
   padding-top: var(--spacing-3);
   padding-bottom: var(--spacing-3);
 }
-.padding-y-4__MTNlZ {
+.vars_padding-y-4__YTMzZ {
   padding-top: var(--spacing-4);
   padding-bottom: var(--spacing-4);
 }
-.padding-y-5__NThlN {
+.vars_padding-y-5__ZTEzM {
   padding-top: var(--spacing-5);
   padding-bottom: var(--spacing-5);
 }
-.padding-y-6__NDFkM {
+.vars_padding-y-6__Y2M2O {
   padding-top: var(--spacing-6);
   padding-bottom: var(--spacing-6);
 }
-.padding-y-7__MTA5N {
+.vars_padding-y-7__M2E4O {
   padding-top: var(--spacing-7);
   padding-bottom: var(--spacing-7);
 }
-.padding-y-8__MjI1Z {
+.vars_padding-y-8__MGI5Y {
   padding-top: var(--spacing-8);
   padding-bottom: var(--spacing-8);
 }
-.padding-y-9__ZDBjN {
+.vars_padding-y-9__MmI3M {
   padding-top: var(--spacing-9);
   padding-bottom: var(--spacing-9);
 }
-.padding-y-10__OTA0M {
+.vars_padding-y-10__ZDA5Y {
   padding-top: var(--spacing-10);
   padding-bottom: var(--spacing-10);
 }
-.padding-y-11__Y2Q0N {
+.vars_padding-y-11__MzE5M {
   padding-top: var(--spacing-11);
   padding-bottom: var(--spacing-11);
 }
-.padding-y-12__MmY5Z {
+.vars_padding-y-12__Mjg0Z {
   padding-top: var(--spacing-12);
   padding-bottom: var(--spacing-12);
 }
-.padding-top-1__NWFkO {
+.vars_padding-top-1__MGU0Z {
   padding-top: var(--spacing-1);
 }
-.padding-top-2__NmRjM {
+.vars_padding-top-2__Nzg5M {
   padding-top: var(--spacing-2);
 }
-.padding-top-3__MWIxM {
+.vars_padding-top-3__ZjExO {
   padding-top: var(--spacing-3);
 }
-.padding-top-4__MDM2Y {
+.vars_padding-top-4__MGMwO {
   padding-top: var(--spacing-4);
 }
-.padding-top-5__ZTI1M {
+.vars_padding-top-5__Yjk2Y {
   padding-top: var(--spacing-5);
 }
-.padding-top-6__MmM2Y {
+.vars_padding-top-6__ODE4M {
   padding-top: var(--spacing-6);
 }
-.padding-top-7__NjUzM {
+.vars_padding-top-7__YWViN {
   padding-top: var(--spacing-7);
 }
-.padding-top-8__OTlkN {
+.vars_padding-top-8__MWEwN {
   padding-top: var(--spacing-8);
 }
-.padding-top-9__ZjYyZ {
+.vars_padding-top-9__YWNlN {
   padding-top: var(--spacing-9);
 }
-.padding-top-10__ZWVmO {
+.vars_padding-top-10__Y2UzO {
   padding-top: var(--spacing-10);
 }
-.padding-top-11__ZTc3Z {
+.vars_padding-top-11__Zjc2N {
   padding-top: var(--spacing-11);
 }
-.padding-top-12__NjdmN {
+.vars_padding-top-12__M2RiN {
   padding-top: var(--spacing-12);
 }
-.padding-bottom-1__ZGEzO {
+.vars_padding-bottom-1__Zjg0Z {
   padding-bottom: var(--spacing-1);
 }
-.padding-bottom-2__ODlmN {
+.vars_padding-bottom-2__ZmM4Z {
   padding-bottom: var(--spacing-2);
 }
-.padding-bottom-3__M2YzM {
+.vars_padding-bottom-3__MDVmM {
   padding-bottom: var(--spacing-3);
 }
-.padding-bottom-4__ODNiY {
+.vars_padding-bottom-4__NDRmZ {
   padding-bottom: var(--spacing-4);
 }
-.padding-bottom-5__ZDQ2Z {
+.vars_padding-bottom-5__ZWY4Z {
   padding-bottom: var(--spacing-5);
 }
-.padding-bottom-6__OTRkN {
+.vars_padding-bottom-6__Y2MyM {
   padding-bottom: var(--spacing-6);
 }
-.padding-bottom-7__ZDFmO {
+.vars_padding-bottom-7__MmJkY {
   padding-bottom: var(--spacing-7);
 }
-.padding-bottom-8__NGQ2N {
+.vars_padding-bottom-8__Zjg3M {
   padding-bottom: var(--spacing-8);
 }
-.padding-bottom-9__MzA5Y {
+.vars_padding-bottom-9__NWIxO {
   padding-bottom: var(--spacing-9);
 }
-.padding-bottom-10__ZTliY {
+.vars_padding-bottom-10__MTNiY {
   padding-bottom: var(--spacing-10);
 }
-.padding-bottom-11__Y2I3M {
+.vars_padding-bottom-11__Yzc2Y {
   padding-bottom: var(--spacing-11);
 }
-.padding-bottom-12__MDBhO {
+.vars_padding-bottom-12__NjJmO {
   padding-bottom: var(--spacing-12);
 }
-.padding-left-1__ZDUyY {
+.vars_padding-left-1__MTE5M {
   padding-left: var(--spacing-1);
 }
-.padding-left-2__ZTFiZ {
+.vars_padding-left-2__NGVkO {
   padding-left: var(--spacing-2);
 }
-.padding-left-3__Y2Y3O {
+.vars_padding-left-3__YTYyN {
   padding-left: var(--spacing-3);
 }
-.padding-left-4__NDBlN {
+.vars_padding-left-4__N2ZmZ {
   padding-left: var(--spacing-4);
 }
-.padding-left-5__MDdiM {
+.vars_padding-left-5__MjM1N {
   padding-left: var(--spacing-5);
 }
-.padding-left-6__OTMxN {
+.vars_padding-left-6__NTExN {
   padding-left: var(--spacing-6);
 }
-.padding-left-7__MDE0M {
+.vars_padding-left-7__M2RlN {
   padding-left: var(--spacing-7);
 }
-.padding-left-8__NDk3Z {
+.vars_padding-left-8__YzgxN {
   padding-left: var(--spacing-8);
 }
-.padding-left-9__MDRmN {
+.vars_padding-left-9__MDZiN {
   padding-left: var(--spacing-9);
 }
-.padding-left-10__NjE2Y {
+.vars_padding-left-10__MGQ4M {
   padding-left: var(--spacing-10);
 }
-.padding-left-11__MDg0N {
+.vars_padding-left-11__ZDZiY {
   padding-left: var(--spacing-11);
 }
-.padding-left-12__YTliM {
+.vars_padding-left-12__ZmE5M {
   padding-left: var(--spacing-12);
 }
-.padding-right-1__NjFmZ {
+.vars_padding-right-1__MDk4Z {
   padding-right: var(--spacing-1);
 }
-.padding-right-2__OTI2N {
+.vars_padding-right-2__YzUyY {
   padding-right: var(--spacing-2);
 }
-.padding-right-3__MDQwM {
+.vars_padding-right-3__MTZkM {
   padding-right: var(--spacing-3);
 }
-.padding-right-4__NWFjZ {
+.vars_padding-right-4__MWViZ {
   padding-right: var(--spacing-4);
 }
-.padding-right-5__MDgwN {
+.vars_padding-right-5__YTJkY {
   padding-right: var(--spacing-5);
 }
-.padding-right-6__Mjk0M {
+.vars_padding-right-6__MzI2Z {
   padding-right: var(--spacing-6);
 }
-.padding-right-7__ZGExY {
+.vars_padding-right-7__ODE5M {
   padding-right: var(--spacing-7);
 }
-.padding-right-8__ZjU3N {
+.vars_padding-right-8__YjIwY {
   padding-right: var(--spacing-8);
 }
-.padding-right-9__Y2IxY {
+.vars_padding-right-9__Nzg1Y {
   padding-right: var(--spacing-9);
 }
-.padding-right-10__ZTFiN {
+.vars_padding-right-10__OTNjZ {
   padding-right: var(--spacing-10);
 }
-.padding-right-11__NDU5M {
+.vars_padding-right-11__MDlmM {
   padding-right: var(--spacing-11);
 }
-.padding-right-12__ZmUwO {
+.vars_padding-right-12__YThhN {
   padding-right: var(--spacing-12);
 }
-.margin-1__NmE2Y {
+.vars_margin-1__MDUwN {
   margin: var(--spacing-1);
 }
-.margin-2__MWI2O {
+.vars_margin-2__MjcwM {
   margin: var(--spacing-2);
 }
-.margin-3__MWFlO {
+.vars_margin-3__YjlkY {
   margin: var(--spacing-3);
 }
-.margin-4__OGVkN {
+.vars_margin-4__M2RkY {
   margin: var(--spacing-4);
 }
-.margin-5__NWI1N {
+.vars_margin-5__MGViZ {
   margin: var(--spacing-5);
 }
-.margin-6__ZTE2N {
+.vars_margin-6__ZDQ1Y {
   margin: var(--spacing-6);
 }
-.margin-7__NzY0N {
+.vars_margin-7__OWI5Y {
   margin: var(--spacing-7);
 }
-.margin-8__NmVhY {
+.vars_margin-8__MmFiN {
   margin: var(--spacing-8);
 }
-.margin-9__ZTkwN {
+.vars_margin-9__YWY3Y {
   margin: var(--spacing-9);
 }
-.margin-10__Y2JlM {
+.vars_margin-10__OWFhZ {
   margin: var(--spacing-10);
 }
-.margin-11__ZGQzN {
+.vars_margin-11__YjZkN {
   margin: var(--spacing-11);
 }
-.margin-12__OGU3Z {
+.vars_margin-12__MGM0M {
   margin: var(--spacing-12);
 }
-.margin-x-1__YjUwY {
+.vars_margin-x-1__ZDI4Y {
   margin-left: var(--spacing-1);
   margin-right: var(--spacing-1);
 }
-.margin-x-2__ODc0M {
+.vars_margin-x-2__MTY5N {
   margin-left: var(--spacing-2);
   margin-right: var(--spacing-2);
 }
-.margin-x-3__OWI3O {
+.vars_margin-x-3__MTk5N {
   margin-left: var(--spacing-3);
   margin-right: var(--spacing-3);
 }
-.margin-x-4__MjRmM {
+.vars_margin-x-4__YTRlN {
   margin-left: var(--spacing-4);
   margin-right: var(--spacing-4);
 }
-.margin-x-5__ODNlO {
+.vars_margin-x-5__ZTQ1Y {
   margin-left: var(--spacing-5);
   margin-right: var(--spacing-5);
 }
-.margin-x-6__NzEyZ {
+.vars_margin-x-6__Y2VhN {
   margin-left: var(--spacing-6);
   margin-right: var(--spacing-6);
 }
-.margin-x-7__OTYyN {
+.vars_margin-x-7__NGQwM {
   margin-left: var(--spacing-7);
   margin-right: var(--spacing-7);
 }
-.margin-x-8__ZDYxM {
+.vars_margin-x-8__N2ExM {
   margin-left: var(--spacing-8);
   margin-right: var(--spacing-8);
 }
-.margin-x-9__YjMxM {
+.vars_margin-x-9__ZGM1Z {
   margin-left: var(--spacing-9);
   margin-right: var(--spacing-9);
 }
-.margin-x-10__Y2RkM {
+.vars_margin-x-10__YTdiM {
   margin-left: var(--spacing-10);
   margin-right: var(--spacing-10);
 }
-.margin-x-11__MGJiN {
+.vars_margin-x-11__M2Y1Y {
   margin-left: var(--spacing-11);
   margin-right: var(--spacing-11);
 }
-.margin-x-12__ZTI5M {
+.vars_margin-x-12__ZjNlO {
   margin-left: var(--spacing-12);
   margin-right: var(--spacing-12);
 }
-.margin-y-1__NDhiN {
+.vars_margin-y-1__Mjg2M {
   margin-top: var(--spacing-1);
   margin-bottom: var(--spacing-1);
 }
-.margin-y-2__MTUwN {
+.vars_margin-y-2__ZjZlN {
   margin-top: var(--spacing-2);
   margin-bottom: var(--spacing-2);
 }
-.margin-y-3__MzNjZ {
+.vars_margin-y-3__Y2YwN {
   margin-top: var(--spacing-3);
   margin-bottom: var(--spacing-3);
 }
-.margin-y-4__OGNlZ {
+.vars_margin-y-4__YWFhZ {
   margin-top: var(--spacing-4);
   margin-bottom: var(--spacing-4);
 }
-.margin-y-5__MGRlY {
+.vars_margin-y-5__NjNiN {
   margin-top: var(--spacing-5);
   margin-bottom: var(--spacing-5);
 }
-.margin-y-6__OGJjN {
+.vars_margin-y-6__MTlhM {
   margin-top: var(--spacing-6);
   margin-bottom: var(--spacing-6);
 }
-.margin-y-7__ZWM1N {
+.vars_margin-y-7__NjU1Z {
   margin-top: var(--spacing-7);
   margin-bottom: var(--spacing-7);
 }
-.margin-y-8__Mzc3N {
+.vars_margin-y-8__NDM4Y {
   margin-top: var(--spacing-8);
   margin-bottom: var(--spacing-8);
 }
-.margin-y-9__NDhhN {
+.vars_margin-y-9__YThmZ {
   margin-top: var(--spacing-9);
   margin-bottom: var(--spacing-9);
 }
-.margin-y-10__NzQwN {
+.vars_margin-y-10__Zjg4M {
   margin-top: var(--spacing-10);
   margin-bottom: var(--spacing-10);
 }
-.margin-y-11__MzdiZ {
+.vars_margin-y-11__MTg3N {
   margin-top: var(--spacing-11);
   margin-bottom: var(--spacing-11);
 }
-.margin-y-12__OGQxN {
+.vars_margin-y-12__ZjM3N {
   margin-top: var(--spacing-12);
   margin-bottom: var(--spacing-12);
 }
-.margin-top-1__YTU4M {
+.vars_margin-top-1__N2Y2Z {
   margin-top: var(--spacing-1);
 }
-.margin-top-2__NGM4N {
+.vars_margin-top-2__NTllO {
   margin-top: var(--spacing-2);
 }
-.margin-top-3__ZmI2M {
+.vars_margin-top-3__ZTI0Y {
   margin-top: var(--spacing-3);
 }
-.margin-top-4__NDRmN {
+.vars_margin-top-4__YjZmO {
   margin-top: var(--spacing-4);
 }
-.margin-top-5__ZGFkZ {
+.vars_margin-top-5__ZTg1O {
   margin-top: var(--spacing-5);
 }
-.margin-top-6__Mjg5M {
+.vars_margin-top-6__MmEyZ {
   margin-top: var(--spacing-6);
 }
-.margin-top-7__YmYyY {
+.vars_margin-top-7__M2UzN {
   margin-top: var(--spacing-7);
 }
-.margin-top-8__YjE2O {
+.vars_margin-top-8__ODM5N {
   margin-top: var(--spacing-8);
 }
-.margin-top-9__YWRmM {
+.vars_margin-top-9__OTE0Z {
   margin-top: var(--spacing-9);
 }
-.margin-top-10__ZjgwO {
+.vars_margin-top-10__OWM4N {
   margin-top: var(--spacing-10);
 }
-.margin-top-11__YTllZ {
+.vars_margin-top-11__OGE5M {
   margin-top: var(--spacing-11);
 }
-.margin-top-12__ZmFhO {
+.vars_margin-top-12__YTA0Y {
   margin-top: var(--spacing-12);
 }
-.margin-bottom-1__ODhlN {
+.vars_margin-bottom-1__YmY4N {
   margin-bottom: var(--spacing-1);
 }
-.margin-bottom-2__M2M3O {
+.vars_margin-bottom-2__OWEwZ {
   margin-bottom: var(--spacing-2);
 }
-.margin-bottom-3__ZWJjN {
+.vars_margin-bottom-3__M2FlM {
   margin-bottom: var(--spacing-3);
 }
-.margin-bottom-4__YTVmM {
+.vars_margin-bottom-4__ZTcyN {
   margin-bottom: var(--spacing-4);
 }
-.margin-bottom-5__NzA2O {
+.vars_margin-bottom-5__ZWJkN {
   margin-bottom: var(--spacing-5);
 }
-.margin-bottom-6__MmU5Z {
+.vars_margin-bottom-6__ZWJiZ {
   margin-bottom: var(--spacing-6);
 }
-.margin-bottom-7__ZDMxM {
+.vars_margin-bottom-7__YjYzM {
   margin-bottom: var(--spacing-7);
 }
-.margin-bottom-8__NDRjM {
+.vars_margin-bottom-8__ZjNmY {
   margin-bottom: var(--spacing-8);
 }
-.margin-bottom-9__MGRiM {
+.vars_margin-bottom-9__N2RmN {
   margin-bottom: var(--spacing-9);
 }
-.margin-bottom-10__Y2RlN {
+.vars_margin-bottom-10__ZWY0O {
   margin-bottom: var(--spacing-10);
 }
-.margin-bottom-11__NTkwO {
+.vars_margin-bottom-11__YzM3Y {
   margin-bottom: var(--spacing-11);
 }
-.margin-bottom-12__Mzg2M {
+.vars_margin-bottom-12__ZDk2Z {
   margin-bottom: var(--spacing-12);
 }
-.margin-left-1__NDFlO {
+.vars_margin-left-1__MTVhZ {
   margin-left: var(--spacing-1);
 }
-.margin-left-2__ZjQ4Y {
+.vars_margin-left-2__OTBjZ {
   margin-left: var(--spacing-2);
 }
-.margin-left-3__YzM1M {
+.vars_margin-left-3__ZmFhY {
   margin-left: var(--spacing-3);
 }
-.margin-left-4__MGQ3O {
+.vars_margin-left-4__NjZiY {
   margin-left: var(--spacing-4);
 }
-.margin-left-5__MTI3Z {
+.vars_margin-left-5__MzEzM {
   margin-left: var(--spacing-5);
 }
-.margin-left-6__MTRjN {
+.vars_margin-left-6__ZjI3Y {
   margin-left: var(--spacing-6);
 }
-.margin-left-7__YzRjY {
+.vars_margin-left-7__MGEzY {
   margin-left: var(--spacing-7);
 }
-.margin-left-8__MDAxN {
+.vars_margin-left-8__NTBhZ {
   margin-left: var(--spacing-8);
 }
-.margin-left-9__NjFjY {
+.vars_margin-left-9__ZmE4O {
   margin-left: var(--spacing-9);
 }
-.margin-left-10__NDc5M {
+.vars_margin-left-10__NWNjY {
   margin-left: var(--spacing-10);
 }
-.margin-left-11__NmYwN {
+.vars_margin-left-11__NzcwM {
   margin-left: var(--spacing-11);
 }
-.margin-left-12__NjNhZ {
+.vars_margin-left-12__NTE3O {
   margin-left: var(--spacing-12);
 }
-.margin-right-1__NmNkM {
+.vars_margin-right-1__NDBkM {
   margin-right: var(--spacing-1);
 }
-.margin-right-2__NTM4Y {
+.vars_margin-right-2__OGNjM {
   margin-right: var(--spacing-2);
 }
-.margin-right-3__NWMwY {
+.vars_margin-right-3__MTYwO {
   margin-right: var(--spacing-3);
 }
-.margin-right-4__MjA3O {
+.vars_margin-right-4__YWE0Y {
   margin-right: var(--spacing-4);
 }
-.margin-right-5__ODgyZ {
+.vars_margin-right-5__MTA2N {
   margin-right: var(--spacing-5);
 }
-.margin-right-6__YWVmY {
+.vars_margin-right-6__NjkyN {
   margin-right: var(--spacing-6);
 }
-.margin-right-7__ZWU5M {
+.vars_margin-right-7__NmYwN {
   margin-right: var(--spacing-7);
 }
-.margin-right-8__ZjU3M {
+.vars_margin-right-8__NzU0N {
   margin-right: var(--spacing-8);
 }
-.margin-right-9__ZDc4O {
+.vars_margin-right-9__Zjc4Y {
   margin-right: var(--spacing-9);
 }
-.margin-right-10__ZTA4M {
+.vars_margin-right-10__MmM3Y {
   margin-right: var(--spacing-10);
 }
-.margin-right-11__MDExY {
+.vars_margin-right-11__NzRkY {
   margin-right: var(--spacing-11);
 }
-.margin-right-12__OTBiY {
+.vars_margin-right-12__YTA4Y {
   margin-right: var(--spacing-12);
 }
-.gap-1__MDE4Z {
+.vars_gap-1__MDcyN {
   gap: var(--spacing-1);
 }
-.gap-2__Zjc1N {
+.vars_gap-2__NjFlZ {
   gap: var(--spacing-2);
 }
-.gap-3__MjJiN {
+.vars_gap-3__OWM5Y {
   gap: var(--spacing-3);
 }
-.gap-4__YjYwY {
+.vars_gap-4__OTU3Y {
   gap: var(--spacing-4);
 }
-.gap-5__MzFjN {
+.vars_gap-5__MTg0Z {
   gap: var(--spacing-5);
 }
-.gap-6__YjM1M {
+.vars_gap-6__ZDNkN {
   gap: var(--spacing-6);
 }
-.gap-7__Zjc0Z {
+.vars_gap-7__ZDJjY {
   gap: var(--spacing-7);
 }
-.gap-8__NjJmN {
+.vars_gap-8__Y2U1N {
   gap: var(--spacing-8);
 }
-.gap-9__YWY1N {
+.vars_gap-9__YWIzY {
   gap: var(--spacing-9);
 }
-.gap-10__MDFiZ {
+.vars_gap-10__YWNkN {
   gap: var(--spacing-10);
 }
-.gap-11__NTczY {
+.vars_gap-11__Zjc4O {
   gap: var(--spacing-11);
 }
-.gap-12__OTY4O {
+.vars_gap-12__ZjkzN {
   gap: var(--spacing-12);
 }
-.gap-x-1__OTA1N {
+.vars_gap-x-1__MjlhY {
   column-gap: var(--spacing-1);
 }
-.gap-x-2__ZjdiM {
+.vars_gap-x-2__N2E5M {
   column-gap: var(--spacing-2);
 }
-.gap-x-3__MTNjZ {
+.vars_gap-x-3__YmVjN {
   column-gap: var(--spacing-3);
 }
-.gap-x-4__NzQwZ {
+.vars_gap-x-4__N2MzN {
   column-gap: var(--spacing-4);
 }
-.gap-x-5__YTVhM {
+.vars_gap-x-5__YTM0Z {
   column-gap: var(--spacing-5);
 }
-.gap-x-6__ZGVlN {
+.vars_gap-x-6__ZThkM {
   column-gap: var(--spacing-6);
 }
-.gap-x-7__ZWY5O {
+.vars_gap-x-7__ZmVkY {
   column-gap: var(--spacing-7);
 }
-.gap-x-8__OTEzN {
+.vars_gap-x-8__YzJhN {
   column-gap: var(--spacing-8);
 }
-.gap-x-9__ZGNhN {
+.vars_gap-x-9__NjQ3O {
   column-gap: var(--spacing-9);
 }
-.gap-x-10__MmE0M {
+.vars_gap-x-10__ZjU3M {
   column-gap: var(--spacing-10);
 }
-.gap-x-11__NDM1M {
+.vars_gap-x-11__ODA4M {
   column-gap: var(--spacing-11);
 }
-.gap-x-12__YjBhY {
+.vars_gap-x-12__M2FmN {
   column-gap: var(--spacing-12);
 }
-.gap-y-1__NzViY {
+.vars_gap-y-1__MTNkY {
   row-gap: var(--spacing-1);
 }
-.gap-y-2__MzViZ {
+.vars_gap-y-2__NjU2M {
   row-gap: var(--spacing-2);
 }
-.gap-y-3__OGE5M {
+.vars_gap-y-3__ZDhiN {
   row-gap: var(--spacing-3);
 }
-.gap-y-4__YTMxN {
+.vars_gap-y-4__ZjY2Y {
   row-gap: var(--spacing-4);
 }
-.gap-y-5__MzIyY {
+.vars_gap-y-5__YzY5N {
   row-gap: var(--spacing-5);
 }
-.gap-y-6__YjcxZ {
+.vars_gap-y-6__M2QxN {
   row-gap: var(--spacing-6);
 }
-.gap-y-7__NGQ0M {
+.vars_gap-y-7__MjFiM {
   row-gap: var(--spacing-7);
 }
-.gap-y-8__M2Y5N {
+.vars_gap-y-8__OGU4Y {
   row-gap: var(--spacing-8);
 }
-.gap-y-9__NzYyM {
+.vars_gap-y-9__MzMyY {
   row-gap: var(--spacing-9);
 }
-.gap-y-10__ODUxY {
+.vars_gap-y-10__NjIyM {
   row-gap: var(--spacing-10);
 }
-.gap-y-11__NjkxY {
+.vars_gap-y-11__ODE4N {
   row-gap: var(--spacing-11);
 }
-.gap-y-12__MDlhN {
+.vars_gap-y-12__NTU3N {
   row-gap: var(--spacing-12);
 }
-.flex-direction-row__NjFhM {
+.vars_flex-direction-row__NjU0Z {
   flex-direction: row;
 }
-.flex-direction-row-reverse__ZTM4N {
+.vars_flex-direction-row-reverse__YWNhN {
   flex-direction: row-reverse;
 }
-.flex-direction-column__YjBhN {
+.vars_flex-direction-column__MTMwN {
   flex-direction: column;
 }
-.flex-direction-column-reverse__YjU4O {
+.vars_flex-direction-column-reverse__MjZiZ {
   flex-direction: column-reverse;
 }
-.flex-wrap-wrap__NzM5N {
+.vars_flex-wrap-wrap__MDBmZ {
   flex-wrap: wrap;
 }
-.flex-wrap-nowrap__NTNhN {
+.vars_flex-wrap-nowrap__YjI0Z {
   flex-wrap: nowrap;
 }
-.flex-wrap-wrap-reverse__YmE0N {
+.vars_flex-wrap-wrap-reverse__ZDgxM {
   flex-wrap: wrap-reverse;
 }
-.justify-content-center__NDkxM {
+.vars_justify-content-center__MWVhM {
   justify-content: center;
 }
-.justify-content-start__N2NmZ {
+.vars_justify-content-start__ODBlZ {
   justify-content: start;
 }
-.justify-content-end__ZTI3N {
+.vars_justify-content-end__ZTA0O {
   justify-content: end;
 }
-.justify-content-flex-start__ZmJiN {
+.vars_justify-content-flex-start__ZTZjO {
   justify-content: flex-start;
 }
-.justify-content-flex-end__ZGM3M {
+.vars_justify-content-flex-end__MzVhZ {
   justify-content: flex-end;
 }
-.justify-content-left__ZDM4O {
+.vars_justify-content-left__NTFlZ {
   justify-content: left;
 }
-.justify-content-right__Y2IzM {
+.vars_justify-content-right__OWNhN {
   justify-content: right;
 }
-.justify-content-space-between__ZTA4M {
+.vars_justify-content-space-between__YmZlN {
   justify-content: space-between;
 }
-.justify-content-space-around__NTg3Z {
+.vars_justify-content-space-around__OGM2Z {
   justify-content: space-around;
 }
-.justify-content-space-evenly__N2ZiZ {
+.vars_justify-content-space-evenly__MDUzY {
   justify-content: space-evenly;
 }
-.justify-content-stretch__YWEyZ {
+.vars_justify-content-stretch__M2RjZ {
   justify-content: stretch;
 }
-.justify-items-stretch__MmQ0N {
+.vars_justify-items-stretch__ODI5Z {
   justify-items: stretch;
 }
-.justify-items-center__ZjUwM {
+.vars_justify-items-center__ZTI0N {
   justify-items: center;
 }
-.justify-items-start__YTliZ {
+.vars_justify-items-start__NDE5Y {
   justify-items: start;
 }
-.justify-items-end__Y2ZhN {
+.vars_justify-items-end__ODgxZ {
   justify-items: end;
 }
-.justify-items-flex-start__NTFkZ {
+.vars_justify-items-flex-start__NjhhN {
   justify-items: flex-start;
 }
-.justify-items-flex-end__Y2E1Z {
+.vars_justify-items-flex-end__YjlkM {
   justify-items: flex-end;
 }
-.justify-items-self-start__OTk2Y {
+.vars_justify-items-self-start__YTZkM {
   justify-items: self-start;
 }
-.justify-items-self-end__N2ExM {
+.vars_justify-items-self-end__YTAwZ {
   justify-items: self-end;
 }
-.justify-items-left__NmJkY {
+.vars_justify-items-left__ZDg5N {
   justify-items: left;
 }
-.justify-items-right__Y2IzM {
+.vars_justify-items-right__MzEwO {
   justify-items: right;
 }
-.justify-items-baseline__OTIzZ {
+.vars_justify-items-baseline__YmZiM {
   justify-items: baseline;
 }
-.align-content-center__NmZlN {
+.vars_align-content-center__MDM1Z {
   align-content: center;
 }
-.align-content-start__M2QwM {
+.vars_align-content-start__NGJmN {
   align-content: start;
 }
-.align-content-end__ZmJkM {
+.vars_align-content-end__NjY3Y {
   align-content: end;
 }
-.align-content-flex-start__ZjBhN {
+.vars_align-content-flex-start__Yzg0M {
   align-content: flex-start;
 }
-.align-content-flex-end__Y2UxM {
+.vars_align-content-flex-end__ZWNjZ {
   align-content: flex-end;
 }
-.align-content-baseline__NmRjZ {
+.vars_align-content-baseline__ZjAzO {
   align-content: baseline;
 }
-.align-content-space-between__MWYxM {
+.vars_align-content-space-between__YWY3Z {
   align-content: space-between;
 }
-.align-content-space-around__NWU4Z {
+.vars_align-content-space-around__N2U4M {
   align-content: space-around;
 }
-.align-content-space-evenly__NzVlO {
+.vars_align-content-space-evenly__ZDBiO {
   align-content: space-evenly;
 }
-.align-content-stretch__OTZmN {
+.vars_align-content-stretch__MDE4Y {
   align-content: stretch;
 }
-.align-items-center__ZDY0N {
+.vars_align-items-center__OGU5Z {
   align-items: center;
 }
-.align-items-start__Yzk0Z {
+.vars_align-items-start__Zjg5Y {
   align-items: start;
 }
-.align-items-end__MjZhY {
+.vars_align-items-end__ZjY0N {
   align-items: end;
 }
-.align-items-flex-start__MzQwZ {
+.vars_align-items-flex-start__MzBmZ {
   align-items: flex-start;
 }
-.align-items-flex-end__MGQ4O {
+.vars_align-items-flex-end__OWM2N {
   align-items: flex-end;
 }
-.align-items-self-start__OTM3N {
+.vars_align-items-self-start__OTZiZ {
   align-items: self-start;
 }
-.align-items-self-end__NmM4N {
+.vars_align-items-self-end__YmE5N {
   align-items: self-end;
 }
-.align-items-stretch__MGZiM {
+.vars_align-items-stretch__ZTZkO {
   align-items: stretch;
 }
-.align-items-baseline__YzhmN {
+.vars_align-items-baseline__MjU0Y {
   align-items: baseline;
 }
-.align-self-center__MWQ4M {
+.vars_align-self-center__N2E3Z {
   align-self: center;
 }
-.align-self-start__MDZmN {
+.vars_align-self-start__NTJkN {
   align-self: start;
 }
-.align-self-end__N2Q3Y {
+.vars_align-self-end__NTJlZ {
   align-self: end;
 }
-.align-self-self-start__ZjUyZ {
+.vars_align-self-self-start__MDFhN {
   align-self: self-start;
 }
-.align-self-self-end__MWQyZ {
+.vars_align-self-self-end__NTNhM {
   align-self: self-end;
 }
-.align-self-flex-start__N2MyZ {
+.vars_align-self-flex-start__Njk4N {
   align-self: flex-start;
 }
-.align-self-flex-end__NjUxN {
+.vars_align-self-flex-end__OTYyM {
   align-self: flex-end;
 }
-.align-self-baseline__YTQyN {
+.vars_align-self-baseline__OTgzM {
   align-self: baseline;
 }
-.align-self-stretch__OGIzZ {
+.vars_align-self-stretch__ZThkM {
   align-self: stretch;
 }
-.justify-self-center__OThkM {
+.vars_justify-self-center__MWEyO {
   justify-self: center;
 }
-.justify-self-start__ZjNkY {
+.vars_justify-self-start__NDlhN {
   justify-self: start;
 }
-.justify-self-end__MjJhM {
+.vars_justify-self-end__N2JlM {
   justify-self: end;
 }
-.justify-self-self-start__NGFjN {
+.vars_justify-self-self-start__NjQyN {
   justify-self: self-start;
 }
-.justify-self-self-end__YzYwM {
+.vars_justify-self-self-end__Y2NjY {
   justify-self: self-end;
 }
-.justify-self-baseline__NzUwN {
+.vars_justify-self-baseline__NTYxZ {
   justify-self: baseline;
 }
-.justify-self-stretch__ZGY2O {
+.vars_justify-self-stretch__ZTVjY {
   justify-self: stretch;
 }
-.grid-auto-flow-row__OTcyM {
+.vars_grid-auto-flow-row__NGZmY {
   grid-auto-flow: row;
 }
-.grid-auto-flow-column__ZTBiM {
+.vars_grid-auto-flow-column__NzI1Z {
   grid-auto-flow: column;
 }
-.grid-auto-flow-row-dense__MzNmZ {
+.vars_grid-auto-flow-row-dense__Zjg0Z {
   grid-auto-flow: row dense;
 }
-.grid-auto-flow-column-dense__Y2E3M {
+.vars_grid-auto-flow-column-dense__MmNjM {
   grid-auto-flow: column dense;
 }
-.overflow-visible__YmFlM {
+.vars_overflow-visible__YzZkZ {
   overflow: visible;
 }
-.overflow-hidden__OGFkY {
+.vars_overflow-hidden__NThhN {
   overflow: hidden;
 }
-.overflow-clip__ZDY5Z {
+.vars_overflow-clip__MDAxM {
   overflow: clip;
 }
-.overflow-scroll__NTRhY {
+.vars_overflow-scroll__NGIyY {
   overflow: scroll;
 }
-.overflow-auto__N2JlZ {
+.vars_overflow-auto__ZWU2O {
   overflow: auto;
 }
-.overflow-x-visible__NzI0M {
+.vars_overflow-x-visible__NGFkN {
   overflow-x: visible;
 }
-.overflow-x-hidden__NGIxN {
+.vars_overflow-x-hidden__YTBkM {
   overflow-x: hidden;
 }
-.overflow-x-clip__MmIzM {
+.vars_overflow-x-clip__YzgxY {
   overflow-x: clip;
 }
-.overflow-x-scroll__Njg3M {
+.vars_overflow-x-scroll__ZGY2O {
   overflow-x: scroll;
 }
-.overflow-x-auto__M2QzM {
+.vars_overflow-x-auto__YjZlM {
   overflow-x: auto;
 }
-.overflow-y-visible__NGYwZ {
+.vars_overflow-y-visible__OThmM {
   overflow-y: visible;
 }
-.overflow-y-hidden__MTAxY {
+.vars_overflow-y-hidden__MWQ5O {
   overflow-y: hidden;
 }
-.overflow-y-clip__YjQ3N {
+.vars_overflow-y-clip__OTI3O {
   overflow-y: clip;
 }
-.overflow-y-scroll__MzFhZ {
+.vars_overflow-y-scroll__MzdhN {
   overflow-y: scroll;
 }
-.overflow-y-auto__NjU5M {
+.vars_overflow-y-auto__Yzk3O {
   overflow-y: auto;
 }
 @media (min-width: 520px) {
-  .display-xs__NDQ2N {
+  .vars_display-xs__M2FhO {
     display: var(--display-xs);
   }
-  .position-xs__MmQ2Z {
+  .vars_position-xs__ZmU3N {
     position: var(--position-xs);
   }
-  .font-size-xs__M2VmY {
+  .vars_font-size-xs__NjFmM {
     font-size: var(--font-size-xs);
   }
-  .font-weight-xs__ZGJkM {
+  .vars_font-weight-xs__MjViM {
     font-weight: var(--font-weight-xs);
   }
-  .heading-size-xs__ODMyY {
+  .vars_heading-size-xs__NTYwM {
     font-size: var(--heading-size-xs);
   }
-  .border-size-xs__YmZmO {
+  .vars_border-size-xs__ZTcxZ {
     border: var(--border-size-xs) solid var(--border-color);
   }
-  .border-radius-xs__YTM0Y {
+  .vars_border-radius-xs__YzNmY {
     border-radius: var(--border-radius-xs);
   }
-  .shadow-xs__ODU3N {
+  .vars_shadow-xs__NTFjN {
     box-shadow: var(--shadow-xs);
   }
-  .background-color-xs__OGM2Z {
+  .vars_background-color-xs__Mzg5N {
     background-color: var(--background-color-xs);
   }
-  .align-xs__MGJjM {
+  .vars_align-xs__OTg3O {
     text-align: var(--align-xs);
   }
-  .letter-spacing-xs__NWI4Y {
+  .vars_letter-spacing-xs__MmY0O {
     letter-spacing: var(--letter-spacing-xs);
   }
-  .padding-xs__MDQ1Z {
+  .vars_padding-xs__YWVkM {
     padding: var(--padding-xs);
   }
-  .padding-x-xs__MjZkN {
+  .vars_padding-x-xs__N2UyZ {
     padding-left: var(--padding-x-xs);
     padding-right: var(--padding-x-xs);
   }
-  .padding-y-xs__YzUwY {
+  .vars_padding-y-xs__MDMzZ {
     padding-top: var(--padding-y-xs);
     padding-bottom: var(--padding-y-xs);
   }
-  .padding-top-xs__MDY1Z {
+  .vars_padding-top-xs__NDBiM {
     padding-top: var(--padding-top-xs);
   }
-  .padding-right-xs__NmFiM {
+  .vars_padding-right-xs__NjhiM {
     padding-right: var(--padding-right-xs);
   }
-  .padding-bottom-xs__Yjk5O {
+  .vars_padding-bottom-xs__MmQ3Y {
     padding-bottom: var(--padding-bottom-xs);
   }
-  .padding-left-xs__MDhmO {
+  .vars_padding-left-xs__NTVlM {
     padding-left: var(--padding-left-xs);
   }
-  .margin-xs__OWI5M {
+  .vars_margin-xs__Y2NlZ {
     margin: var(--margin-xs);
   }
-  .margin-x-xs__MGVjN {
+  .vars_margin-x-xs__NTgzY {
     margin-left: var(--margin-x-xs);
     margin-right: var(--margin-x-xs);
   }
-  .margin-y-xs__OGVjO {
+  .vars_margin-y-xs__OGY4N {
     margin-top: var(--margin-y-xs);
     margin-bottom: var(--margin-y-xs);
   }
-  .margin-top-xs__NWIwO {
+  .vars_margin-top-xs__ODFhZ {
     margin-top: var(--margin-top-xs);
   }
-  .margin-right-xs__ZGM1N {
+  .vars_margin-right-xs__NGZlN {
     margin-right: var(--margin-right-xs);
   }
-  .margin-bottom-xs__MmZkZ {
+  .vars_margin-bottom-xs__OTZjZ {
     margin-bottom: var(--margin-bottom-xs);
   }
-  .margin-left-xs__NjMxM {
+  .vars_margin-left-xs__YjRhO {
     margin-left: var(--margin-left-xs);
   }
-  .gap-xs__Y2NmN {
+  .vars_gap-xs__ZTA1Y {
     gap: var(--gap-xs);
   }
-  .gap-x-xs__ZjQ0Y {
+  .vars_gap-x-xs__ODZmN {
     column-gap: var(--gap-x-xs);
   }
-  .gap-y-xs__ZGFjZ {
+  .vars_gap-y-xs__YzJhZ {
     row-gap: var(--gap-y-xs);
   }
-  .height-xs__YmEzZ {
+  .vars_height-xs__OTYzN {
     height: var(--height-xs);
   }
-  .width-xs__MDU2N {
+  .vars_width-xs__MzQ0Y {
     min-width: var(--width-xs);
   }
-  .min-height-xs__MzRhM {
+  .vars_min-height-xs__OWM2N {
     min-height: var(--min-height-xs);
   }
-  .min-width-xs__NDYwZ {
+  .vars_min-width-xs__ODFhZ {
     max-width: var(--min-width-xs);
   }
-  .max-height-xs__MzYwN {
+  .vars_max-height-xs__MmYwN {
     max-height: var(--max-height-xs);
   }
-  .flex-direction-xs__YzQ2N {
+  .vars_flex-direction-xs__Y2MzM {
     flex-direction: var(--flex-direction-xs);
   }
-  .flex-wrap-xs__NDZjY {
+  .vars_flex-wrap-xs__YmU2N {
     flex-wrap: var(--flex-wrap-xs);
   }
-  .justify-content-xs__MWY3Y {
+  .vars_justify-content-xs__MTdhM {
     justify-content: var(--justify-content-xs);
   }
-  .justify-items-xs__OWYyY {
+  .vars_justify-items-xs__NTVmM {
     justify-items: var(--justify-items-xs);
   }
-  .justify-self-xs__MzhlY {
+  .vars_justify-self-xs__NGQ4Z {
     justify-self: var(--justify-self-xs);
   }
-  .align-content-xs__OTI1M {
+  .vars_align-content-xs__MDBjN {
     align-content: var(--align-content-xs);
   }
-  .align-items-xs__ZDMxM {
+  .vars_align-items-xs__NzRjY {
     align-items: var(--align-items-xs);
   }
-  .align-self-xs__ODdkZ {
+  .vars_align-self-xs__YmE0N {
     align-self: var(--align-self-xs);
   }
-  .grid-template-rows-xs__MjUyO {
+  .vars_grid-template-rows-xs__ZTk3Y {
     grid-template-rows: var(--grid-template-rows-xs);
   }
-  .grid-template-columns-xs__ZDEzY {
+  .vars_grid-template-columns-xs__ODQxY {
     grid-template-columns: var(--grid-template-columns-xs);
   }
-  .flex-basis-xs__YzA0N {
+  .vars_flex-basis-xs__NjI2Y {
     flex-basis: var(--flex-basis-xs);
   }
-  .flex-grow-xs__MzQ2M {
+  .vars_flex-grow-xs__NDQ1Z {
     flex-basis: var(--flex-grow-xs);
   }
-  .flex-shrink-xs__Y2UwO {
+  .vars_flex-shrink-xs__ZjJjM {
     flex-basis: var(--flex-shrink-xs);
   }
-  .overflow-xs__MjY2Y {
+  .vars_overflow-xs__NjA1N {
     overflow: var(--overflow-xs);
   }
-  .overflow-x-xs__YjU2N {
+  .vars_overflow-x-xs__Yzc2Y {
     overflow: var(--overflow-x-xs);
   }
-  .overflow-y-xs__NmZhN {
+  .vars_overflow-y-xs__MzdiZ {
     overflow: var(--overflow-y-xs);
   }
-  .order-xs__MDkxN {
+  .vars_order-xs__Y2Y2N {
     order: var(--order-xs);
   }
 }
 @media (min-width: 768px) {
-  .display-sm__MTIwM {
+  .vars_display-sm__ZTZlZ {
     display: var(--display-sm);
   }
-  .position-sm__YjkwN {
+  .vars_position-sm__NDdlO {
     position: var(--position-sm);
   }
-  .font-size-sm__YTc1O {
+  .vars_font-size-sm__M2U4N {
     font-size: var(--font-size-sm);
   }
-  .font-weight-sm__YzNjO {
+  .vars_font-weight-sm__OGE1Z {
     font-weight: var(--font-weight-sm);
   }
-  .heading-size-sm__M2RlN {
+  .vars_heading-size-sm__ZTNmY {
     font-size: var(--heading-size-sm);
   }
-  .border-size-sm__ZTBmY {
+  .vars_border-size-sm__MDNlY {
     border: var(--border-size-sm) solid var(--border-color);
   }
-  .border-radius-sm__ODA5Z {
+  .vars_border-radius-sm__N2YwN {
     border-radius: var(--border-radius-sm);
   }
-  .shadow-sm__MGRlN {
+  .vars_shadow-sm__YzMxN {
     box-shadow: var(--shadow-sm);
   }
-  .background-color-sm__MTczY {
+  .vars_background-color-sm__NjUyM {
     background-color: var(--background-color-sm);
   }
-  .align-sm__MDdiY {
+  .vars_align-sm__MWNlY {
     text-align: var(--align-sm);
   }
-  .letter-spacing-sm__OTAwN {
+  .vars_letter-spacing-sm__ODE0Y {
     letter-spacing: var(--letter-spacing-sm);
   }
-  .padding-sm__ZWNkY {
+  .vars_padding-sm__MWFjO {
     padding: var(--padding-sm);
   }
-  .padding-x-sm__YzNiY {
+  .vars_padding-x-sm__MjRkZ {
     padding-left: var(--padding-x-sm);
     padding-right: var(--padding-x-sm);
   }
-  .padding-y-sm__NzYzZ {
+  .vars_padding-y-sm__ZDU4M {
     padding-top: var(--padding-y-sm);
     padding-bottom: var(--padding-y-sm);
   }
-  .padding-top-sm__MjRjO {
+  .vars_padding-top-sm__NGYxO {
     padding-top: var(--padding-top-sm);
   }
-  .padding-right-sm__NjNiM {
+  .vars_padding-right-sm__NGNlY {
     padding-right: var(--padding-right-sm);
   }
-  .padding-bottom-sm__ZTQ1Z {
+  .vars_padding-bottom-sm__ZGE0Y {
     padding-bottom: var(--padding-bottom-sm);
   }
-  .padding-left-sm__YTU4N {
+  .vars_padding-left-sm__YzQ2N {
     padding-left: var(--padding-left-sm);
   }
-  .margin-sm__MmU0N {
+  .vars_margin-sm__ZGUxM {
     margin: var(--margin-sm);
   }
-  .margin-x-sm__ODkyM {
+  .vars_margin-x-sm__YjZlN {
     margin-left: var(--margin-x-sm);
     margin-right: var(--margin-x-sm);
   }
-  .margin-y-sm__MzE2Z {
+  .vars_margin-y-sm__ZDM3Z {
     margin-top: var(--margin-y-sm);
     margin-bottom: var(--margin-y-sm);
   }
-  .margin-top-sm__MWJhN {
+  .vars_margin-top-sm__ZTRlN {
     margin-top: var(--margin-top-sm);
   }
-  .margin-right-sm__Nzc2M {
+  .vars_margin-right-sm__ZWY3N {
     margin-right: var(--margin-right-sm);
   }
-  .margin-bottom-sm__YjFmN {
+  .vars_margin-bottom-sm__ZDNhN {
     margin-bottom: var(--margin-bottom-sm);
   }
-  .margin-left-sm__MmJiO {
+  .vars_margin-left-sm__YWZkZ {
     margin-left: var(--margin-left-sm);
   }
-  .gap-sm__ZmJhZ {
+  .vars_gap-sm__NTg4M {
     gap: var(--gap-sm);
   }
-  .gap-x-sm__YzM1O {
+  .vars_gap-x-sm__MDVmN {
     column-gap: var(--gap-x-sm);
   }
-  .gap-y-sm__MGZjZ {
+  .vars_gap-y-sm__NDc2Z {
     row-gap: var(--gap-y-sm);
   }
-  .height-sm__MzBjM {
+  .vars_height-sm__YmYxM {
     height: var(--height-sm);
   }
-  .width-sm__NmI0Y {
+  .vars_width-sm__NjBkZ {
     width: var(--width-sm);
   }
-  .min-height-sm__ZGFjY {
+  .vars_min-height-sm__MzM1Z {
     min-height: var(--min-height-sm);
   }
-  .min-width-sm__MTZiN {
+  .vars_min-width-sm__MzgyN {
     max-width: var(--min-width-sm);
   }
-  .max-height-sm__ODE0M {
+  .vars_max-height-sm__YWFlN {
     max-height: var(--max-height-sm);
   }
-  .flex-direction-sm__OWE5Z {
+  .vars_flex-direction-sm__MDcyY {
     flex-direction: var(--flex-direction-sm);
   }
-  .flex-wrap-sm__ZTIxN {
+  .vars_flex-wrap-sm__YTE5Z {
     flex-wrap: var(--flex-wrap-sm);
   }
-  .justify-content-sm__ODVjM {
+  .vars_justify-content-sm__YWUxZ {
     justify-content: var(--justify-content-sm);
   }
-  .justify-items-sm__ODc0M {
+  .vars_justify-items-sm__NmFhM {
     justify-items: var(--justify-items-sm);
   }
-  .justify-self-sm__ZWE5N {
+  .vars_justify-self-sm__ODFmM {
     justify-self: var(--justify-self-sm);
   }
-  .align-content-sm__MWQ0N {
+  .vars_align-content-sm__ZjY2Z {
     align-content: var(--align-content-sm);
   }
-  .align-items-sm__MjBjZ {
+  .vars_align-items-sm__NDEyZ {
     align-items: var(--align-items-sm);
   }
-  .align-self-sm__OTFiN {
+  .vars_align-self-sm__ZjBkY {
     align-self: var(--align-self-sm);
   }
-  .grid-template-rows-sm__YjRmZ {
+  .vars_grid-template-rows-sm__ZWU3Z {
     grid-template-rows: var(--grid-template-rows-sm);
   }
-  .grid-template-columns-sm__OTMwY {
+  .vars_grid-template-columns-sm__ZTU5N {
     grid-template-columns: var(--grid-template-columns-sm);
   }
-  .flex-basis-sm__OTI1N {
+  .vars_flex-basis-sm__NzhmN {
     flex-basis: var(--flex-basis-sm);
   }
-  .flex-grow-sm__Y2NhN {
+  .vars_flex-grow-sm__OTk0Y {
     flex-basis: var(--flex-grow-sm);
   }
-  .flex-shrink-sm__ZjE3Z {
+  .vars_flex-shrink-sm__ZTU1M {
     flex-basis: var(--flex-shrink-sm);
   }
-  .overflow-sm__YTAwY {
+  .vars_overflow-sm__ZTVlO {
     overflow: var(--overflow-sm);
   }
-  .overflow-x-sm__YjVmZ {
+  .vars_overflow-x-sm__ZDNhN {
     overflow: var(--overflow-x-sm);
   }
-  .overflow-y-sm__NjQ0Z {
+  .vars_overflow-y-sm__MzVhN {
     overflow: var(--overflow-y-sm);
   }
-  .order-sm__OWFhN {
+  .vars_order-sm__NTgzN {
     order: var(--order-sm);
   }
 }
 @media (min-width: 1024px) {
-  .display-md__NDRkN {
+  .vars_display-md__YjNhZ {
     display: var(--display-md);
   }
-  .position-md__NjY5Z {
+  .vars_position-md__MTY1O {
     position: var(--position-md);
   }
-  .font-size-md__ZDIzY {
+  .vars_font-size-md__YzZjY {
     font-size: var(--font-size-md);
   }
-  .font-weight-md__ZTI3N {
+  .vars_font-weight-md__NjA1N {
     font-weight: var(--font-weight-md);
   }
-  .heading-size-md__ZGEzZ {
+  .vars_heading-size-md__OWFlZ {
     font-size: var(--heading-size-md);
   }
-  .border-size-md__Y2I4M {
+  .vars_border-size-md__ZTc4Z {
     border: var(--border-size-md) solid var(--border-color);
   }
-  .border-radius-md__OTUyN {
+  .vars_border-radius-md__OWEwM {
     border-radius: var(--border-radius-md);
   }
-  .shadow-md__NmRmN {
+  .vars_shadow-md__ZTNmO {
     box-shadow: var(--shadow-md);
   }
-  .background-color-md__NjEwM {
+  .vars_background-color-md__OGU2Z {
     background-color: var(--background-color-md);
   }
-  .align-md__Njc1Z {
+  .vars_align-md__YzllZ {
     text-align: var(--align-md);
   }
-  .letter-spacing-md__OTNhO {
+  .vars_letter-spacing-md__NTQwN {
     letter-spacing: var(--letter-spacing-md);
   }
-  .padding-md__NDdmY {
+  .vars_padding-md__MzE4O {
     padding: var(--padding-md);
   }
-  .padding-x-md__MDQwZ {
+  .vars_padding-x-md__NjQ5N {
     padding-left: var(--padding-x-md);
     padding-right: var(--padding-x-md);
   }
-  .padding-y-md__OWI2Y {
+  .vars_padding-y-md__NmMyZ {
     padding-top: var(--padding-y-md);
     padding-bottom: var(--padding-y-md);
   }
-  .padding-top-md__ZTliZ {
+  .vars_padding-top-md__OGZiZ {
     padding-top: var(--padding-top-md);
   }
-  .padding-right-md__ZjdmM {
+  .vars_padding-right-md__ZTdmZ {
     padding-right: var(--padding-right-md);
   }
-  .padding-bottom-md__OWJiZ {
+  .vars_padding-bottom-md__M2U0Z {
     padding-bottom: var(--padding-bottom-md);
   }
-  .padding-left-md__ZGEwM {
+  .vars_padding-left-md__MWIyM {
     padding-left: var(--padding-left-md);
   }
-  .margin-md__YzkyZ {
+  .vars_margin-md__MmQ2M {
     margin: var(--margin-md);
   }
-  .margin-x-md__NGJiN {
+  .vars_margin-x-md__ZWZhO {
     margin-left: var(--margin-x-md);
     margin-right: var(--margin-x-md);
   }
-  .margin-y-md__MTA0M {
+  .vars_margin-y-md__OGNiZ {
     margin-top: var(--margin-y-md);
     margin-bottom: var(--margin-y-md);
   }
-  .margin-top-md__YmZiN {
+  .vars_margin-top-md__OTYzN {
     margin-top: var(--margin-top-md);
   }
-  .margin-right-md__Mzg2M {
+  .vars_margin-right-md__MmU4Y {
     margin-right: var(--margin-right-md);
   }
-  .margin-bottom-md__NzRjM {
+  .vars_margin-bottom-md__ZDJmO {
     margin-bottom: var(--margin-bottom-md);
   }
-  .margin-left-md__NjJlM {
+  .vars_margin-left-md__OWJiM {
     margin-left: var(--margin-left-md);
   }
-  .gap-md__ZTRjY {
+  .vars_gap-md__NTU2N {
     gap: var(--gap-md);
   }
-  .gap-x-md__MDA0N {
+  .vars_gap-x-md__YTQwM {
     column-gap: var(--gap-x-md);
   }
-  .gap-y-md__ZGZiM {
+  .vars_gap-y-md__YzFjY {
     row-gap: var(--gap-y-md);
   }
-  .height-md__YmI5N {
+  .vars_height-md__OGVhZ {
     height: var(--height-md);
   }
-  .width-md__MzQ1M {
+  .vars_width-md__MWM0Z {
     width: var(--width-md);
   }
-  .min-height-md__ZDRhZ {
+  .vars_min-height-md__OWQwN {
     min-height: var(--min-height-md);
   }
-  .min-width-md__ZTkzO {
+  .vars_min-width-md__OWFjM {
     max-width: var(--min-width-md);
   }
-  .max-height-md__MjAyM {
+  .vars_max-height-md__M2QwM {
     max-height: var(--max-height-md);
   }
-  .flex-direction-md__MTI3M {
+  .vars_flex-direction-md__OTJkO {
     flex-direction: var(--flex-direction-md);
   }
-  .flex-wrap-md__NjQ3M {
+  .vars_flex-wrap-md__NWU2N {
     flex-wrap: var(--flex-wrap-md);
   }
-  .justify-content-md__ZDU2M {
+  .vars_justify-content-md__Y2U4Y {
     justify-content: var(--justify-content-md);
   }
-  .justify-items-md__ZmE5M {
+  .vars_justify-items-md__ZGE2N {
     justify-items: var(--justify-items-md);
   }
-  .justify-self-md__NWZjN {
+  .vars_justify-self-md__ZGNjM {
     justify-self: var(--justify-self-md);
   }
-  .align-content-md__NGZjM {
+  .vars_align-content-md__ZjU5N {
     align-content: var(--align-content-md);
   }
-  .align-items-md__ZjU0M {
+  .vars_align-items-md__YzAwO {
     align-items: var(--align-items-md);
   }
-  .align-self-md__NDI1Y {
+  .vars_align-self-md__MmEwM {
     align-self: var(--align-self-md);
   }
-  .grid-template-rows-md__M2I2N {
+  .vars_grid-template-rows-md__NWU2Y {
     grid-template-rows: var(--grid-template-rows-md);
   }
-  .grid-template-columns-md__MGVmZ {
+  .vars_grid-template-columns-md__YzQ1M {
     grid-template-columns: var(--grid-template-columns-md);
   }
-  .flex-basis-md__MGI5M {
+  .vars_flex-basis-md__ZDg2Z {
     flex-basis: var(--flex-basis-md);
   }
-  .flex-grow-md__ZTEzY {
+  .vars_flex-grow-md__MDMxN {
     flex-basis: var(--flex-grow-md);
   }
-  .flex-shrink-md__Mjg0N {
+  .vars_flex-shrink-md__Mzg4O {
     flex-basis: var(--flex-shrink-md);
   }
-  .overflow-md__NGI5M {
+  .vars_overflow-md__OTEzO {
     overflow: var(--overflow-md);
   }
-  .overflow-x-md__YmZkO {
+  .vars_overflow-x-md__NWFhN {
     overflow: var(--overflow-x-md);
   }
-  .overflow-y-md__OTgxY {
+  .vars_overflow-y-md__Y2RlY {
     overflow: var(--overflow-y-md);
   }
-  .order-md__OTY2M {
+  .vars_order-md__OWIwN {
     order: var(--order-md);
   }
 }
 @media (min-width: 1280px) {
-  .display-lg__YTEzO {
+  .vars_display-lg__Njg0M {
     display: var(--display-lg);
   }
-  .position-lg__MDZlN {
+  .vars_position-lg__MzZjN {
     position: var(--position-lg);
   }
-  .font-size-lg__MTI1Z {
+  .vars_font-size-lg__YWQ1M {
     font-size: var(--font-size-lg);
   }
-  .font-weight-lg__ZGU0Y {
+  .vars_font-weight-lg__MzM0O {
     font-weight: var(--font-weight-lg);
   }
-  .heading-size-lg__ODkzN {
+  .vars_heading-size-lg__NTQ5M {
     font-size: var(--heading-size-lg);
   }
-  .border-size-lg__NjkwY {
+  .vars_border-size-lg__N2IxZ {
     border: var(--border-size-lg) solid var(--border-color);
   }
-  .border-radius-lg__NDI0O {
+  .vars_border-radius-lg__YTc1O {
     border-radius: var(--border-radius-lg);
   }
-  .shadow-lg__ZTY3M {
+  .vars_shadow-lg__MTlmO {
     box-shadow: var(--shadow-lg);
   }
-  .background-color-lg__YTAzM {
+  .vars_background-color-lg__MjA0Y {
     background-color: var(--background-color-lg);
   }
-  .align-lg__ZDEyO {
+  .vars_align-lg__MWFmM {
     text-align: var(--align-lg);
   }
-  .letter-spacing-lg__ZmZkN {
+  .vars_letter-spacing-lg__YjM3N {
     letter-spacing: var(--letter-spacing-lg);
   }
-  .padding-lg__MWIwZ {
+  .vars_padding-lg__MzhkM {
     padding: var(--padding-lg);
   }
-  .padding-x-lg__NmQwN {
+  .vars_padding-x-lg__MzBlO {
     padding-left: var(--padding-x-lg);
     padding-right: var(--padding-x-lg);
   }
-  .padding-y-lg__ZDFhY {
+  .vars_padding-y-lg__ZGE3O {
     padding-top: var(--padding-y-lg);
     padding-bottom: var(--padding-y-lg);
   }
-  .padding-top-lg__ZWYzZ {
+  .vars_padding-top-lg__NzkzM {
     padding-top: var(--padding-top-lg);
   }
-  .padding-right-lg__MmEwM {
+  .vars_padding-right-lg__ZDQzO {
     padding-right: var(--padding-right-lg);
   }
-  .padding-bottom-lg__ZTBkZ {
+  .vars_padding-bottom-lg__MGEzY {
     padding-bottom: var(--padding-bottom-lg);
   }
-  .padding-left-lg__YWNkZ {
+  .vars_padding-left-lg__MTQ2N {
     padding-left: var(--padding-left-lg);
   }
-  .margin-lg__MmYxZ {
+  .vars_margin-lg__MmQzM {
     margin: var(--margin-lg);
   }
-  .margin-x-lg__Y2I3N {
+  .vars_margin-x-lg__NWM1Z {
     margin-left: var(--margin-x-lg);
     margin-right: var(--margin-x-lg);
   }
-  .margin-y-lg__MmQ1O {
+  .vars_margin-y-lg__OTQ5Z {
     margin-top: var(--margin-y-lg);
     margin-bottom: var(--margin-y-lg);
   }
-  .margin-top-lg__NjRmZ {
+  .vars_margin-top-lg__ZTQ0N {
     margin-top: var(--margin-top-lg);
   }
-  .margin-right-lg__MWQ0Y {
+  .vars_margin-right-lg__MGY5N {
     margin-right: var(--margin-right-lg);
   }
-  .margin-bottom-lg__MmQ1N {
+  .vars_margin-bottom-lg__YjgxY {
     margin-bottom: var(--margin-bottom-lg);
   }
-  .margin-left-lg__ZGI1Y {
+  .vars_margin-left-lg__ODNlO {
     margin-left: var(--margin-left-lg);
   }
-  .gap-lg__ZDQ1M {
+  .vars_gap-lg__Njk3Z {
     gap: var(--gap-lg);
   }
-  .gap-x-lg__MTQwY {
+  .vars_gap-x-lg__YzgyZ {
     column-gap: var(--gap-x-lg);
   }
-  .gap-y-lg__NDRkO {
+  .vars_gap-y-lg__ODdjO {
     row-gap: var(--gap-y-lg);
   }
-  .height-lg__YTU2M {
+  .vars_height-lg__ZTlkY {
     height: var(--height-lg);
   }
-  .width-lg__ZTRhN {
+  .vars_width-lg__ZTg1Y {
     width: var(--width-lg);
   }
-  .min-height-lg__ZTNjN {
+  .vars_min-height-lg__Njk1M {
     min-height: var(--min-height-lg);
   }
-  .min-width-lg__YzFhN {
+  .vars_min-width-lg__YmU4O {
     max-width: var(--min-width-lg);
   }
-  .max-height-lg__MzY4Z {
+  .vars_max-height-lg__MGM0Z {
     max-height: var(--max-height-lg);
   }
-  .flex-direction-lg__ZjgwY {
+  .vars_flex-direction-lg__ZmVhO {
     flex-direction: var(--flex-direction-lg);
   }
-  .flex-wrap-lg__ZjRkZ {
+  .vars_flex-wrap-lg__ODQ4Y {
     flex-wrap: var(--flex-wrap-lg);
   }
-  .justify-content-lg__ZGQ3Z {
+  .vars_justify-content-lg__N2U0O {
     justify-content: var(--justify-content-lg);
   }
-  .justify-items-lg__Mjk1M {
+  .vars_justify-items-lg__NTdmM {
     justify-items: var(--justify-items-lg);
   }
-  .justify-self-lg__NWI2N {
+  .vars_justify-self-lg__N2YyN {
     justify-self: var(--justify-self-lg);
   }
-  .align-content-lg__OWQ1M {
+  .vars_align-content-lg__NzkxM {
     align-content: var(--align-content-lg);
   }
-  .align-items-lg__NzQzN {
+  .vars_align-items-lg__NTQyN {
     align-items: var(--align-items-lg);
   }
-  .align-self-lg__OGVmN {
+  .vars_align-self-lg__YzI4N {
     align-self: var(--align-self-lg);
   }
-  .grid-template-rows-lg__YmFmM {
+  .vars_grid-template-rows-lg__ZTRjZ {
     grid-template-rows: var(--grid-template-rows-lg);
   }
-  .grid-template-columns-lg__OTJiM {
+  .vars_grid-template-columns-lg__Nzg2M {
     grid-template-columns: var(--grid-template-columns-lg);
   }
-  .flex-basis-lg__YzRhY {
+  .vars_flex-basis-lg__YmVkY {
     flex-basis: var(--flex-basis-lg);
   }
-  .flex-grow-lg__MmY0N {
+  .vars_flex-grow-lg__MDA0N {
     flex-basis: var(--flex-grow-lg);
   }
-  .flex-shrink-lg__NWQyM {
+  .vars_flex-shrink-lg__ZmY5Y {
     flex-basis: var(--flex-shrink-lg);
   }
-  .overflow-lg__MWYwM {
+  .vars_overflow-lg__YTdlN {
     overflow: var(--overflow-lg);
   }
-  .overflow-x-lg__M2NkZ {
+  .vars_overflow-x-lg__MGZmZ {
     overflow: var(--overflow-x-lg);
   }
-  .overflow-y-lg__ZmVkO {
+  .vars_overflow-y-lg__NWJjM {
     overflow: var(--overflow-y-lg);
   }
-  .order-lg__NzlmZ {
+  .vars_order-lg__NjNkZ {
     order: var(--order-lg);
   }
 }
 @media (min-width: 1640px) {
-  .display-xl__NTllZ {
+  .vars_display-xl__OWYwO {
     display: var(--display-xl);
   }
-  .position-xl__MTA5N {
+  .vars_position-xl__Y2YzZ {
     position: var(--position-xl);
   }
-  .font-size-xl__ZWMxZ {
+  .vars_font-size-xl__OTYxN {
     font-size: var(--font-size-xl);
   }
-  .font-weight-xl__NzhlM {
+  .vars_font-weight-xl__MTZiN {
     font-weight: var(--font-weight-xl);
   }
-  .heading-size-xl__N2I5M {
+  .vars_heading-size-xl__OTZjY {
     font-size: var(--heading-size-xl);
   }
-  .border-size-xl__MDZkM {
+  .vars_border-size-xl__NDg5M {
     border: var(--border-size-xl) solid var(--border-color);
   }
-  .border-radius-xl__NWViO {
+  .vars_border-radius-xl__YWYxZ {
     border-radius: var(--border-radius-xl);
   }
-  .shadow-xl__MGQ0Y {
+  .vars_shadow-xl__ODczY {
     box-shadow: var(--shadow-xl);
   }
-  .background-color-xl__MzJmM {
+  .vars_background-color-xl__MmM4Y {
     background-color: var(--background-color-xl);
   }
-  .align-xl__ZTEzM {
+  .vars_align-xl__NmVhZ {
     text-align: var(--align-xl);
   }
-  .letter-spacing-xl__Yjg4M {
+  .vars_letter-spacing-xl__MDI5Y {
     letter-spacing: var(--letter-spacing-xl);
   }
-  .padding-xl__ZjE2N {
+  .vars_padding-xl__NzQ2N {
     padding: var(--padding-xl);
   }
-  .padding-x-xl__YzY5Y {
+  .vars_padding-x-xl__MjQxM {
     padding-left: var(--padding-x-xl);
     padding-right: var(--padding-x-xl);
   }
-  .padding-y-xl__ZDM4N {
+  .vars_padding-y-xl__MDU3O {
     padding-top: var(--padding-y-xl);
     padding-bottom: var(--padding-y-xl);
   }
-  .padding-top-xl__NzAxZ {
+  .vars_padding-top-xl__M2RlZ {
     padding-top: var(--padding-top-xl);
   }
-  .padding-right-xl__YmNmN {
+  .vars_padding-right-xl__YmZmM {
     padding-right: var(--padding-right-xl);
   }
-  .padding-bottom-xl__MmVkN {
+  .vars_padding-bottom-xl__NjVlM {
     padding-bottom: var(--padding-bottom-xl);
   }
-  .padding-left-xl__YmExO {
+  .vars_padding-left-xl__ZjI5Z {
     padding-left: var(--padding-left-xl);
   }
-  .margin-xl__ZTM1Y {
+  .vars_margin-xl__NzQyM {
     margin: var(--margin-xl);
   }
-  .margin-x-xl__YWJmY {
+  .vars_margin-x-xl__ZTc3M {
     margin-left: var(--margin-x-xl);
     margin-right: var(--margin-x-xl);
   }
-  .margin-y-xl__MzcxN {
+  .vars_margin-y-xl__MThmN {
     margin-top: var(--margin-y-xl);
     margin-bottom: var(--margin-y-xl);
   }
-  .margin-top-xl__Y2E5M {
+  .vars_margin-top-xl__ZTYzY {
     margin-top: var(--margin-top-xl);
   }
-  .margin-right-xl__ZmVlY {
+  .vars_margin-right-xl__OTMxY {
     margin-right: var(--margin-right-xl);
   }
-  .margin-bottom-xl__MGJkY {
+  .vars_margin-bottom-xl__OTFjY {
     margin-bottom: var(--margin-bottom-xl);
   }
-  .margin-left-xl__ZmRmZ {
+  .vars_margin-left-xl__NTBkN {
     margin-left: var(--margin-left-xl);
   }
-  .gap-xl__YzAwN {
+  .vars_gap-xl__M2ViO {
     gap: var(--gap-xl);
   }
-  .gap-x-xl__ZDg5Z {
+  .vars_gap-x-xl__NTliM {
     column-gap: var(--gap-x-xl);
   }
-  .gap-y-xl__M2IxM {
+  .vars_gap-y-xl__NzA1Z {
     row-gap: var(--gap-y-xl);
   }
-  .height-xl__ODZmN {
+  .vars_height-xl__NjYyN {
     height: var(--height-xl);
   }
-  .width-xl__YTgzN {
+  .vars_width-xl__NGVkZ {
     width: var(--width-xl);
   }
-  .min-height-xl__ODY4Y {
+  .vars_min-height-xl__MTkyZ {
     min-height: var(--min-height-xl);
   }
-  .min-width-xl__NTFiN {
+  .vars_min-width-xl__MTFmN {
     max-width: var(--min-width-xl);
   }
-  .max-height-xl__YzYxN {
+  .vars_max-height-xl__OTU5Z {
     max-height: var(--max-height-xl);
   }
-  .flex-direction-xl__ZTViN {
+  .vars_flex-direction-xl__MmJiY {
     flex-direction: var(--flex-direction-xl);
   }
-  .flex-wrap-xl__ODdjZ {
+  .vars_flex-wrap-xl__MzIyN {
     flex-wrap: var(--flex-wrap-xl);
   }
-  .justify-content-xl__ODIzN {
+  .vars_justify-content-xl__MDA5M {
     justify-content: var(--justify-content-xl);
   }
-  .justify-items-xl__ZWI1M {
+  .vars_justify-items-xl__MTFiM {
     justify-items: var(--justify-items-xl);
   }
-  .justify-self-xl__NjJhZ {
+  .vars_justify-self-xl__Y2FjN {
     justify-self: var(--justify-self-xl);
   }
-  .align-content-xl__NDQ1Y {
+  .vars_align-content-xl__MjMzM {
     align-content: var(--align-content-xl);
   }
-  .align-items-xl__NGZjO {
+  .vars_align-items-xl__ZmU2O {
     align-items: var(--align-items-xl);
   }
-  .align-self-xl__N2I4Z {
+  .vars_align-self-xl__NjBiN {
     align-self: var(--align-self-xl);
   }
-  .grid-template-rows-xl__YjhkY {
+  .vars_grid-template-rows-xl__NjY4Z {
     grid-template-rows: var(--grid-template-rows-xl);
   }
-  .grid-template-columns-xl__YzJkY {
+  .vars_grid-template-columns-xl__OTQ0M {
     grid-template-columns: var(--grid-template-columns-xl);
   }
-  .flex-basis-xl__ZDdmM {
+  .vars_flex-basis-xl__Yzc3O {
     flex-basis: var(--flex-basis-xl);
   }
-  .flex-grow-xl__ZWJhY {
+  .vars_flex-grow-xl__ODYxZ {
     flex-basis: var(--flex-grow-xl);
   }
-  .flex-shrink-xl__ODUxM {
+  .vars_flex-shrink-xl__OWQ1Y {
     flex-basis: var(--flex-shrink-xl);
   }
-  .overflow-xl__NWExN {
+  .vars_overflow-xl__MDQ2M {
     overflow: var(--overflow-xl);
   }
-  .overflow-x-xl__MzEzM {
+  .vars_overflow-x-xl__NTY0M {
     overflow: var(--overflow-x-xl);
   }
-  .overflow-y-xl__NTBiZ {
+  .vars_overflow-y-xl__ZjNmO {
     overflow: var(--overflow-y-xl);
   }
-  .order-xl__MGNmM {
+  .vars_order-xl__ODAwM {
     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__ZjBiN {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2537,85 +2552,85 @@ li {
   cursor: pointer;
   line-height: 1;
 }
-.Button_button__NjVkM:disabled {
+.Button_button__ZjBiN: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__ZjBiN:hover {
+  background: color-mix(in srgb, var(--input-color), 5% var(--dark-color));
 }
-.Button_button__NjVkM[data-pressed] {
-  background: color-mix(in srgb, var(--input-color), 10% var(--font-color));
+.Button_button__ZjBiN[data-pressed] {
+  background: color-mix(in srgb, var(--input-color), 10% var(--dark-color));
 }
-.Button_button__NjVkM.Button_primary__ODE0Z {
-  color: var(--primary-font-color);
+.Button_button__ZjBiN.Button_primary__YWI4N {
+  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__ZjBiN.Button_primary__YWI4N:hover {
+  background: color-mix(in srgb, var(--primary-color), 10% var(--dark-color));
 }
-.Button_button__NjVkM.Button_primary__ODE0Z[data-pressed] {
-  background: color-mix(in srgb, var(--primary-color), 20% var(--background-color));
+.Button_button__ZjBiN.Button_primary__YWI4N[data-pressed] {
+  background: color-mix(in srgb, var(--primary-color), 20% var(--dark-color));
 }
-.Button_button__NjVkM.Button_primary__ODE0Z:disabled {
+.Button_button__ZjBiN.Button_primary__YWI4N:disabled {
   color: var(--primary-font-color);
-  background: var(--base-color-500);
+  background: var(--base-color-9);
 }
-.Button_button__NjVkM.Button_outline__YWI2M {
+.Button_button__ZjBiN.Button_outline__ZjAzM {
   background: transparent;
   border: var(--border);
   box-shadow: var(--box-shadow-1);
 }
-.Button_button__NjVkM.Button_outline__YWI2M:hover {
-  background: var(--input-color);
+.Button_button__ZjBiN.Button_outline__ZjAzM: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__ZjBiN.Button_outline__ZjAzM[data-pressed] {
+  background: color-mix(in srgb, var(--highlight-color), 5% var(--dark-color));
 }
-.Button_button__NjVkM.Button_quiet__ZjE5N {
+.Button_button__ZjBiN.Button_quiet__NDJlN {
   background: transparent;
 }
-.Button_button__NjVkM.Button_quiet__ZjE5N:hover {
-  background: var(--input-color);
+.Button_button__ZjBiN.Button_quiet__NDJlN: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__ZjBiN.Button_quiet__NDJlN[data-pressed] {
+  background: color-mix(in srgb, var(--highlight-color), 5% var(--dark-color));
 }
-.Button_button__NjVkM.Button_danger__YTliM {
+.Button_button__ZjBiN.Button_danger__ODE5Z {
   color: var(--light-color);
   background: var(--danger-color);
 }
-.Button_button__NjVkM.Button_danger__YTliM:hover {
+.Button_button__ZjBiN.Button_danger__ODE5Z:hover {
   background: color-mix(in srgb, var(--danger-color), 6% black);
 }
-.Button_button__NjVkM.Button_danger__YTliM[data-pressed] {
+.Button_button__ZjBiN.Button_danger__ODE5Z[data-pressed] {
   background: color-mix(in srgb, var(--danger-color), 12% black);
 }
-.Button_button__NjVkM.Button_danger__YTliM:disabled {
+.Button_button__ZjBiN.Button_danger__ODE5Z:disabled {
   color: var(--primary-font-color);
-  background: var(--base-color-500);
+  background: var(--base-color-8);
 }
-.Button_button__NjVkM.Button_xs__ZjFkY {
+.Button_button__ZjBiN.Button_xs__YjY5N {
   font-size: .8rem;
   padding: 0.5rem 0.75rem;
 }
-.Button_button__NjVkM.Button_sm__OGEyM {
+.Button_button__ZjBiN.Button_sm__MzZkM {
   font-size: .9rem;
   padding: 0.5rem 0.75rem;
 }
-.Button_button__NjVkM.Button_md__OWE1Y {
+.Button_button__ZjBiN.Button_md__MGQxZ {
   font-size: 1rem;
   padding: 0.75rem 1rem;
 }
-.Button_button__NjVkM.Button_lg__NDAzN {
+.Button_button__ZjBiN.Button_lg__ZGY2Z {
   font-size: 1.1rem;
   padding: 1rem 1.25rem;
 }
-.Button_button__NjVkM.Button_xl__ZmJkO {
+.Button_button__ZjBiN.Button_xl__M2FhN {
   font-size: 1.3rem;
   padding: 1.25rem 1.5rem;
 }
-body a.Button_button__NjVkM {
+body a.Button_button__ZjBiN {
   color: inherit;
   text-decoration: none;
 }
@@ -2797,6 +2812,8 @@ body a.Button_button__NjVkM {
   transform: translateY(-50%);
 }
 
+/* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
+
 /* virtual-css:css:fa53717340120f23a623f1ff98237d94 */
 .Accordion_accordion__ODg3O {
   display: flex;
@@ -2840,21 +2857,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;
@@ -3015,40 +3042,40 @@ body a.Button_button__NjVkM {
 }
 
 /* virtual-css:css:a3f0bcbc602e66499a3823844c11db39 */
-.Code_code__OGIyN {
+.Code_code__YTUzN {
   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(--layer-color-1);
   border-radius: var(--border-radius);
   padding: var(--spacing-1);
 }
 
 /* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
-.List_list__YzVmZ {
-  overflow: hidden;
+.List_list__N2IxZ {
+  background-color: var(--background-color);
   min-width: 100px;
+  overflow: hidden;
   outline: none;
 }
-.List_separator__ZjQ4N {
+.List_separator__N2ZmY {
   border-bottom: var(--border);
 }
-.List_section__YzYxM {
+.List_section__ZTMwZ:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.List_header__NjQ3Z {
+.List_header__MjFlZ {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.List_item__ZDFkY {
+.List_item__M2E3N {
   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 +3083,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__M2E3N[data-focus],
+.List_item__M2E3N[data-focus-visible] {
   background: var(--highlight-color);
 }
-.List_item__ZDFkY:hover {
+.List_item__M2E3N:hover {
   background: var(--highlight-color);
 }
-.List_item__ZDFkY[data-selected] {
+.List_item__M2E3N[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__M2E3N[data-selected] .List_check__OWE2Z {
   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__OWE2Z {
   display: none;
 }
 
@@ -3238,18 +3235,19 @@ body a.Button_button__NjVkM {
 }
 
 /* virtual-css:css:ac55918cdbb6b3a9ac9deedf05ce3806 */
-.input_field__ZTk4Z {
+.input_field__Zjk2M {
+  position: relative;
   min-width: 240px;
 }
-.input_field__ZTk4Z,
-.input_row__ZGY2N {
+.input_field__Zjk2M,
+.input_row__NTFhN {
   position: relative;
 }
-.input_field__ZTk4Z[data-readonly] .input_input__ODNmN,
-.input_field__ZTk4Z[data-disabled] .input_input__ODNmN {
+.input_field__Zjk2M[data-readonly] .input_input__NTExY,
+.input_field__Zjk2M[data-disabled] .input_input__NTExY {
   background: var(--input-disabled-color);
 }
-.input_input__ODNmN {
+.input_input__NTExY {
   font-size: var(--font-size);
   color: var(--font-color);
   border: var(--border);
@@ -3260,37 +3258,38 @@ body a.Button_button__NjVkM {
   line-height: 1.5rem;
   width: 100%;
 }
-.input_input__ODNmN:focus {
+.input_input__NTExY:focus {
   border-color: transparent;
   outline: var(--outline);
 }
-.input_input__ODNmN::placeholder {
+.input_input__NTExY::placeholder {
   color: var(--font-color-muted);
 }
-.input_input__ODNmN:disabled {
+.input_input__NTExY:disabled {
   color: var(--font-color-muted);
 }
-.input_input__ODNmN::-webkit-search-cancel-button,
-.input_input__ODNmN::-webkit-search-decoration {
+.input_input__NTExY::-webkit-search-cancel-button,
+.input_input__NTExY::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.input_icon__MTEwY {
+.input_icon__ZGI5Y {
   color: var(--font-color-muted);
   background: var(--background-color);
 }
-.input_icon__MTEwY:hover {
+.input_icon__ZGI5Y: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 +3356,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 +3404,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 +3486,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%;
 }
-.MenuItem_item__ODRhY:hover {
+.Menu_item__YjBiN[data-focus],
+.Menu_item__YjBiN[data-focus-visible] {
+  outline: var(--outline);
   background: var(--highlight-color);
 }
-.MenuItem_item__ODRhY[data-selected] {
+.Menu_item__YjBiN:hover {
+  background: var(--highlight-color);
+}
+.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 +3679,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 +3696,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);
 }
 
@@ -3803,24 +3819,29 @@ body a.Button_button__NjVkM {
 }
 
 /* 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 */
@@ -3853,6 +3874,47 @@ body a.Button_button__NjVkM {
   cursor: pointer;
 }
 
+/* virtual-css:css:12d12fae43d9120371ddbb4f1c814f07 */
+.SideNav_sidenav__MzMwN {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 200px;
+  height: 100%;
+  background-color: var(--base-color-2);
+  border-right: 1px solid var(--border-color);
+}
+.SideNav_header__OTQ3Y {
+  display: flex;
+  align-items: center;
+  gap: var(--gap);
+  padding: var(--padding);
+}
+.SideNav_name__ZDIwO {
+  font-weight: var(--font-weight-bold);
+}
+.SideNav_section__ODI2Y {
+  padding: var(--spacing-3);
+}
+.SideNav_title__NmE1M {
+  font-weight: var(--font-weight-bold);
+}
+.SideNav_content__MmYyZ {
+  display: grid;
+  gap: var(--gap);
+}
+.SideNav_item__ODE5M {
+  color: var(--font-color-muted);
+  display: flex;
+  align-items: center;
+  gap: var(--gap);
+  padding: var(--padding);
+}
+.SideNav_item__ODE5M:hover {
+  color: var(--font-color);
+  background-color: var(--base-color-3);
+}
+
 /* virtual-css:css:02d4c53a13519acb012573b18f89110d */
 .Slider_slider__MjBhO {
   font-size: var(--font-size);
@@ -4225,47 +4287,47 @@ body a.Button_button__NjVkM {
   }
 }
 
-/* virtual-css:css:e01d9571088b882a03b91eb2755da783 */
-.PageLinks_links__NmJhO {
+/* virtual-css:css:0ed498f49b21d225f1b5a4e1685cf2e5 */
+.PageLinks_links__NDc3N {
   position: sticky;
   top: var(--spacing-8);
   height: max-content;
   min-width: 240px;
 }
-.PageLinks_links__NmJhO a.PageLinks_link__OGI3M {
+.PageLinks_links__NDc3N a.PageLinks_link__MDdmZ {
   display: block;
   color: var(--font-color-muted);
   font-size: var(--font-size);
   text-decoration: none;
 }
-.PageLinks_links__NmJhO a.PageLinks_link__OGI3M:hover {
+.PageLinks_links__NDc3N a.PageLinks_link__MDdmZ:hover {
   color: var(--primary-color);
   text-decoration: none;
 }
-.PageLinks_indent-1__M2IxZ {
+.PageLinks_indent-1__NWU3M {
   margin-left: 0;
 }
-.PageLinks_indent-2__YTBlM {
+.PageLinks_indent-2__MTM4Z {
   margin-left: 0;
 }
-.PageLinks_indent-3__YzJlZ {
+.PageLinks_indent-3__MWQ3N {
   margin-left: 10px;
 }
-.PageLinks_indent-4__NDg3Z {
+.PageLinks_indent-4__MzBjZ {
   margin-left: 20px;
 }
-.PageLinks_indent-5__ZTE4M {
+.PageLinks_indent-5__YzI0Y {
   margin-left: 30px;
 }
-.PageLinks_indent-6__NTRjM {
+.PageLinks_indent-6__ZDA0N {
   margin-left: 40px;
 }
-.PageLinks_links__NmJhO a.PageLinks_selected__ZjhkN {
+.PageLinks_links__NDc3N a.PageLinks_selected__NzQ1N {
   color: var(--primary-color);
 }
 
-/* virtual-css:css:2dd9c1a25bf05a14c9a7ab7ce1da6aef */
-.CodeBlock_container__ZTkxY {
+/* virtual-css:css:85717ba9ea360d365e3f29144820b208 */
+.CodeBlock_container__YmFmN {
   position: relative;
   background: var(--base-color-900);
   padding: var(--spacing-5);
@@ -4273,14 +4335,14 @@ body a.Button_button__NjVkM {
   white-space: pre-wrap;
   word-wrap: break-word;
 }
-pre.CodeBlock_container__ZTkxY code {
+pre.CodeBlock_container__YmFmN code {
   font-family: var(--font-family-code);
   color: var(--base-color-300);
   padding: 0;
   border: 0;
   background: transparent;
 }
-.CodeBlock_button__MmZkO {
+.CodeBlock_button__NDg0Y {
   border: 0;
   position: absolute;
   right: var(--spacing-5);
@@ -4288,123 +4350,123 @@ pre.CodeBlock_container__ZTkxY code {
   cursor: pointer;
   background: transparent;
 }
-.CodeBlock_copy__M2I0N {
+.CodeBlock_copy__MmQzM {
   color: var(--base-color-300);
 }
-.CodeBlock_copy__M2I0N:hover {
+.CodeBlock_copy__MmQzM:hover {
   color: var(--base-color-50);
 }
-.CodeBlock_check__MjkzY {
+.CodeBlock_check__YmI0Z {
   color: var(--success-color);
 }
 
-/* virtual-css:css:62c31e195181c97259fa56b13d20ea6d */
-.SideNav_nav__NTkxM {
+/* virtual-css:css:72ce2cfbba7b635b2ff1a5f4f5eeabf3 */
+.SideNav_nav__MmFkZ {
   overflow-y: auto;
   min-width: 240px;
 }
-.SideNav_nav__NTkxM::-webkit-scrollbar {
+.SideNav_nav__MmFkZ::-webkit-scrollbar {
   width: 15px;
   background: transparent;
   display: none;
 }
-.SideNav_nav__NTkxM:hover::-webkit-scrollbar {
+.SideNav_nav__MmFkZ:hover::-webkit-scrollbar {
   display: block;
 }
-.SideNav_nav__NTkxM::-webkit-scrollbar-track {
+.SideNav_nav__MmFkZ::-webkit-scrollbar-track {
   border: 7px solid rgba(0, 0, 0, 0);
   background-color: var(--border-color);
   background-clip: padding-box;
 }
-.SideNav_nav__NTkxM::-webkit-scrollbar-thumb {
+.SideNav_nav__MmFkZ::-webkit-scrollbar-thumb {
   border: 7px solid rgba(0, 0, 0, 0);
   background-color: var(--primary-color);
   background-clip: padding-box;
 }
-.SideNav_nav__NTkxM::-webkit-scrollbar-thumb:hover {
+.SideNav_nav__MmFkZ::-webkit-scrollbar-thumb:hover {
   border: 5px solid rgba(0, 0, 0, 0);
   background-color: var(--primary-color);
   background-clip: padding-box;
 }
-.SideNav_nav__NTkxM.SideNav_sticky__YTdmY {
+.SideNav_nav__MmFkZ.SideNav_sticky__NzJhN {
   position: sticky;
   top: var(--spacing-8);
 }
-.SideNav_nav__NTkxM .SideNav_item__MDk5Z {
+.SideNav_nav__MmFkZ .SideNav_item__MzZkN {
   color: var(--font-color-muted);
   border-left: 1px solid var(--border-color);
   padding: var(--padding);
   text-decoration: none;
 }
-.SideNav_nav__NTkxM .SideNav_item__MDk5Z:hover {
+.SideNav_nav__MmFkZ .SideNav_item__MzZkN:hover {
   color: var(--primary-color);
 }
-.SideNav_nav__NTkxM .SideNav_item__MDk5Z.SideNav_selected__ZjVkZ {
+.SideNav_nav__MmFkZ .SideNav_item__MzZkN.SideNav_selected__NDM1Y {
   color: var(--font-color);
   font-weight: 500;
   border-color: var(--primary-color);
   background-color: var(--highlight-color);
 }
-.SideNav_header__Y2YyY {
+.SideNav_header__ZDJkZ {
   padding: var(--padding-y) 0;
 }
 
-/* virtual-css:css:4d0931c84adfae5533b067ea199724f8 */
-.Markdown_content__NmE1Z {
+/* virtual-css:css:62d8adb55c4e65ebaefc75dcc5c103d6 */
+.Markdown_content__MzM0N {
   font-size: 16px;
   margin-bottom: 60px;
 }
-.Markdown_content__NmE1Z > p {
+.Markdown_content__MzM0N > p {
   color: var(--font-color);
   line-height: 1.8;
 }
-.Markdown_content__NmE1Z a {
+.Markdown_content__MzM0N 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__MzM0N a:hover {
   color: var(--font-color);
   text-decoration: underline var(--primary-color);
 }
-.Markdown_content__NmE1Z img {
+.Markdown_content__MzM0N 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__MzM0N 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__MzM0N 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__MzM0N 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__MzM0N *[id] {
   scroll-margin-top: var(--spacing-4);
 }
-.Markdown_content__NmE1Z ul {
+.Markdown_content__MzM0N ul {
   list-style: disc;
 }
-.Markdown_content__NmE1Z ol {
+.Markdown_content__MzM0N ol {
   list-style: decimal;
 }
-.Markdown_content__NmE1Z pre {
+.Markdown_content__MzM0N pre {
   margin: var(--spacing-5) 0;
 }
-.Markdown_content__NmE1Z code {
+.Markdown_content__MzM0N code {
   font-size: 14px;
 }
-.Markdown_content__NmE1Z code:not([class]) {
+.Markdown_content__MzM0N code:not([class]) {
   font-family: var(--font-family-code);
   color: var(--font-color);
   padding: var(--spacing-1);