@umami/react-zen 0.58.0 → 0.61.0

package/styles.css

@@ -1,4 +1,4 @@
-:root {
+:root, .light-theme {
   /* Fonts */
 
   --font-size-1: 12px;
@@ -112,6 +112,9 @@
 
   --box-shadow: var(--box-shadow-1);
 
+  --light-color: #fff;
+  --dark-color: #000;
+
   /* Theme settings */
 
   --base-color-1: #fcfcfc;
@@ -144,8 +147,8 @@
   --solid-color-1: var(--base-color-9);
   --solid-color-2: var(--base-color-10);
 
-  --font-color: var(--base-color-11);
-  --font-color-muted: green;
+  --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);
@@ -156,11 +159,10 @@
   --primary-color: var(--base-color-12);
   --primary-font-color: var(--base-color-1);
 
-  --input-color: var(--base-color-2);
+  --input-color: var(--base-color-3);
   --input-font-color: var(--font-color);
-  --input-disabled-color: var(--base-color-2);
 
-  --highlight-color: var(--base-color-1);
+  --highlight-color: var(--base-color-2);
   --highlight-font-color: var(--font-color);
 
   --success-color: var(--accent-color-green);
@@ -176,7 +178,7 @@
   --active-font-color: var(--base-color-1);
 
   --inactive-color: var(--accent-color-gray);
-  --inactive-font-color: var(--base-color-12);
+  --inactive-font-color: var(--font-color);
 }
 
 html[data-theme='dark'], .dark-theme {
@@ -211,8 +213,8 @@ html[data-theme='dark'], .dark-theme {
   --solid-color-2: var(--base-color-10);
 
   --font-color: var(--base-color-12);
-  --font-color-muted: var(--base-color-11);
-  --font-color-disabled: var(--base-color-9);
+  --font-color-muted: var(--base-color-10);
+  --font-color-disabled: var(--base-color-8);
 
   --heading-color: var(--base-color-12);
 
@@ -222,24 +224,23 @@ html[data-theme='dark'], .dark-theme {
   --primary-color: var(--base-color-12);
   --primary-font-color: var(--base-color-1);
 
-  --input-color: var(--base-color-2);
+  --input-color: var(--base-color-3);
   --input-font-color: var(--font-color);
-  --input-disabled-color: var(--base-color-2);
 
-  --highlight-color: var(--base-color-1);
+  --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-1);
+  --danger-font-color: var(--base-color-12);
 
   --warning-color: var(--accent-color-orange);
-  --warning-font-color: var(--base-color-1);
+  --warning-font-color: var(--base-color-12);
 
   --active-color: var(--accent-color-blue);
-  --active-font-color: var(--base-color-1);
+  --active-font-color: var(--base-color-12);
 
   --inactive-color: var(--accent-color-gray);
   --inactive-font-color: var(--base-color-12);
@@ -339,7 +340,7 @@ li {
 }
 
 /* virtual-css:css:1f23037feb6ff5b206a7d955b2a6ff41 */
-.AlertBanner_banner__OGNlY {
+.AlertBanner_banner__NDQ0Z {
   display: flex;
   align-items: center;
   padding: var(--padding);
@@ -352,2198 +353,2188 @@ li {
   color: var(--font-color);
   gap: var(--spacing-3);
 }
-.AlertBanner_message__MGY3N {
+.AlertBanner_message__MzQ3Y {
   display: flex;
   flex-direction: column;
   flex: 1;
 }
-.AlertBanner_title__OWM1Z {
+.AlertBanner_title__MDI0M {
   font-weight: 700;
 }
-.AlertBanner_close__NzdkY {
+.AlertBanner_close__YzE5M {
   color: var(--font-color-muted);
 }
-.AlertBanner_close__NzdkY:hover {
+.AlertBanner_close__YzE5M:hover {
   color: var(--font-color);
   cursor: pointer;
 }
-.AlertBanner_error__YzQxZ {
-  color: var(--danger-font-color);
-  background-color: var(--danger-color);
-  border: 0;
+.AlertBanner_error__NDVmM {
+  color: var(--danger-color);
+  border: 1px solid var(--danger-color);
 }
-.AlertBanner_error__YzQxZ .AlertBanner_close__NzdkY {
-  color: var(--danger-font-color);
+.AlertBanner_error__NDVmM .AlertBanner_close__YzE5M {
+  color: var(--danger-color);
 }
-.AlertBanner_info__NmFiY {
-  color: var(--primary-font-color);
-  background-color: var(--primary-color);
-  border: 0;
+.AlertBanner_start__YTlmZ {
+  text-align: start;
 }
-.AlertBanner_info__NmFiY .AlertBanner_close__NzdkY {
-  color: var(--primary-font-color);
+.AlertBanner_end__ZmJlM {
+  text-align: end;
+}
+.AlertBanner_center__Y2ZmN {
+  text-align: center;
 }
 
-/* virtual-css:css:07621d56561ca96f5260b6f592fccf40 */
-.display__NDMxM {
+/* virtual-css:css:9518b5d94ca84663cac0248b7ef3be8b */
+.vars_display__NjY2N {
   display: var(--display);
 }
-.display-none__MjFkY {
+.vars_display-none__YjMwM {
   display: none;
 }
-.display-inline__ZWE3O {
+.vars_display-inline__ZTUyM {
   display: inline;
 }
-.display-inline-block__MDYyN {
+.vars_display-inline-block__MDc5O {
   display: inline-block;
 }
-.display-block__YjVmM {
+.vars_display-block__ZTdiM {
   display: block;
 }
-.display-flex__NjIyN {
+.vars_display-flex__ZDNhM {
   display: flex;
 }
-.display-inline-flex__OTRhN {
+.vars_display-inline-flex__MDE5N {
   display: inline-flex;
 }
-.display-grid__MDUyM {
+.vars_display-grid__MjZmM {
   display: grid;
 }
-.display-inline-grid__MDczM {
+.vars_display-inline-grid__NDE4M {
   display: inline-grid;
 }
-.position-absolute__YzYxO {
+.vars_position-absolute__OGE4Z {
   position: absolute;
 }
-.position-fixed__MjY1M {
+.vars_position-fixed__YWZjZ {
   position: fixed;
 }
-.position-stick__YTczM {
+.vars_position-stick__NWUxY {
   position: sticky;
 }
-.position-static__MjE3M {
+.vars_position-static__NTVlM {
   position: static;
 }
-.position-relative__NzIxO {
+.vars_position-relative__YWY1M {
   position: relative;
 }
-.font-size__MDg5Z {
+.vars_font-size__NTk4Z {
   font-size: var(--font-size);
 }
-.font-size-1__YTZhM {
+.vars_font-size-1__NWNmY {
   font-size: var(--font-size-1);
 }
-.font-size-2__YjdlY {
+.vars_font-size-2__MmE4Y {
   font-size: var(--font-size-2);
 }
-.font-size-3__YzE5M {
+.vars_font-size-3__NTk4Z {
   font-size: var(--font-size-3);
 }
-.font-size-4__NWQ5Z {
+.vars_font-size-4__MmVjM {
   font-size: var(--font-size-4);
 }
-.font-size-5__MWUzZ {
+.vars_font-size-5__YzU1O {
   font-size: var(--font-size-5);
 }
-.font-size-6__MDBjY {
+.vars_font-size-6__YjYxM {
   font-size: var(--font-size-6);
 }
-.font-size-7__ZGFjZ {
+.vars_font-size-7__MjZiZ {
   font-size: var(--font-size-7);
 }
-.font-size-8__Mjc3N {
+.vars_font-size-8__YzdjM {
   font-size: var(--font-size-8);
 }
-.font-size-9__MmVkM {
+.vars_font-size-9__NWU3Z {
   font-size: var(--font-size-9);
 }
-.heading-size__OTIzM {
+.vars_heading-size__ZTQxO {
   font-size: var(--heading-size);
 }
-.heading-size-1__ODI5M {
+.vars_heading-size-1__YzVjY {
   font-size: var(--heading-size-1);
 }
-.heading-size-2__OTRjZ {
+.vars_heading-size-2__MTUxO {
   font-size: var(--heading-size-2);
 }
-.heading-size-3__Nzk3M {
+.vars_heading-size-3__MGQxY {
   font-size: var(--heading-size-3);
 }
-.heading-size-4__MTk1N {
+.vars_heading-size-4__YjhkZ {
   font-size: var(--heading-size-4);
 }
-.heading-size-5__YzgyZ {
+.vars_heading-size-5__MWVmN {
   font-size: var(--heading-size-5);
 }
-.heading-size-6__N2QwZ {
+.vars_heading-size-6__NTY3Y {
   font-size: var(--heading-size-6);
 }
-.font-weight-light__OTljN {
+.vars_font-weight-light__ZWE5O {
   font-weight: var(--font-weight-light);
 }
-.font-weight-regular__Y2ViY {
+.vars_font-weight-regular__NWRiO {
   font-weight: var(--font-weight-regular);
 }
-.font-weight-medium__MjZiZ {
+.vars_font-weight-medium__MDA1Y {
   font-weight: var(--font-weight-medium);
 }
-.font-weight-bold__OGY2Y {
+.vars_font-weight-bold__N2Y2M {
   font-weight: var(--font-weight-bold);
 }
-.border-size-1__NGU1M {
+.vars_border-size-1__YTU2Z {
   border: var(--border-size-1) solid var(--border-color);
 }
-.border-size-2__YzY5Y {
+.vars_border-size-2__ZTZlZ {
   border: var(--border-size-2) solid var(--border-color);
 }
-.border-size-3__OGY1N {
+.vars_border-size-3__MzY0N {
   border: var(--border-size-3) solid var(--border-color);
 }
-.border-size-4__ODc4Z {
+.vars_border-size-4__NjA3O {
   border: var(--border-size-4) solid var(--border-color);
 }
-.border-radius-1__MjdmO {
+.vars_border-radius-1__NWRjN {
   border-radius: var(--border-radius-1);
 }
-.border-radius-2__N2Q3Z {
+.vars_border-radius-2__ZWFhN {
   border-radius: var(--border-radius-2);
 }
-.border-radius-3__NzdjM {
+.vars_border-radius-3__MzgzY {
   border-radius: var(--border-radius-3);
 }
-.border-radius-4__YzEwO {
+.vars_border-radius-4__MTcxM {
   border-radius: var(--border-radius-4);
 }
-.border-radius-full__MGQ3N {
+.vars_border-radius-full__ZDI2Y {
   border-radius: var(--border-radius-full);
 }
-.shadow-1__N2ZjN {
+.vars_shadow-1__Mjg1Y {
   box-shadow: var(--box-shadow-1);
 }
-.shadow-2__MDdjM {
+.vars_shadow-2__NTE0M {
   box-shadow: var(--box-shadow-2);
 }
-.shadow-3__NGVkM {
+.vars_shadow-3__MTA3Y {
   box-shadow: var(--box-shadow-3);
 }
-.shadow-4__NTk0N {
+.vars_shadow-4__MTBjM {
   box-shadow: var(--box-shadow-4);
 }
-.shadow-5__YjU1Z {
+.vars_shadow-5__OWE5Y {
   box-shadow: var(--box-shadow-5);
 }
-.shadow-6__YjhkM {
+.vars_shadow-6__NDhhZ {
   box-shadow: var(--box-shadow-6);
 }
-.font-color-primary__NmVlZ {
+.vars_font-color-primary__NDk0M {
   color: var(--primary-color);
 }
-.font-color-muted__NWIxN {
+.vars_font-color-muted__ZGQ4M {
   color: var(--font-color-muted);
 }
-.font-color-disabled__ZjZkM {
+.vars_font-color-disabled__NTA3Z {
   color: var(--font-color-disabled);
 }
-.font-color-1__NzFkM {
+.vars_font-color-1__N2E1Z {
   color: var(--base-color-1);
 }
-.font-color-2__NWI4Y {
+.vars_font-color-2__NWYwN {
   color: var(--base-color-2);
 }
-.font-color-3__Mjk3Y {
+.vars_font-color-3__YTJjY {
   color: var(--base-color-3);
 }
-.font-color-4__ZGUwO {
+.vars_font-color-4__YzIxY {
   color: var(--base-color-4);
 }
-.font-color-5__ZGFhY {
+.vars_font-color-5__MjQ1O {
   color: var(--base-color-5);
 }
-.font-color-6__ZDA3M {
+.vars_font-color-6__NWViM {
   color: var(--base-color-6);
 }
-.font-color-7__ZWE0N {
+.vars_font-color-7__ZDkwO {
   color: var(--base-color-7);
 }
-.font-color-8__OTg3O {
+.vars_font-color-8__ODliM {
   color: var(--base-color-9);
 }
-.font-color-10__NTk1O {
+.vars_font-color-10__ZGM2N {
   color: var(--base-color-10);
 }
-.font-color-11__N2UxM {
+.vars_font-color-11__NmZhO {
   color: var(--base-color-11);
 }
-.font-color-12__YmZlN {
+.vars_font-color-12__ZGJhY {
   color: var(--base-color-12);
 }
-.font-color-gray__YzM4Y {
+.vars_font-color-gray__OTIwZ {
   color: var(--accent-color-gray);
 }
-.font-color-gold__YWVmY {
+.vars_font-color-gold__ZTU2Y {
   color: var(--accent-color-gold);
 }
-.font-color-bronze__Yjk2M {
+.vars_font-color-bronze__YWZkY {
   color: var(--accent-color-bronze);
 }
-.font-color-brown__MjY4Y {
+.vars_font-color-brown__NzM3Y {
   color: var(--accent-color-brown);
 }
-.font-color-yellow__NmUwZ {
+.vars_font-color-yellow__ZWEyN {
   color: var(--accent-color-yellow);
 }
-.font-color-amber__YzhjM {
+.vars_font-color-amber__YjU0M {
   color: var(--accent-color-amber);
 }
-.font-color-orange__YzY4Z {
+.vars_font-color-orange__NjJjY {
   color: var(--accent-color-orange);
 }
-.font-color-tomato__NzA3M {
+.vars_font-color-tomato__ZWM4Y {
   color: var(--accent-color-tomato);
 }
-.font-color-red__MzhlY {
+.vars_font-color-red__ZWNlM {
   color: var(--accent-color-red);
 }
-.font-color-ruby__OTIyO {
+.vars_font-color-ruby__YzMxM {
   color: var(--accent-color-ruby);
 }
-.font-color-crimson__MGJhM {
+.vars_font-color-crimson__MDk4M {
   color: var(--accent-color-crimson);
 }
-.font-color-pink__OThmM {
+.vars_font-color-pink__ZDUxO {
   color: var(--accent-color-pink);
 }
-.font-color-plum__NTA2M {
+.vars_font-color-plum__YTAxZ {
   color: var(--accent-color-plum);
 }
-.font-color-purple__MGQ1Z {
+.vars_font-color-purple__N2JlM {
   color: var(--accent-color-purple);
 }
-.font-color-violet__MmFkY {
+.vars_font-color-violet__Mjc4N {
   color: var(--accent-color-violet);
 }
-.font-color-iris__YjY0M {
+.vars_font-color-iris__NzIzN {
   color: var(--accent-color-iris);
 }
-.font-color-indigo__OGEzZ {
+.vars_font-color-indigo__NWUyM {
   color: var(--accent-color-indigo);
 }
-.font-color-blue__YzZjM {
+.vars_font-color-blue__YmIyY {
   color: var(--accent-color-blue);
 }
-.font-color-cyan__MTZiM {
+.vars_font-color-cyan__YTI3Y {
   color: var(--accent-color-cyan);
 }
-.font-color-teal__YzA2O {
+.vars_font-color-teal__Yjc3N {
   color: var(--accent-color-teal);
 }
-.font-color-jade__Yjk3M {
+.vars_font-color-jade__YjA0Z {
   color: var(--accent-color-jade);
 }
-.font-color-green__MmRhN {
+.vars_font-color-green__Mjg4N {
   color: var(--accent-color-green);
 }
-.font-color-grass__YjY3Z {
+.vars_font-color-grass__ZWNlN {
   color: var(--accent-color-grass);
 }
-.font-color-lime__NjNmN {
+.vars_font-color-lime__MTI2M {
   color: var(--accent-color-lime);
 }
-.font-color-mint__MTA3N {
+.vars_font-color-mint__ZDMzZ {
   color: var(--accent-color-mint);
 }
-.font-color-sky__MjZjN {
+.vars_font-color-sky__YmMwZ {
   color: var(--accent-color-sky);
 }
-.background-color-transparent__MzkwM {
+.vars_background-color-transparent__MDY2M {
   background-color: transparent;
 }
-.background-color-solid__Yzk2Y {
+.vars_background-color-solid__Zjc1Y {
   background-color: var(--background-color);
 }
-.background-color-1__NDFiZ {
+.vars_background-color-1__Yzg5N {
   background-color: var(--base-color-1);
 }
-.background-color-2__NDhjY {
+.vars_background-color-2__ZjZlO {
   background-color: var(--base-color-2);
 }
-.background-color-3__ZDU0N {
+.vars_background-color-3__NWRhM {
   background-color: var(--base-color-3);
 }
-.background-color-4__NGJmO {
+.vars_background-color-4__MzdjM {
   background-color: var(--base-color-4);
 }
-.background-color-5__N2ZhM {
+.vars_background-color-5__ZjYwM {
   background-color: var(--base-color-5);
 }
-.background-color-6__MTJmZ {
+.vars_background-color-6__MmExO {
   background-color: var(--base-color-6);
 }
-.background-color-7__YTFkN {
+.vars_background-color-7__OTJmO {
   background-color: var(--base-color-7);
 }
-.background-color-8__ZTVjM {
+.vars_background-color-8__NTk5Z {
   background-color: var(--base-color-8);
 }
-.background-color-9__MjM1M {
+.vars_background-color-9__YzM1O {
   background-color: var(--base-color-9);
 }
-.background-color-10__Y2Q1Z {
+.vars_background-color-10__YWQ1Y {
   background-color: var(--base-color-10);
 }
-.background-color-11__MWZmN {
+.vars_background-color-11__N2JhM {
   background-color: var(--base-color-11);
 }
-.background-color-12__ZDk4N {
+.vars_background-color-12__N2U3Z {
   background-color: var(--base-color-12);
 }
-.background-color-gray__MmYyN {
+.vars_background-color-gray__NmYxN {
   background-color: var(--accent-color-gray);
 }
-.background-color-gold__N2Y0Z {
+.vars_background-color-gold__NzFmM {
   background-color: var(--accent-color-gold);
 }
-.background-color-bronze__N2M2Y {
+.vars_background-color-bronze__MWU3Z {
   background-color: var(--accent-color-bronze);
 }
-.background-color-brown__OTFkM {
+.vars_background-color-brown__YWE0M {
   background-color: var(--accent-color-brown);
 }
-.background-color-yellow__ZjFmO {
+.vars_background-color-yellow__YTQxZ {
   background-color: var(--accent-color-yellow);
 }
-.background-color-amber__OTc2M {
+.vars_background-color-amber__YmExZ {
   background-color: var(--accent-color-amber);
 }
-.background-color-orange__ODU1O {
+.vars_background-color-orange__Zjg0O {
   background-color: var(--accent-color-orange);
 }
-.background-color-tomato__YmYyY {
+.vars_background-color-tomato__OGFhO {
   background-color: var(--accent-color-tomato);
 }
-.background-color-red__MjU0Z {
+.vars_background-color-red__OTQ0M {
   background-color: var(--accent-color-red);
 }
-.background-color-ruby__MDljY {
+.vars_background-color-ruby__MTM4N {
   background-color: var(--accent-color-ruby);
 }
-.background-color-crimson__MjU2N {
+.vars_background-color-crimson__Y2MyY {
   background-color: var(--accent-color-crimson);
 }
-.background-color-pink__MTgwY {
+.vars_background-color-pink__NzdiN {
   background-color: var(--accent-color-pink);
 }
-.background-color-plum__MWU2Y {
+.vars_background-color-plum__Y2U4Z {
   background-color: var(--accent-color-plum);
 }
-.background-color-purple__MDdjN {
+.vars_background-color-purple__M2Q3M {
   background-color: var(--accent-color-purple);
 }
-.background-color-violet__MzI1N {
+.vars_background-color-violet__OTVhN {
   background-color: var(--accent-color-violet);
 }
-.background-color-iris__OTJkZ {
+.vars_background-color-iris__Nzk3N {
   background-color: var(--accent-color-iris);
 }
-.background-color-indigo__NmRkN {
+.vars_background-color-indigo__ZGRhN {
   background-color: var(--accent-color-indigo);
 }
-.background-color-blue__MmY4N {
+.vars_background-color-blue__MDllZ {
   background-color: var(--accent-color-blue);
 }
-.background-color-cyan__NjA4N {
+.vars_background-color-cyan__NDI5Y {
   background-color: var(--accent-color-cyan);
 }
-.background-color-teal__NDkxO {
+.vars_background-color-teal__NTFkN {
   background-color: var(--accent-color-teal);
 }
-.background-color-jade__MTk3Z {
+.vars_background-color-jade__MWVjM {
   background-color: var(--accent-color-jade);
 }
-.background-color-green__YjhmO {
+.vars_background-color-green__Y2Y3N {
   background-color: var(--accent-color-green);
 }
-.background-color-grass__MTA1M {
+.vars_background-color-grass__NDQ4N {
   background-color: var(--accent-color-grass);
 }
-.background-color-lime__OGI4N {
+.vars_background-color-lime__NGFmZ {
   background-color: var(--accent-color-lime);
 }
-.background-color-mint__N2EyO {
+.vars_background-color-mint__ODRmY {
   background-color: var(--accent-color-mint);
 }
-.background-color-sky__MjJhM {
+.vars_background-color-sky__YTM4Z {
   background-color: var(--accent-color-sky);
 }
-.text-align-left__ZmM4Z {
+.vars_text-align-left__YzVjN {
   text-align: left;
 }
-.text-align-center__MzIxO {
+.vars_text-align-center__NjJkN {
   text-align: center;
 }
-.text-align-right__ZGMwM {
+.vars_text-align-right__ODIxO {
   text-align: right;
 }
-.text-wrap-wrap__NWQzY {
+.vars_text-wrap-wrap__YjlhY {
   text-wrap: wrap;
 }
-.text-wrap-nowrap__NjJmO {
+.vars_text-wrap-nowrap__ZGI2N {
   text-wrap: nowrap;
 }
-.text-wrap-balance__NDhkY {
+.vars_text-wrap-balance__YWJlN {
   text-wrap: balance;
 }
-.text-wrap-pretty__MDlmN {
+.vars_text-wrap-pretty__NzIzM {
   text-wrap: pretty;
 }
-.text-wrap-stable__YzM4N {
+.vars_text-wrap-stable__N2EyN {
   text-wrap: stable;
 }
-.letter-spacing-1__OTZkN {
+.vars_letter-spacing-1__MmYxO {
   letter-spacing: var(--letter-spacing-1);
 }
-.letter-spacing-2__YTFmM {
+.vars_letter-spacing-2__Nzk3N {
   letter-spacing: -0.025em;
 }
-.letter-spacing-3__YmYyY {
+.vars_letter-spacing-3__NDRhM {
   letter-spacing: 0;
 }
-.letter-spacing-4__ZTY3Y {
+.vars_letter-spacing-4__MzFhM {
   letter-spacing: 0.025em;
 }
-.letter-spacing-5__ODMzM {
+.vars_letter-spacing-5__ZTg5N {
   letter-spacing: 0.05em;
 }
-.padding-1__M2NmN {
+.vars_padding-1__YTgxY {
   padding: var(--spacing-1);
 }
-.padding-2__NTA0O {
+.vars_padding-2__NTFiZ {
   padding: var(--spacing-2);
 }
-.padding-3__N2MwN {
+.vars_padding-3__N2NhM {
   padding: var(--spacing-3);
 }
-.padding-4__NGZiN {
+.vars_padding-4__M2Q0M {
   padding: var(--spacing-4);
 }
-.padding-5__OTU3N {
+.vars_padding-5__ZWIwO {
   padding: var(--spacing-5);
 }
-.padding-6__OWU3M {
+.vars_padding-6__M2NhY {
   padding: var(--spacing-6);
 }
-.padding-7__ZjVjY {
+.vars_padding-7__MmJkO {
   padding: var(--spacing-7);
 }
-.padding-8__NDc4N {
+.vars_padding-8__YzY2O {
   padding: var(--spacing-8);
 }
-.padding-9__YTEzY {
+.vars_padding-9__ZWMwO {
   padding: var(--spacing-9);
 }
-.padding-10__ZGE1M {
+.vars_padding-10__YThiN {
   padding: var(--spacing-10);
 }
-.padding-11__Zjc1N {
+.vars_padding-11__ZDVkO {
   padding: var(--spacing-11);
 }
-.padding-12__M2VkZ {
+.vars_padding-12__Yzg4N {
   padding: var(--spacing-12);
 }
-.padding-x-1__YzYyY {
+.vars_padding-x-1__YTYyO {
   padding-left: var(--spacing-1);
   padding-right: var(--spacing-1);
 }
-.padding-x-2__Nzg0Y {
+.vars_padding-x-2__YTc4Y {
   padding-left: var(--spacing-2);
   padding-right: var(--spacing-2);
 }
-.padding-x-3__ODViO {
+.vars_padding-x-3__NDI5Y {
   padding-left: var(--spacing-3);
   padding-right: var(--spacing-3);
 }
-.padding-x-4__ZDJlY {
+.vars_padding-x-4__YmQxZ {
   padding-left: var(--spacing-4);
   padding-right: var(--spacing-4);
 }
-.padding-x-5__MjczN {
+.vars_padding-x-5__ZGM5Y {
   padding-left: var(--spacing-5);
   padding-right: var(--spacing-5);
 }
-.padding-x-6__NWY0Y {
+.vars_padding-x-6__MzkxM {
   padding-left: var(--spacing-6);
   padding-right: var(--spacing-6);
 }
-.padding-x-7__MmY0M {
+.vars_padding-x-7__Nzk2M {
   padding-left: var(--spacing-7);
   padding-right: var(--spacing-7);
 }
-.padding-x-8__ZmFlZ {
+.vars_padding-x-8__ZTk5Y {
   padding-left: var(--spacing-8);
   padding-right: var(--spacing-8);
 }
-.padding-x-9__OGIzM {
+.vars_padding-x-9__OGNhO {
   padding-left: var(--spacing-9);
   padding-right: var(--spacing-9);
 }
-.padding-x-10__ZWQ1M {
+.vars_padding-x-10__MDljM {
   padding-left: var(--spacing-10);
   padding-right: var(--spacing-10);
 }
-.padding-x-11__NDc1Z {
+.vars_padding-x-11__MGEzN {
   padding-left: var(--spacing-11);
   padding-right: var(--spacing-11);
 }
-.padding-x-12__MzNiO {
+.vars_padding-x-12__N2FhN {
   padding-left: var(--spacing-12);
   padding-right: var(--spacing-12);
 }
-.padding-y-1__YmExN {
+.vars_padding-y-1__MDM0M {
   padding-top: var(--spacing-1);
   padding-bottom: var(--spacing-1);
 }
-.padding-y-2__YzJkY {
+.vars_padding-y-2__ODQyN {
   padding-top: var(--spacing-2);
   padding-bottom: var(--spacing-2);
 }
-.padding-y-3__Nzk2M {
+.vars_padding-y-3__ZGFlY {
   padding-top: var(--spacing-3);
   padding-bottom: var(--spacing-3);
 }
-.padding-y-4__OTM1M {
+.vars_padding-y-4__YTMzZ {
   padding-top: var(--spacing-4);
   padding-bottom: var(--spacing-4);
 }
-.padding-y-5__MzZhY {
+.vars_padding-y-5__ZTEzM {
   padding-top: var(--spacing-5);
   padding-bottom: var(--spacing-5);
 }
-.padding-y-6__NWE3M {
+.vars_padding-y-6__Y2M2O {
   padding-top: var(--spacing-6);
   padding-bottom: var(--spacing-6);
 }
-.padding-y-7__ZjRjY {
+.vars_padding-y-7__M2E4O {
   padding-top: var(--spacing-7);
   padding-bottom: var(--spacing-7);
 }
-.padding-y-8__YWY5M {
+.vars_padding-y-8__MGI5Y {
   padding-top: var(--spacing-8);
   padding-bottom: var(--spacing-8);
 }
-.padding-y-9__ODhlY {
+.vars_padding-y-9__MmI3M {
   padding-top: var(--spacing-9);
   padding-bottom: var(--spacing-9);
 }
-.padding-y-10__NzViM {
+.vars_padding-y-10__ZDA5Y {
   padding-top: var(--spacing-10);
   padding-bottom: var(--spacing-10);
 }
-.padding-y-11__OTY5Y {
+.vars_padding-y-11__MzE5M {
   padding-top: var(--spacing-11);
   padding-bottom: var(--spacing-11);
 }
-.padding-y-12__NDhiY {
+.vars_padding-y-12__Mjg0Z {
   padding-top: var(--spacing-12);
   padding-bottom: var(--spacing-12);
 }
-.padding-top-1__M2FhM {
+.vars_padding-top-1__MGU0Z {
   padding-top: var(--spacing-1);
 }
-.padding-top-2__ZDY1N {
+.vars_padding-top-2__Nzg5M {
   padding-top: var(--spacing-2);
 }
-.padding-top-3__YzAwN {
+.vars_padding-top-3__ZjExO {
   padding-top: var(--spacing-3);
 }
-.padding-top-4__ZDM1M {
+.vars_padding-top-4__MGMwO {
   padding-top: var(--spacing-4);
 }
-.padding-top-5__ZjE5M {
+.vars_padding-top-5__Yjk2Y {
   padding-top: var(--spacing-5);
 }
-.padding-top-6__YmJmZ {
+.vars_padding-top-6__ODE4M {
   padding-top: var(--spacing-6);
 }
-.padding-top-7__OWZhY {
+.vars_padding-top-7__YWViN {
   padding-top: var(--spacing-7);
 }
-.padding-top-8__ODVmY {
+.vars_padding-top-8__MWEwN {
   padding-top: var(--spacing-8);
 }
-.padding-top-9__NWE2N {
+.vars_padding-top-9__YWNlN {
   padding-top: var(--spacing-9);
 }
-.padding-top-10__NmIzO {
+.vars_padding-top-10__Y2UzO {
   padding-top: var(--spacing-10);
 }
-.padding-top-11__ZmU5M {
+.vars_padding-top-11__Zjc2N {
   padding-top: var(--spacing-11);
 }
-.padding-top-12__NWVlM {
+.vars_padding-top-12__M2RiN {
   padding-top: var(--spacing-12);
 }
-.padding-bottom-1__NDQ4Z {
+.vars_padding-bottom-1__Zjg0Z {
   padding-bottom: var(--spacing-1);
 }
-.padding-bottom-2__OWYzY {
+.vars_padding-bottom-2__ZmM4Z {
   padding-bottom: var(--spacing-2);
 }
-.padding-bottom-3__YjM3M {
+.vars_padding-bottom-3__MDVmM {
   padding-bottom: var(--spacing-3);
 }
-.padding-bottom-4__Yjg1O {
+.vars_padding-bottom-4__NDRmZ {
   padding-bottom: var(--spacing-4);
 }
-.padding-bottom-5__YWNmZ {
+.vars_padding-bottom-5__ZWY4Z {
   padding-bottom: var(--spacing-5);
 }
-.padding-bottom-6__ZDMyM {
+.vars_padding-bottom-6__Y2MyM {
   padding-bottom: var(--spacing-6);
 }
-.padding-bottom-7__YmQwM {
+.vars_padding-bottom-7__MmJkY {
   padding-bottom: var(--spacing-7);
 }
-.padding-bottom-8__NjAzZ {
+.vars_padding-bottom-8__Zjg3M {
   padding-bottom: var(--spacing-8);
 }
-.padding-bottom-9__YmNhY {
+.vars_padding-bottom-9__NWIxO {
   padding-bottom: var(--spacing-9);
 }
-.padding-bottom-10__MjM2Z {
+.vars_padding-bottom-10__MTNiY {
   padding-bottom: var(--spacing-10);
 }
-.padding-bottom-11__N2ZlN {
+.vars_padding-bottom-11__Yzc2Y {
   padding-bottom: var(--spacing-11);
 }
-.padding-bottom-12__NGIyN {
+.vars_padding-bottom-12__NjJmO {
   padding-bottom: var(--spacing-12);
 }
-.padding-left-1__NmNmY {
+.vars_padding-left-1__MTE5M {
   padding-left: var(--spacing-1);
 }
-.padding-left-2__MjkzM {
+.vars_padding-left-2__NGVkO {
   padding-left: var(--spacing-2);
 }
-.padding-left-3__ZTAxO {
+.vars_padding-left-3__YTYyN {
   padding-left: var(--spacing-3);
 }
-.padding-left-4__YjgxN {
+.vars_padding-left-4__N2ZmZ {
   padding-left: var(--spacing-4);
 }
-.padding-left-5__NWYzZ {
+.vars_padding-left-5__MjM1N {
   padding-left: var(--spacing-5);
 }
-.padding-left-6__YWEyZ {
+.vars_padding-left-6__NTExN {
   padding-left: var(--spacing-6);
 }
-.padding-left-7__NTQzZ {
+.vars_padding-left-7__M2RlN {
   padding-left: var(--spacing-7);
 }
-.padding-left-8__Y2FjO {
+.vars_padding-left-8__YzgxN {
   padding-left: var(--spacing-8);
 }
-.padding-left-9__Y2Y4N {
+.vars_padding-left-9__MDZiN {
   padding-left: var(--spacing-9);
 }
-.padding-left-10__YWUxY {
+.vars_padding-left-10__MGQ4M {
   padding-left: var(--spacing-10);
 }
-.padding-left-11__ZjA2M {
+.vars_padding-left-11__ZDZiY {
   padding-left: var(--spacing-11);
 }
-.padding-left-12__YzM1Z {
+.vars_padding-left-12__ZmE5M {
   padding-left: var(--spacing-12);
 }
-.padding-right-1__MDg1M {
+.vars_padding-right-1__MDk4Z {
   padding-right: var(--spacing-1);
 }
-.padding-right-2__ZWM3N {
+.vars_padding-right-2__YzUyY {
   padding-right: var(--spacing-2);
 }
-.padding-right-3__MWE1M {
+.vars_padding-right-3__MTZkM {
   padding-right: var(--spacing-3);
 }
-.padding-right-4__MGU2N {
+.vars_padding-right-4__MWViZ {
   padding-right: var(--spacing-4);
 }
-.padding-right-5__ODY0O {
+.vars_padding-right-5__YTJkY {
   padding-right: var(--spacing-5);
 }
-.padding-right-6__NjgyM {
+.vars_padding-right-6__MzI2Z {
   padding-right: var(--spacing-6);
 }
-.padding-right-7__Y2VmO {
+.vars_padding-right-7__ODE5M {
   padding-right: var(--spacing-7);
 }
-.padding-right-8__NjMwN {
+.vars_padding-right-8__YjIwY {
   padding-right: var(--spacing-8);
 }
-.padding-right-9__NWYxZ {
+.vars_padding-right-9__Nzg1Y {
   padding-right: var(--spacing-9);
 }
-.padding-right-10__ZDVjM {
+.vars_padding-right-10__OTNjZ {
   padding-right: var(--spacing-10);
 }
-.padding-right-11__ZTEzZ {
+.vars_padding-right-11__MDlmM {
   padding-right: var(--spacing-11);
 }
-.padding-right-12__N2NlN {
+.vars_padding-right-12__YThhN {
   padding-right: var(--spacing-12);
 }
-.margin-1__ZDFmO {
+.vars_margin-1__MDUwN {
   margin: var(--spacing-1);
 }
-.margin-2__MGEzM {
+.vars_margin-2__MjcwM {
   margin: var(--spacing-2);
 }
-.margin-3__YjA5Z {
+.vars_margin-3__YjlkY {
   margin: var(--spacing-3);
 }
-.margin-4__ODk2Z {
+.vars_margin-4__M2RkY {
   margin: var(--spacing-4);
 }
-.margin-5__MjY0N {
+.vars_margin-5__MGViZ {
   margin: var(--spacing-5);
 }
-.margin-6__MDllN {
+.vars_margin-6__ZDQ1Y {
   margin: var(--spacing-6);
 }
-.margin-7__OWRiN {
+.vars_margin-7__OWI5Y {
   margin: var(--spacing-7);
 }
-.margin-8__NWM2Z {
+.vars_margin-8__MmFiN {
   margin: var(--spacing-8);
 }
-.margin-9__YWNmY {
+.vars_margin-9__YWY3Y {
   margin: var(--spacing-9);
 }
-.margin-10__NjQ1O {
+.vars_margin-10__OWFhZ {
   margin: var(--spacing-10);
 }
-.margin-11__MGQ5M {
+.vars_margin-11__YjZkN {
   margin: var(--spacing-11);
 }
-.margin-12__ZmQ1M {
+.vars_margin-12__MGM0M {
   margin: var(--spacing-12);
 }
-.margin-x-1__NGI0Y {
+.vars_margin-x-1__ZDI4Y {
   margin-left: var(--spacing-1);
   margin-right: var(--spacing-1);
 }
-.margin-x-2__ZjdjZ {
+.vars_margin-x-2__MTY5N {
   margin-left: var(--spacing-2);
   margin-right: var(--spacing-2);
 }
-.margin-x-3__OWViY {
+.vars_margin-x-3__MTk5N {
   margin-left: var(--spacing-3);
   margin-right: var(--spacing-3);
 }
-.margin-x-4__YWVlM {
+.vars_margin-x-4__YTRlN {
   margin-left: var(--spacing-4);
   margin-right: var(--spacing-4);
 }
-.margin-x-5__ZjM1Y {
+.vars_margin-x-5__ZTQ1Y {
   margin-left: var(--spacing-5);
   margin-right: var(--spacing-5);
 }
-.margin-x-6__YzM4O {
+.vars_margin-x-6__Y2VhN {
   margin-left: var(--spacing-6);
   margin-right: var(--spacing-6);
 }
-.margin-x-7__YTE5N {
+.vars_margin-x-7__NGQwM {
   margin-left: var(--spacing-7);
   margin-right: var(--spacing-7);
 }
-.margin-x-8__ODVhY {
+.vars_margin-x-8__N2ExM {
   margin-left: var(--spacing-8);
   margin-right: var(--spacing-8);
 }
-.margin-x-9__ZWRjM {
+.vars_margin-x-9__ZGM1Z {
   margin-left: var(--spacing-9);
   margin-right: var(--spacing-9);
 }
-.margin-x-10__MWU1O {
+.vars_margin-x-10__YTdiM {
   margin-left: var(--spacing-10);
   margin-right: var(--spacing-10);
 }
-.margin-x-11__NDY3M {
+.vars_margin-x-11__M2Y1Y {
   margin-left: var(--spacing-11);
   margin-right: var(--spacing-11);
 }
-.margin-x-12__MDQ4Z {
+.vars_margin-x-12__ZjNlO {
   margin-left: var(--spacing-12);
   margin-right: var(--spacing-12);
 }
-.margin-y-1__ODQ3O {
+.vars_margin-y-1__Mjg2M {
   margin-top: var(--spacing-1);
   margin-bottom: var(--spacing-1);
 }
-.margin-y-2__NTdlM {
+.vars_margin-y-2__ZjZlN {
   margin-top: var(--spacing-2);
   margin-bottom: var(--spacing-2);
 }
-.margin-y-3__ZDdhN {
+.vars_margin-y-3__Y2YwN {
   margin-top: var(--spacing-3);
   margin-bottom: var(--spacing-3);
 }
-.margin-y-4__OTRhN {
+.vars_margin-y-4__YWFhZ {
   margin-top: var(--spacing-4);
   margin-bottom: var(--spacing-4);
 }
-.margin-y-5__Yjc1M {
+.vars_margin-y-5__NjNiN {
   margin-top: var(--spacing-5);
   margin-bottom: var(--spacing-5);
 }
-.margin-y-6__ZjM4M {
+.vars_margin-y-6__MTlhM {
   margin-top: var(--spacing-6);
   margin-bottom: var(--spacing-6);
 }
-.margin-y-7__YzhhN {
+.vars_margin-y-7__NjU1Z {
   margin-top: var(--spacing-7);
   margin-bottom: var(--spacing-7);
 }
-.margin-y-8__ZGVhN {
+.vars_margin-y-8__NDM4Y {
   margin-top: var(--spacing-8);
   margin-bottom: var(--spacing-8);
 }
-.margin-y-9__NzA0Y {
+.vars_margin-y-9__YThmZ {
   margin-top: var(--spacing-9);
   margin-bottom: var(--spacing-9);
 }
-.margin-y-10__M2E5M {
+.vars_margin-y-10__Zjg4M {
   margin-top: var(--spacing-10);
   margin-bottom: var(--spacing-10);
 }
-.margin-y-11__ZmE5M {
+.vars_margin-y-11__MTg3N {
   margin-top: var(--spacing-11);
   margin-bottom: var(--spacing-11);
 }
-.margin-y-12__MTgyO {
+.vars_margin-y-12__ZjM3N {
   margin-top: var(--spacing-12);
   margin-bottom: var(--spacing-12);
 }
-.margin-top-1__ZjZiN {
+.vars_margin-top-1__N2Y2Z {
   margin-top: var(--spacing-1);
 }
-.margin-top-2__ZmE4Z {
+.vars_margin-top-2__NTllO {
   margin-top: var(--spacing-2);
 }
-.margin-top-3__NzIyN {
+.vars_margin-top-3__ZTI0Y {
   margin-top: var(--spacing-3);
 }
-.margin-top-4__OGYzO {
+.vars_margin-top-4__YjZmO {
   margin-top: var(--spacing-4);
 }
-.margin-top-5__OThjZ {
+.vars_margin-top-5__ZTg1O {
   margin-top: var(--spacing-5);
 }
-.margin-top-6__YTY5Y {
+.vars_margin-top-6__MmEyZ {
   margin-top: var(--spacing-6);
 }
-.margin-top-7__NjI0N {
+.vars_margin-top-7__M2UzN {
   margin-top: var(--spacing-7);
 }
-.margin-top-8__Y2FhO {
+.vars_margin-top-8__ODM5N {
   margin-top: var(--spacing-8);
 }
-.margin-top-9__YmQ3N {
+.vars_margin-top-9__OTE0Z {
   margin-top: var(--spacing-9);
 }
-.margin-top-10__N2Y5N {
+.vars_margin-top-10__OWM4N {
   margin-top: var(--spacing-10);
 }
-.margin-top-11__ZTE1N {
+.vars_margin-top-11__OGE5M {
   margin-top: var(--spacing-11);
 }
-.margin-top-12__YjUxM {
+.vars_margin-top-12__YTA0Y {
   margin-top: var(--spacing-12);
 }
-.margin-bottom-1__OGRiY {
+.vars_margin-bottom-1__YmY4N {
   margin-bottom: var(--spacing-1);
 }
-.margin-bottom-2__ZTI5Z {
+.vars_margin-bottom-2__OWEwZ {
   margin-bottom: var(--spacing-2);
 }
-.margin-bottom-3__MjcyM {
+.vars_margin-bottom-3__M2FlM {
   margin-bottom: var(--spacing-3);
 }
-.margin-bottom-4__NTI4Z {
+.vars_margin-bottom-4__ZTcyN {
   margin-bottom: var(--spacing-4);
 }
-.margin-bottom-5__N2IzO {
+.vars_margin-bottom-5__ZWJkN {
   margin-bottom: var(--spacing-5);
 }
-.margin-bottom-6__NGM5M {
+.vars_margin-bottom-6__ZWJiZ {
   margin-bottom: var(--spacing-6);
 }
-.margin-bottom-7__YzdjN {
+.vars_margin-bottom-7__YjYzM {
   margin-bottom: var(--spacing-7);
 }
-.margin-bottom-8__MjVhO {
+.vars_margin-bottom-8__ZjNmY {
   margin-bottom: var(--spacing-8);
 }
-.margin-bottom-9__ZmYyZ {
+.vars_margin-bottom-9__N2RmN {
   margin-bottom: var(--spacing-9);
 }
-.margin-bottom-10__MmVlZ {
+.vars_margin-bottom-10__ZWY0O {
   margin-bottom: var(--spacing-10);
 }
-.margin-bottom-11__MzAzM {
+.vars_margin-bottom-11__YzM3Y {
   margin-bottom: var(--spacing-11);
 }
-.margin-bottom-12__NzhiO {
+.vars_margin-bottom-12__ZDk2Z {
   margin-bottom: var(--spacing-12);
 }
-.margin-left-1__NTZhO {
+.vars_margin-left-1__MTVhZ {
   margin-left: var(--spacing-1);
 }
-.margin-left-2__MDc1N {
+.vars_margin-left-2__OTBjZ {
   margin-left: var(--spacing-2);
 }
-.margin-left-3__N2M2Z {
+.vars_margin-left-3__ZmFhY {
   margin-left: var(--spacing-3);
 }
-.margin-left-4__N2I0O {
+.vars_margin-left-4__NjZiY {
   margin-left: var(--spacing-4);
 }
-.margin-left-5__ZGJlM {
+.vars_margin-left-5__MzEzM {
   margin-left: var(--spacing-5);
 }
-.margin-left-6__NzM5O {
+.vars_margin-left-6__ZjI3Y {
   margin-left: var(--spacing-6);
 }
-.margin-left-7__YzlhM {
+.vars_margin-left-7__MGEzY {
   margin-left: var(--spacing-7);
 }
-.margin-left-8__MmYwY {
+.vars_margin-left-8__NTBhZ {
   margin-left: var(--spacing-8);
 }
-.margin-left-9__NzA2Y {
+.vars_margin-left-9__ZmE4O {
   margin-left: var(--spacing-9);
 }
-.margin-left-10__YmZmM {
+.vars_margin-left-10__NWNjY {
   margin-left: var(--spacing-10);
 }
-.margin-left-11__MzMwM {
+.vars_margin-left-11__NzcwM {
   margin-left: var(--spacing-11);
 }
-.margin-left-12__MTE0Z {
+.vars_margin-left-12__NTE3O {
   margin-left: var(--spacing-12);
 }
-.margin-right-1__ODJiN {
+.vars_margin-right-1__NDBkM {
   margin-right: var(--spacing-1);
 }
-.margin-right-2__YTcxM {
+.vars_margin-right-2__OGNjM {
   margin-right: var(--spacing-2);
 }
-.margin-right-3__NjM4M {
+.vars_margin-right-3__MTYwO {
   margin-right: var(--spacing-3);
 }
-.margin-right-4__Yzk2M {
+.vars_margin-right-4__YWE0Y {
   margin-right: var(--spacing-4);
 }
-.margin-right-5__NDFmN {
+.vars_margin-right-5__MTA2N {
   margin-right: var(--spacing-5);
 }
-.margin-right-6__ZGNmZ {
+.vars_margin-right-6__NjkyN {
   margin-right: var(--spacing-6);
 }
-.margin-right-7__NzBkO {
+.vars_margin-right-7__NmYwN {
   margin-right: var(--spacing-7);
 }
-.margin-right-8__NjNiY {
+.vars_margin-right-8__NzU0N {
   margin-right: var(--spacing-8);
 }
-.margin-right-9__YTMwY {
+.vars_margin-right-9__Zjc4Y {
   margin-right: var(--spacing-9);
 }
-.margin-right-10__Yjk3N {
+.vars_margin-right-10__MmM3Y {
   margin-right: var(--spacing-10);
 }
-.margin-right-11__MWJiY {
+.vars_margin-right-11__NzRkY {
   margin-right: var(--spacing-11);
 }
-.margin-right-12__NTMxM {
+.vars_margin-right-12__YTA4Y {
   margin-right: var(--spacing-12);
 }
-.gap-1__YTViY {
+.vars_gap-1__MDcyN {
   gap: var(--spacing-1);
 }
-.gap-2__MDI5Z {
+.vars_gap-2__NjFlZ {
   gap: var(--spacing-2);
 }
-.gap-3__MmVhO {
+.vars_gap-3__OWM5Y {
   gap: var(--spacing-3);
 }
-.gap-4__OTIxM {
+.vars_gap-4__OTU3Y {
   gap: var(--spacing-4);
 }
-.gap-5__ZjM0M {
+.vars_gap-5__MTg0Z {
   gap: var(--spacing-5);
 }
-.gap-6__MzA4Z {
+.vars_gap-6__ZDNkN {
   gap: var(--spacing-6);
 }
-.gap-7__YmE2N {
+.vars_gap-7__ZDJjY {
   gap: var(--spacing-7);
 }
-.gap-8__YjFmN {
+.vars_gap-8__Y2U1N {
   gap: var(--spacing-8);
 }
-.gap-9__YjcwY {
+.vars_gap-9__YWIzY {
   gap: var(--spacing-9);
 }
-.gap-10__NWMxY {
+.vars_gap-10__YWNkN {
   gap: var(--spacing-10);
 }
-.gap-11__NjYzO {
+.vars_gap-11__Zjc4O {
   gap: var(--spacing-11);
 }
-.gap-12__ODFmY {
+.vars_gap-12__ZjkzN {
   gap: var(--spacing-12);
 }
-.gap-x-1__MzBmY {
+.vars_gap-x-1__MjlhY {
   column-gap: var(--spacing-1);
 }
-.gap-x-2__MTUzM {
+.vars_gap-x-2__N2E5M {
   column-gap: var(--spacing-2);
 }
-.gap-x-3__OTQxZ {
+.vars_gap-x-3__YmVjN {
   column-gap: var(--spacing-3);
 }
-.gap-x-4__MjlkM {
+.vars_gap-x-4__N2MzN {
   column-gap: var(--spacing-4);
 }
-.gap-x-5__MmM1N {
+.vars_gap-x-5__YTM0Z {
   column-gap: var(--spacing-5);
 }
-.gap-x-6__ZTE5Z {
+.vars_gap-x-6__ZThkM {
   column-gap: var(--spacing-6);
 }
-.gap-x-7__NzhiO {
+.vars_gap-x-7__ZmVkY {
   column-gap: var(--spacing-7);
 }
-.gap-x-8__YzljZ {
+.vars_gap-x-8__YzJhN {
   column-gap: var(--spacing-8);
 }
-.gap-x-9__Y2Y4O {
+.vars_gap-x-9__NjQ3O {
   column-gap: var(--spacing-9);
 }
-.gap-x-10__Yzc4N {
+.vars_gap-x-10__ZjU3M {
   column-gap: var(--spacing-10);
 }
-.gap-x-11__NmZmM {
+.vars_gap-x-11__ODA4M {
   column-gap: var(--spacing-11);
 }
-.gap-x-12__ZWRhZ {
+.vars_gap-x-12__M2FmN {
   column-gap: var(--spacing-12);
 }
-.gap-y-1__MWJmM {
+.vars_gap-y-1__MTNkY {
   row-gap: var(--spacing-1);
 }
-.gap-y-2__MDcxM {
+.vars_gap-y-2__NjU2M {
   row-gap: var(--spacing-2);
 }
-.gap-y-3__NTI4M {
+.vars_gap-y-3__ZDhiN {
   row-gap: var(--spacing-3);
 }
-.gap-y-4__MGZhY {
+.vars_gap-y-4__ZjY2Y {
   row-gap: var(--spacing-4);
 }
-.gap-y-5__OGQzM {
+.vars_gap-y-5__YzY5N {
   row-gap: var(--spacing-5);
 }
-.gap-y-6__YTJkM {
+.vars_gap-y-6__M2QxN {
   row-gap: var(--spacing-6);
 }
-.gap-y-7__ZWQ2Y {
+.vars_gap-y-7__MjFiM {
   row-gap: var(--spacing-7);
 }
-.gap-y-8__ZTJjM {
+.vars_gap-y-8__OGU4Y {
   row-gap: var(--spacing-8);
 }
-.gap-y-9__MGRiY {
+.vars_gap-y-9__MzMyY {
   row-gap: var(--spacing-9);
 }
-.gap-y-10__ZWU2Y {
+.vars_gap-y-10__NjIyM {
   row-gap: var(--spacing-10);
 }
-.gap-y-11__YzQ5Y {
+.vars_gap-y-11__ODE4N {
   row-gap: var(--spacing-11);
 }
-.gap-y-12__MzQyM {
+.vars_gap-y-12__NTU3N {
   row-gap: var(--spacing-12);
 }
-.flex-direction-row__YWI1Z {
+.vars_flex-direction-row__NjU0Z {
   flex-direction: row;
 }
-.flex-direction-row-reverse__ZDkwM {
+.vars_flex-direction-row-reverse__YWNhN {
   flex-direction: row-reverse;
 }
-.flex-direction-column__YzJlN {
+.vars_flex-direction-column__MTMwN {
   flex-direction: column;
 }
-.flex-direction-column-reverse__NzMwY {
+.vars_flex-direction-column-reverse__MjZiZ {
   flex-direction: column-reverse;
 }
-.flex-wrap-wrap__ZDMxZ {
+.vars_flex-wrap-wrap__MDBmZ {
   flex-wrap: wrap;
 }
-.flex-wrap-nowrap__N2VkN {
+.vars_flex-wrap-nowrap__YjI0Z {
   flex-wrap: nowrap;
 }
-.flex-wrap-wrap-reverse__NDVmZ {
+.vars_flex-wrap-wrap-reverse__ZDgxM {
   flex-wrap: wrap-reverse;
 }
-.justify-content-center__MWQ0Z {
+.vars_justify-content-center__MWVhM {
   justify-content: center;
 }
-.justify-content-start__MWYwO {
+.vars_justify-content-start__ODBlZ {
   justify-content: start;
 }
-.justify-content-end__MzljO {
+.vars_justify-content-end__ZTA0O {
   justify-content: end;
 }
-.justify-content-flex-start__YTYwO {
+.vars_justify-content-flex-start__ZTZjO {
   justify-content: flex-start;
 }
-.justify-content-flex-end__ODEzZ {
+.vars_justify-content-flex-end__MzVhZ {
   justify-content: flex-end;
 }
-.justify-content-left__ZjJhY {
+.vars_justify-content-left__NTFlZ {
   justify-content: left;
 }
-.justify-content-right__YTMwN {
+.vars_justify-content-right__OWNhN {
   justify-content: right;
 }
-.justify-content-space-between__YTNkO {
+.vars_justify-content-space-between__YmZlN {
   justify-content: space-between;
 }
-.justify-content-space-around__ZjIzZ {
+.vars_justify-content-space-around__OGM2Z {
   justify-content: space-around;
 }
-.justify-content-space-evenly__N2Q3Y {
+.vars_justify-content-space-evenly__MDUzY {
   justify-content: space-evenly;
 }
-.justify-content-stretch__ZjRlY {
+.vars_justify-content-stretch__M2RjZ {
   justify-content: stretch;
 }
-.justify-items-stretch__NDA3Z {
+.vars_justify-items-stretch__ODI5Z {
   justify-items: stretch;
 }
-.justify-items-center__MmFmM {
+.vars_justify-items-center__ZTI0N {
   justify-items: center;
 }
-.justify-items-start__YTExO {
+.vars_justify-items-start__NDE5Y {
   justify-items: start;
 }
-.justify-items-end__MjFkO {
+.vars_justify-items-end__ODgxZ {
   justify-items: end;
 }
-.justify-items-flex-start__YWRlN {
+.vars_justify-items-flex-start__NjhhN {
   justify-items: flex-start;
 }
-.justify-items-flex-end__YjBjM {
+.vars_justify-items-flex-end__YjlkM {
   justify-items: flex-end;
 }
-.justify-items-self-start__OTQwM {
+.vars_justify-items-self-start__YTZkM {
   justify-items: self-start;
 }
-.justify-items-self-end__NDU1Z {
+.vars_justify-items-self-end__YTAwZ {
   justify-items: self-end;
 }
-.justify-items-left__YmFlM {
+.vars_justify-items-left__ZDg5N {
   justify-items: left;
 }
-.justify-items-right__MzI4Y {
+.vars_justify-items-right__MzEwO {
   justify-items: right;
 }
-.justify-items-baseline__YjhiY {
+.vars_justify-items-baseline__YmZiM {
   justify-items: baseline;
 }
-.align-content-center__OGFjO {
+.vars_align-content-center__MDM1Z {
   align-content: center;
 }
-.align-content-start__NThjO {
+.vars_align-content-start__NGJmN {
   align-content: start;
 }
-.align-content-end__OGY1Y {
+.vars_align-content-end__NjY3Y {
   align-content: end;
 }
-.align-content-flex-start__ZDc5M {
+.vars_align-content-flex-start__Yzg0M {
   align-content: flex-start;
 }
-.align-content-flex-end__ZTY3Y {
+.vars_align-content-flex-end__ZWNjZ {
   align-content: flex-end;
 }
-.align-content-baseline__ZjIzM {
+.vars_align-content-baseline__ZjAzO {
   align-content: baseline;
 }
-.align-content-space-between__ZWY4M {
+.vars_align-content-space-between__YWY3Z {
   align-content: space-between;
 }
-.align-content-space-around__Y2U5M {
+.vars_align-content-space-around__N2U4M {
   align-content: space-around;
 }
-.align-content-space-evenly__OTA1Y {
+.vars_align-content-space-evenly__ZDBiO {
   align-content: space-evenly;
 }
-.align-content-stretch__NjdkZ {
+.vars_align-content-stretch__MDE4Y {
   align-content: stretch;
 }
-.align-items-center__YzNjO {
+.vars_align-items-center__OGU5Z {
   align-items: center;
 }
-.align-items-start__NmZlN {
+.vars_align-items-start__Zjg5Y {
   align-items: start;
 }
-.align-items-end__YmU2Y {
+.vars_align-items-end__ZjY0N {
   align-items: end;
 }
-.align-items-flex-start__ZWFkY {
+.vars_align-items-flex-start__MzBmZ {
   align-items: flex-start;
 }
-.align-items-flex-end__Y2U5M {
+.vars_align-items-flex-end__OWM2N {
   align-items: flex-end;
 }
-.align-items-self-start__MjAwO {
+.vars_align-items-self-start__OTZiZ {
   align-items: self-start;
 }
-.align-items-self-end__YmQ3Z {
+.vars_align-items-self-end__YmE5N {
   align-items: self-end;
 }
-.align-items-stretch__N2MwY {
+.vars_align-items-stretch__ZTZkO {
   align-items: stretch;
 }
-.align-items-baseline__ZGZmY {
+.vars_align-items-baseline__MjU0Y {
   align-items: baseline;
 }
-.align-self-center__NjFhZ {
+.vars_align-self-center__N2E3Z {
   align-self: center;
 }
-.align-self-start__NzRhM {
+.vars_align-self-start__NTJkN {
   align-self: start;
 }
-.align-self-end__ZDQ5M {
+.vars_align-self-end__NTJlZ {
   align-self: end;
 }
-.align-self-self-start__MWRlN {
+.vars_align-self-self-start__MDFhN {
   align-self: self-start;
 }
-.align-self-self-end__OTQxM {
+.vars_align-self-self-end__NTNhM {
   align-self: self-end;
 }
-.align-self-flex-start__OGNiO {
+.vars_align-self-flex-start__Njk4N {
   align-self: flex-start;
 }
-.align-self-flex-end__YTk0N {
+.vars_align-self-flex-end__OTYyM {
   align-self: flex-end;
 }
-.align-self-baseline__YmYyO {
+.vars_align-self-baseline__OTgzM {
   align-self: baseline;
 }
-.align-self-stretch__YTJlY {
+.vars_align-self-stretch__ZThkM {
   align-self: stretch;
 }
-.justify-self-center__MWMyM {
+.vars_justify-self-center__MWEyO {
   justify-self: center;
 }
-.justify-self-start__MzA5Y {
+.vars_justify-self-start__NDlhN {
   justify-self: start;
 }
-.justify-self-end__NzkzY {
+.vars_justify-self-end__N2JlM {
   justify-self: end;
 }
-.justify-self-self-start__MGU4Z {
+.vars_justify-self-self-start__NjQyN {
   justify-self: self-start;
 }
-.justify-self-self-end__MmIxN {
+.vars_justify-self-self-end__Y2NjY {
   justify-self: self-end;
 }
-.justify-self-baseline__NTI0Z {
+.vars_justify-self-baseline__NTYxZ {
   justify-self: baseline;
 }
-.justify-self-stretch__OTNmN {
+.vars_justify-self-stretch__ZTVjY {
   justify-self: stretch;
 }
-.grid-auto-flow-row__N2I5Y {
+.vars_grid-auto-flow-row__NGZmY {
   grid-auto-flow: row;
 }
-.grid-auto-flow-column__ZDY4O {
+.vars_grid-auto-flow-column__NzI1Z {
   grid-auto-flow: column;
 }
-.grid-auto-flow-row-dense__MjIwO {
+.vars_grid-auto-flow-row-dense__Zjg0Z {
   grid-auto-flow: row dense;
 }
-.grid-auto-flow-column-dense__ZmVkZ {
+.vars_grid-auto-flow-column-dense__MmNjM {
   grid-auto-flow: column dense;
 }
-.overflow-visible__N2Y1M {
+.vars_overflow-visible__YzZkZ {
   overflow: visible;
 }
-.overflow-hidden__ZTI3Z {
+.vars_overflow-hidden__NThhN {
   overflow: hidden;
 }
-.overflow-clip__YjQ0M {
+.vars_overflow-clip__MDAxM {
   overflow: clip;
 }
-.overflow-scroll__NWRiN {
+.vars_overflow-scroll__NGIyY {
   overflow: scroll;
 }
-.overflow-auto__ZmU4O {
+.vars_overflow-auto__ZWU2O {
   overflow: auto;
 }
-.overflow-x-visible__YmVmM {
+.vars_overflow-x-visible__NGFkN {
   overflow-x: visible;
 }
-.overflow-x-hidden__NDNkN {
+.vars_overflow-x-hidden__YTBkM {
   overflow-x: hidden;
 }
-.overflow-x-clip__NGYzM {
+.vars_overflow-x-clip__YzgxY {
   overflow-x: clip;
 }
-.overflow-x-scroll__ZjM1Z {
+.vars_overflow-x-scroll__ZGY2O {
   overflow-x: scroll;
 }
-.overflow-x-auto__ZTNiY {
+.vars_overflow-x-auto__YjZlM {
   overflow-x: auto;
 }
-.overflow-y-visible__NzIxN {
+.vars_overflow-y-visible__OThmM {
   overflow-y: visible;
 }
-.overflow-y-hidden__MjQ2N {
+.vars_overflow-y-hidden__MWQ5O {
   overflow-y: hidden;
 }
-.overflow-y-clip__Mjg2Y {
+.vars_overflow-y-clip__OTI3O {
   overflow-y: clip;
 }
-.overflow-y-scroll__MDNjM {
+.vars_overflow-y-scroll__MzdhN {
   overflow-y: scroll;
 }
-.overflow-y-auto__YWRkN {
+.vars_overflow-y-auto__Yzk3O {
   overflow-y: auto;
 }
 @media (min-width: 520px) {
-  .display-xs__ODQxM {
+  .vars_display-xs__M2FhO {
     display: var(--display-xs);
   }
-  .position-xs__MTUyM {
+  .vars_position-xs__ZmU3N {
     position: var(--position-xs);
   }
-  .font-size-xs__YmE4N {
+  .vars_font-size-xs__NjFmM {
     font-size: var(--font-size-xs);
   }
-  .font-weight-xs__NjM0Z {
+  .vars_font-weight-xs__MjViM {
     font-weight: var(--font-weight-xs);
   }
-  .heading-size-xs__NTJiZ {
+  .vars_heading-size-xs__NTYwM {
     font-size: var(--heading-size-xs);
   }
-  .border-size-xs__MjQ5N {
+  .vars_border-size-xs__ZTcxZ {
     border: var(--border-size-xs) solid var(--border-color);
   }
-  .border-radius-xs__NDNkN {
+  .vars_border-radius-xs__YzNmY {
     border-radius: var(--border-radius-xs);
   }
-  .shadow-xs__NDJhZ {
+  .vars_shadow-xs__NTFjN {
     box-shadow: var(--shadow-xs);
   }
-  .background-color-xs__NzA2O {
+  .vars_background-color-xs__Mzg5N {
     background-color: var(--background-color-xs);
   }
-  .align-xs__NTc1N {
+  .vars_align-xs__OTg3O {
     text-align: var(--align-xs);
   }
-  .letter-spacing-xs__ODZhO {
+  .vars_letter-spacing-xs__MmY0O {
     letter-spacing: var(--letter-spacing-xs);
   }
-  .padding-xs__Y2U3Z {
+  .vars_padding-xs__YWVkM {
     padding: var(--padding-xs);
   }
-  .padding-x-xs__NDUzM {
+  .vars_padding-x-xs__N2UyZ {
     padding-left: var(--padding-x-xs);
     padding-right: var(--padding-x-xs);
   }
-  .padding-y-xs__OGYzZ {
+  .vars_padding-y-xs__MDMzZ {
     padding-top: var(--padding-y-xs);
     padding-bottom: var(--padding-y-xs);
   }
-  .padding-top-xs__M2UzO {
+  .vars_padding-top-xs__NDBiM {
     padding-top: var(--padding-top-xs);
   }
-  .padding-right-xs__NjQ5N {
+  .vars_padding-right-xs__NjhiM {
     padding-right: var(--padding-right-xs);
   }
-  .padding-bottom-xs__NDIwM {
+  .vars_padding-bottom-xs__MmQ3Y {
     padding-bottom: var(--padding-bottom-xs);
   }
-  .padding-left-xs__ZmIyM {
+  .vars_padding-left-xs__NTVlM {
     padding-left: var(--padding-left-xs);
   }
-  .margin-xs__NWYwN {
+  .vars_margin-xs__Y2NlZ {
     margin: var(--margin-xs);
   }
-  .margin-x-xs__NTY3Z {
+  .vars_margin-x-xs__NTgzY {
     margin-left: var(--margin-x-xs);
     margin-right: var(--margin-x-xs);
   }
-  .margin-y-xs__NGZiO {
+  .vars_margin-y-xs__OGY4N {
     margin-top: var(--margin-y-xs);
     margin-bottom: var(--margin-y-xs);
   }
-  .margin-top-xs__Nzk2O {
+  .vars_margin-top-xs__ODFhZ {
     margin-top: var(--margin-top-xs);
   }
-  .margin-right-xs__MjU1Y {
+  .vars_margin-right-xs__NGZlN {
     margin-right: var(--margin-right-xs);
   }
-  .margin-bottom-xs__NGY1M {
+  .vars_margin-bottom-xs__OTZjZ {
     margin-bottom: var(--margin-bottom-xs);
   }
-  .margin-left-xs__YWExY {
+  .vars_margin-left-xs__YjRhO {
     margin-left: var(--margin-left-xs);
   }
-  .gap-xs__MDRmY {
+  .vars_gap-xs__ZTA1Y {
     gap: var(--gap-xs);
   }
-  .gap-x-xs__MzMwM {
+  .vars_gap-x-xs__ODZmN {
     column-gap: var(--gap-x-xs);
   }
-  .gap-y-xs__ZDBhM {
+  .vars_gap-y-xs__YzJhZ {
     row-gap: var(--gap-y-xs);
   }
-  .height-xs__ZThlY {
+  .vars_height-xs__OTYzN {
     height: var(--height-xs);
   }
-  .width-xs__MTlkN {
+  .vars_width-xs__MzQ0Y {
     min-width: var(--width-xs);
   }
-  .min-height-xs__OGMyN {
+  .vars_min-height-xs__OWM2N {
     min-height: var(--min-height-xs);
   }
-  .min-width-xs__MGNjY {
+  .vars_min-width-xs__ODFhZ {
     max-width: var(--min-width-xs);
   }
-  .max-height-xs__MjY3Y {
+  .vars_max-height-xs__MmYwN {
     max-height: var(--max-height-xs);
   }
-  .flex-direction-xs__NzljZ {
+  .vars_flex-direction-xs__Y2MzM {
     flex-direction: var(--flex-direction-xs);
   }
-  .flex-wrap-xs__ZGQ1O {
+  .vars_flex-wrap-xs__YmU2N {
     flex-wrap: var(--flex-wrap-xs);
   }
-  .justify-content-xs__Yjk4Z {
+  .vars_justify-content-xs__MTdhM {
     justify-content: var(--justify-content-xs);
   }
-  .justify-items-xs__OWI3O {
+  .vars_justify-items-xs__NTVmM {
     justify-items: var(--justify-items-xs);
   }
-  .justify-self-xs__ZTQ2N {
+  .vars_justify-self-xs__NGQ4Z {
     justify-self: var(--justify-self-xs);
   }
-  .align-content-xs__N2UwZ {
+  .vars_align-content-xs__MDBjN {
     align-content: var(--align-content-xs);
   }
-  .align-items-xs__YTEzM {
+  .vars_align-items-xs__NzRjY {
     align-items: var(--align-items-xs);
   }
-  .align-self-xs__ZTg1M {
+  .vars_align-self-xs__YmE0N {
     align-self: var(--align-self-xs);
   }
-  .grid-template-rows-xs__NmQ4Y {
+  .vars_grid-template-rows-xs__ZTk3Y {
     grid-template-rows: var(--grid-template-rows-xs);
   }
-  .grid-template-columns-xs__NmI2M {
+  .vars_grid-template-columns-xs__ODQxY {
     grid-template-columns: var(--grid-template-columns-xs);
   }
-  .flex-basis-xs__OTNiO {
+  .vars_flex-basis-xs__NjI2Y {
     flex-basis: var(--flex-basis-xs);
   }
-  .flex-grow-xs__YTk2Z {
+  .vars_flex-grow-xs__NDQ1Z {
     flex-basis: var(--flex-grow-xs);
   }
-  .flex-shrink-xs__OGE3M {
+  .vars_flex-shrink-xs__ZjJjM {
     flex-basis: var(--flex-shrink-xs);
   }
-  .overflow-xs__NGY0Y {
+  .vars_overflow-xs__NjA1N {
     overflow: var(--overflow-xs);
   }
-  .overflow-x-xs__NDQ4M {
+  .vars_overflow-x-xs__Yzc2Y {
     overflow: var(--overflow-x-xs);
   }
-  .overflow-y-xs__MGVhN {
+  .vars_overflow-y-xs__MzdiZ {
     overflow: var(--overflow-y-xs);
   }
-  .order-xs__ZWVjZ {
+  .vars_order-xs__Y2Y2N {
     order: var(--order-xs);
   }
 }
 @media (min-width: 768px) {
-  .display-sm__YWMwZ {
+  .vars_display-sm__ZTZlZ {
     display: var(--display-sm);
   }
-  .position-sm__OWY4N {
+  .vars_position-sm__NDdlO {
     position: var(--position-sm);
   }
-  .font-size-sm__NTU1M {
+  .vars_font-size-sm__M2U4N {
     font-size: var(--font-size-sm);
   }
-  .font-weight-sm__YThlN {
+  .vars_font-weight-sm__OGE1Z {
     font-weight: var(--font-weight-sm);
   }
-  .heading-size-sm__OWVhZ {
+  .vars_heading-size-sm__ZTNmY {
     font-size: var(--heading-size-sm);
   }
-  .border-size-sm__YjY4M {
+  .vars_border-size-sm__MDNlY {
     border: var(--border-size-sm) solid var(--border-color);
   }
-  .border-radius-sm__YjQ3M {
+  .vars_border-radius-sm__N2YwN {
     border-radius: var(--border-radius-sm);
   }
-  .shadow-sm__ODc4Z {
+  .vars_shadow-sm__YzMxN {
     box-shadow: var(--shadow-sm);
   }
-  .background-color-sm__YjUxY {
+  .vars_background-color-sm__NjUyM {
     background-color: var(--background-color-sm);
   }
-  .align-sm__NWJjN {
+  .vars_align-sm__MWNlY {
     text-align: var(--align-sm);
   }
-  .letter-spacing-sm__ZmRlM {
+  .vars_letter-spacing-sm__ODE0Y {
     letter-spacing: var(--letter-spacing-sm);
   }
-  .padding-sm__N2NjM {
+  .vars_padding-sm__MWFjO {
     padding: var(--padding-sm);
   }
-  .padding-x-sm__ZGFlM {
+  .vars_padding-x-sm__MjRkZ {
     padding-left: var(--padding-x-sm);
     padding-right: var(--padding-x-sm);
   }
-  .padding-y-sm__OGFiM {
+  .vars_padding-y-sm__ZDU4M {
     padding-top: var(--padding-y-sm);
     padding-bottom: var(--padding-y-sm);
   }
-  .padding-top-sm__OGM5O {
+  .vars_padding-top-sm__NGYxO {
     padding-top: var(--padding-top-sm);
   }
-  .padding-right-sm__NjM0M {
+  .vars_padding-right-sm__NGNlY {
     padding-right: var(--padding-right-sm);
   }
-  .padding-bottom-sm__M2NjM {
+  .vars_padding-bottom-sm__ZGE0Y {
     padding-bottom: var(--padding-bottom-sm);
   }
-  .padding-left-sm__YTJhN {
+  .vars_padding-left-sm__YzQ2N {
     padding-left: var(--padding-left-sm);
   }
-  .margin-sm__NDEyZ {
+  .vars_margin-sm__ZGUxM {
     margin: var(--margin-sm);
   }
-  .margin-x-sm__MGY4N {
+  .vars_margin-x-sm__YjZlN {
     margin-left: var(--margin-x-sm);
     margin-right: var(--margin-x-sm);
   }
-  .margin-y-sm__MWE2O {
+  .vars_margin-y-sm__ZDM3Z {
     margin-top: var(--margin-y-sm);
     margin-bottom: var(--margin-y-sm);
   }
-  .margin-top-sm__ZmYxY {
+  .vars_margin-top-sm__ZTRlN {
     margin-top: var(--margin-top-sm);
   }
-  .margin-right-sm__MGJkM {
+  .vars_margin-right-sm__ZWY3N {
     margin-right: var(--margin-right-sm);
   }
-  .margin-bottom-sm__M2QwY {
+  .vars_margin-bottom-sm__ZDNhN {
     margin-bottom: var(--margin-bottom-sm);
   }
-  .margin-left-sm__ZTI5O {
+  .vars_margin-left-sm__YWZkZ {
     margin-left: var(--margin-left-sm);
   }
-  .gap-sm__MmE2M {
+  .vars_gap-sm__NTg4M {
     gap: var(--gap-sm);
   }
-  .gap-x-sm__YmE5Y {
+  .vars_gap-x-sm__MDVmN {
     column-gap: var(--gap-x-sm);
   }
-  .gap-y-sm__MmVmZ {
+  .vars_gap-y-sm__NDc2Z {
     row-gap: var(--gap-y-sm);
   }
-  .height-sm__OTc5Z {
+  .vars_height-sm__YmYxM {
     height: var(--height-sm);
   }
-  .width-sm__ZjBmZ {
+  .vars_width-sm__NjBkZ {
     width: var(--width-sm);
   }
-  .min-height-sm__NjJhZ {
+  .vars_min-height-sm__MzM1Z {
     min-height: var(--min-height-sm);
   }
-  .min-width-sm__NDBlM {
+  .vars_min-width-sm__MzgyN {
     max-width: var(--min-width-sm);
   }
-  .max-height-sm__YjY0N {
+  .vars_max-height-sm__YWFlN {
     max-height: var(--max-height-sm);
   }
-  .flex-direction-sm__NTFmY {
+  .vars_flex-direction-sm__MDcyY {
     flex-direction: var(--flex-direction-sm);
   }
-  .flex-wrap-sm__OGUxZ {
+  .vars_flex-wrap-sm__YTE5Z {
     flex-wrap: var(--flex-wrap-sm);
   }
-  .justify-content-sm__ODBlN {
+  .vars_justify-content-sm__YWUxZ {
     justify-content: var(--justify-content-sm);
   }
-  .justify-items-sm__YjEyN {
+  .vars_justify-items-sm__NmFhM {
     justify-items: var(--justify-items-sm);
   }
-  .justify-self-sm__YTU4Z {
+  .vars_justify-self-sm__ODFmM {
     justify-self: var(--justify-self-sm);
   }
-  .align-content-sm__YWZjO {
+  .vars_align-content-sm__ZjY2Z {
     align-content: var(--align-content-sm);
   }
-  .align-items-sm__MGFhN {
+  .vars_align-items-sm__NDEyZ {
     align-items: var(--align-items-sm);
   }
-  .align-self-sm__NWQ3M {
+  .vars_align-self-sm__ZjBkY {
     align-self: var(--align-self-sm);
   }
-  .grid-template-rows-sm__M2ZhN {
+  .vars_grid-template-rows-sm__ZWU3Z {
     grid-template-rows: var(--grid-template-rows-sm);
   }
-  .grid-template-columns-sm__ZjcyO {
+  .vars_grid-template-columns-sm__ZTU5N {
     grid-template-columns: var(--grid-template-columns-sm);
   }
-  .flex-basis-sm__ZTU4O {
+  .vars_flex-basis-sm__NzhmN {
     flex-basis: var(--flex-basis-sm);
   }
-  .flex-grow-sm__MjFiZ {
+  .vars_flex-grow-sm__OTk0Y {
     flex-basis: var(--flex-grow-sm);
   }
-  .flex-shrink-sm__MTllY {
+  .vars_flex-shrink-sm__ZTU1M {
     flex-basis: var(--flex-shrink-sm);
   }
-  .overflow-sm__ODk5M {
+  .vars_overflow-sm__ZTVlO {
     overflow: var(--overflow-sm);
   }
-  .overflow-x-sm__NGJmM {
+  .vars_overflow-x-sm__ZDNhN {
     overflow: var(--overflow-x-sm);
   }
-  .overflow-y-sm__OGU3Z {
+  .vars_overflow-y-sm__MzVhN {
     overflow: var(--overflow-y-sm);
   }
-  .order-sm__YmQyM {
+  .vars_order-sm__NTgzN {
     order: var(--order-sm);
   }
 }
 @media (min-width: 1024px) {
-  .display-md__MzdhM {
+  .vars_display-md__YjNhZ {
     display: var(--display-md);
   }
-  .position-md__NjlkO {
+  .vars_position-md__MTY1O {
     position: var(--position-md);
   }
-  .font-size-md__MDEzO {
+  .vars_font-size-md__YzZjY {
     font-size: var(--font-size-md);
   }
-  .font-weight-md__NmYzY {
+  .vars_font-weight-md__NjA1N {
     font-weight: var(--font-weight-md);
   }
-  .heading-size-md__NDA4M {
+  .vars_heading-size-md__OWFlZ {
     font-size: var(--heading-size-md);
   }
-  .border-size-md__ZDQ0Z {
+  .vars_border-size-md__ZTc4Z {
     border: var(--border-size-md) solid var(--border-color);
   }
-  .border-radius-md__MjU3Z {
+  .vars_border-radius-md__OWEwM {
     border-radius: var(--border-radius-md);
   }
-  .shadow-md__NDZjO {
+  .vars_shadow-md__ZTNmO {
     box-shadow: var(--shadow-md);
   }
-  .background-color-md__OTAwN {
+  .vars_background-color-md__OGU2Z {
     background-color: var(--background-color-md);
   }
-  .align-md__YTcxO {
+  .vars_align-md__YzllZ {
     text-align: var(--align-md);
   }
-  .letter-spacing-md__MGVhZ {
+  .vars_letter-spacing-md__NTQwN {
     letter-spacing: var(--letter-spacing-md);
   }
-  .padding-md__NzhiM {
+  .vars_padding-md__MzE4O {
     padding: var(--padding-md);
   }
-  .padding-x-md__MTRlN {
+  .vars_padding-x-md__NjQ5N {
     padding-left: var(--padding-x-md);
     padding-right: var(--padding-x-md);
   }
-  .padding-y-md__NWVhN {
+  .vars_padding-y-md__NmMyZ {
     padding-top: var(--padding-y-md);
     padding-bottom: var(--padding-y-md);
   }
-  .padding-top-md__NWYzO {
+  .vars_padding-top-md__OGZiZ {
     padding-top: var(--padding-top-md);
   }
-  .padding-right-md__YjdmN {
+  .vars_padding-right-md__ZTdmZ {
     padding-right: var(--padding-right-md);
   }
-  .padding-bottom-md__ZjFiM {
+  .vars_padding-bottom-md__M2U0Z {
     padding-bottom: var(--padding-bottom-md);
   }
-  .padding-left-md__NjIyY {
+  .vars_padding-left-md__MWIyM {
     padding-left: var(--padding-left-md);
   }
-  .margin-md__OGFlN {
+  .vars_margin-md__MmQ2M {
     margin: var(--margin-md);
   }
-  .margin-x-md__YzQ5Y {
+  .vars_margin-x-md__ZWZhO {
     margin-left: var(--margin-x-md);
     margin-right: var(--margin-x-md);
   }
-  .margin-y-md__ZWQwM {
+  .vars_margin-y-md__OGNiZ {
     margin-top: var(--margin-y-md);
     margin-bottom: var(--margin-y-md);
   }
-  .margin-top-md__ODA1M {
+  .vars_margin-top-md__OTYzN {
     margin-top: var(--margin-top-md);
   }
-  .margin-right-md__NmU2M {
+  .vars_margin-right-md__MmU4Y {
     margin-right: var(--margin-right-md);
   }
-  .margin-bottom-md__YTJhM {
+  .vars_margin-bottom-md__ZDJmO {
     margin-bottom: var(--margin-bottom-md);
   }
-  .margin-left-md__NTFlN {
+  .vars_margin-left-md__OWJiM {
     margin-left: var(--margin-left-md);
   }
-  .gap-md__NzU3N {
+  .vars_gap-md__NTU2N {
     gap: var(--gap-md);
   }
-  .gap-x-md__ODM4M {
+  .vars_gap-x-md__YTQwM {
     column-gap: var(--gap-x-md);
   }
-  .gap-y-md__OWE3Y {
+  .vars_gap-y-md__YzFjY {
     row-gap: var(--gap-y-md);
   }
-  .height-md__YWYyO {
+  .vars_height-md__OGVhZ {
     height: var(--height-md);
   }
-  .width-md__MGQwZ {
+  .vars_width-md__MWM0Z {
     width: var(--width-md);
   }
-  .min-height-md__ZGQ3M {
+  .vars_min-height-md__OWQwN {
     min-height: var(--min-height-md);
   }
-  .min-width-md__NDYwN {
+  .vars_min-width-md__OWFjM {
     max-width: var(--min-width-md);
   }
-  .max-height-md__NGMwO {
+  .vars_max-height-md__M2QwM {
     max-height: var(--max-height-md);
   }
-  .flex-direction-md__YWY1Y {
+  .vars_flex-direction-md__OTJkO {
     flex-direction: var(--flex-direction-md);
   }
-  .flex-wrap-md__ZWUzN {
+  .vars_flex-wrap-md__NWU2N {
     flex-wrap: var(--flex-wrap-md);
   }
-  .justify-content-md__MjkyZ {
+  .vars_justify-content-md__Y2U4Y {
     justify-content: var(--justify-content-md);
   }
-  .justify-items-md__ODdhZ {
+  .vars_justify-items-md__ZGE2N {
     justify-items: var(--justify-items-md);
   }
-  .justify-self-md__NTc1M {
+  .vars_justify-self-md__ZGNjM {
     justify-self: var(--justify-self-md);
   }
-  .align-content-md__MmJjN {
+  .vars_align-content-md__ZjU5N {
     align-content: var(--align-content-md);
   }
-  .align-items-md__NTY2Y {
+  .vars_align-items-md__YzAwO {
     align-items: var(--align-items-md);
   }
-  .align-self-md__YmZlO {
+  .vars_align-self-md__MmEwM {
     align-self: var(--align-self-md);
   }
-  .grid-template-rows-md__YTNhN {
+  .vars_grid-template-rows-md__NWU2Y {
     grid-template-rows: var(--grid-template-rows-md);
   }
-  .grid-template-columns-md__N2ExZ {
+  .vars_grid-template-columns-md__YzQ1M {
     grid-template-columns: var(--grid-template-columns-md);
   }
-  .flex-basis-md__MzRlM {
+  .vars_flex-basis-md__ZDg2Z {
     flex-basis: var(--flex-basis-md);
   }
-  .flex-grow-md__ZDg4Y {
+  .vars_flex-grow-md__MDMxN {
     flex-basis: var(--flex-grow-md);
   }
-  .flex-shrink-md__M2VkY {
+  .vars_flex-shrink-md__Mzg4O {
     flex-basis: var(--flex-shrink-md);
   }
-  .overflow-md__NWE0Z {
+  .vars_overflow-md__OTEzO {
     overflow: var(--overflow-md);
   }
-  .overflow-x-md__NjNiZ {
+  .vars_overflow-x-md__NWFhN {
     overflow: var(--overflow-x-md);
   }
-  .overflow-y-md__ZjI1N {
+  .vars_overflow-y-md__Y2RlY {
     overflow: var(--overflow-y-md);
   }
-  .order-md__YmJmM {
+  .vars_order-md__OWIwN {
     order: var(--order-md);
   }
 }
 @media (min-width: 1280px) {
-  .display-lg__NTM3Z {
+  .vars_display-lg__Njg0M {
     display: var(--display-lg);
   }
-  .position-lg__Mjg1N {
+  .vars_position-lg__MzZjN {
     position: var(--position-lg);
   }
-  .font-size-lg__YTZlM {
+  .vars_font-size-lg__YWQ1M {
     font-size: var(--font-size-lg);
   }
-  .font-weight-lg__NDI5O {
+  .vars_font-weight-lg__MzM0O {
     font-weight: var(--font-weight-lg);
   }
-  .heading-size-lg__MmVjO {
+  .vars_heading-size-lg__NTQ5M {
     font-size: var(--heading-size-lg);
   }
-  .border-size-lg__OGFlM {
+  .vars_border-size-lg__N2IxZ {
     border: var(--border-size-lg) solid var(--border-color);
   }
-  .border-radius-lg__NGMxY {
+  .vars_border-radius-lg__YTc1O {
     border-radius: var(--border-radius-lg);
   }
-  .shadow-lg__Yjg5Y {
+  .vars_shadow-lg__MTlmO {
     box-shadow: var(--shadow-lg);
   }
-  .background-color-lg__ODZkZ {
+  .vars_background-color-lg__MjA0Y {
     background-color: var(--background-color-lg);
   }
-  .align-lg__NzZiM {
+  .vars_align-lg__MWFmM {
     text-align: var(--align-lg);
   }
-  .letter-spacing-lg__MmE4Z {
+  .vars_letter-spacing-lg__YjM3N {
     letter-spacing: var(--letter-spacing-lg);
   }
-  .padding-lg__MTgyM {
+  .vars_padding-lg__MzhkM {
     padding: var(--padding-lg);
   }
-  .padding-x-lg__N2U0Y {
+  .vars_padding-x-lg__MzBlO {
     padding-left: var(--padding-x-lg);
     padding-right: var(--padding-x-lg);
   }
-  .padding-y-lg__YWE1M {
+  .vars_padding-y-lg__ZGE3O {
     padding-top: var(--padding-y-lg);
     padding-bottom: var(--padding-y-lg);
   }
-  .padding-top-lg__ZGRkN {
+  .vars_padding-top-lg__NzkzM {
     padding-top: var(--padding-top-lg);
   }
-  .padding-right-lg__Nzg5M {
+  .vars_padding-right-lg__ZDQzO {
     padding-right: var(--padding-right-lg);
   }
-  .padding-bottom-lg__Yzg0N {
+  .vars_padding-bottom-lg__MGEzY {
     padding-bottom: var(--padding-bottom-lg);
   }
-  .padding-left-lg__NTIyY {
+  .vars_padding-left-lg__MTQ2N {
     padding-left: var(--padding-left-lg);
   }
-  .margin-lg__Y2ExZ {
+  .vars_margin-lg__MmQzM {
     margin: var(--margin-lg);
   }
-  .margin-x-lg__MmNhM {
+  .vars_margin-x-lg__NWM1Z {
     margin-left: var(--margin-x-lg);
     margin-right: var(--margin-x-lg);
   }
-  .margin-y-lg__M2UwN {
+  .vars_margin-y-lg__OTQ5Z {
     margin-top: var(--margin-y-lg);
     margin-bottom: var(--margin-y-lg);
   }
-  .margin-top-lg__ZWU5N {
+  .vars_margin-top-lg__ZTQ0N {
     margin-top: var(--margin-top-lg);
   }
-  .margin-right-lg__NDlmO {
+  .vars_margin-right-lg__MGY5N {
     margin-right: var(--margin-right-lg);
   }
-  .margin-bottom-lg__NmQzZ {
+  .vars_margin-bottom-lg__YjgxY {
     margin-bottom: var(--margin-bottom-lg);
   }
-  .margin-left-lg__NTgyN {
+  .vars_margin-left-lg__ODNlO {
     margin-left: var(--margin-left-lg);
   }
-  .gap-lg__ZjIzM {
+  .vars_gap-lg__Njk3Z {
     gap: var(--gap-lg);
   }
-  .gap-x-lg__ZjgzZ {
+  .vars_gap-x-lg__YzgyZ {
     column-gap: var(--gap-x-lg);
   }
-  .gap-y-lg__NWZmY {
+  .vars_gap-y-lg__ODdjO {
     row-gap: var(--gap-y-lg);
   }
-  .height-lg__ZjkyM {
+  .vars_height-lg__ZTlkY {
     height: var(--height-lg);
   }
-  .width-lg__MTNmY {
+  .vars_width-lg__ZTg1Y {
     width: var(--width-lg);
   }
-  .min-height-lg__NTQ5N {
+  .vars_min-height-lg__Njk1M {
     min-height: var(--min-height-lg);
   }
-  .min-width-lg__ZmMyO {
+  .vars_min-width-lg__YmU4O {
     max-width: var(--min-width-lg);
   }
-  .max-height-lg__OTJmZ {
+  .vars_max-height-lg__MGM0Z {
     max-height: var(--max-height-lg);
   }
-  .flex-direction-lg__YWQ4Y {
+  .vars_flex-direction-lg__ZmVhO {
     flex-direction: var(--flex-direction-lg);
   }
-  .flex-wrap-lg__Mjc2Z {
+  .vars_flex-wrap-lg__ODQ4Y {
     flex-wrap: var(--flex-wrap-lg);
   }
-  .justify-content-lg__ZjYyY {
+  .vars_justify-content-lg__N2U0O {
     justify-content: var(--justify-content-lg);
   }
-  .justify-items-lg__YWIxN {
+  .vars_justify-items-lg__NTdmM {
     justify-items: var(--justify-items-lg);
   }
-  .justify-self-lg__M2JkN {
+  .vars_justify-self-lg__N2YyN {
     justify-self: var(--justify-self-lg);
   }
-  .align-content-lg__ZTAyM {
+  .vars_align-content-lg__NzkxM {
     align-content: var(--align-content-lg);
   }
-  .align-items-lg__NzUyN {
+  .vars_align-items-lg__NTQyN {
     align-items: var(--align-items-lg);
   }
-  .align-self-lg__MzczY {
+  .vars_align-self-lg__YzI4N {
     align-self: var(--align-self-lg);
   }
-  .grid-template-rows-lg__MDU0Y {
+  .vars_grid-template-rows-lg__ZTRjZ {
     grid-template-rows: var(--grid-template-rows-lg);
   }
-  .grid-template-columns-lg__NmNjZ {
+  .vars_grid-template-columns-lg__Nzg2M {
     grid-template-columns: var(--grid-template-columns-lg);
   }
-  .flex-basis-lg__MWIyM {
+  .vars_flex-basis-lg__YmVkY {
     flex-basis: var(--flex-basis-lg);
   }
-  .flex-grow-lg__OTI4Z {
+  .vars_flex-grow-lg__MDA0N {
     flex-basis: var(--flex-grow-lg);
   }
-  .flex-shrink-lg__OThkN {
+  .vars_flex-shrink-lg__ZmY5Y {
     flex-basis: var(--flex-shrink-lg);
   }
-  .overflow-lg__NDBhN {
+  .vars_overflow-lg__YTdlN {
     overflow: var(--overflow-lg);
   }
-  .overflow-x-lg__YWM5N {
+  .vars_overflow-x-lg__MGZmZ {
     overflow: var(--overflow-x-lg);
   }
-  .overflow-y-lg__OTExY {
+  .vars_overflow-y-lg__NWJjM {
     overflow: var(--overflow-y-lg);
   }
-  .order-lg__YmJkY {
+  .vars_order-lg__NjNkZ {
     order: var(--order-lg);
   }
 }
 @media (min-width: 1640px) {
-  .display-xl__MmE5M {
+  .vars_display-xl__OWYwO {
     display: var(--display-xl);
   }
-  .position-xl__ZTA2N {
+  .vars_position-xl__Y2YzZ {
     position: var(--position-xl);
   }
-  .font-size-xl__YjA4Z {
+  .vars_font-size-xl__OTYxN {
     font-size: var(--font-size-xl);
   }
-  .font-weight-xl__ZTFiY {
+  .vars_font-weight-xl__MTZiN {
     font-weight: var(--font-weight-xl);
   }
-  .heading-size-xl__YWY3Y {
+  .vars_heading-size-xl__OTZjY {
     font-size: var(--heading-size-xl);
   }
-  .border-size-xl__MzZhO {
+  .vars_border-size-xl__NDg5M {
     border: var(--border-size-xl) solid var(--border-color);
   }
-  .border-radius-xl__MjM1Z {
+  .vars_border-radius-xl__YWYxZ {
     border-radius: var(--border-radius-xl);
   }
-  .shadow-xl__YWI2Y {
+  .vars_shadow-xl__ODczY {
     box-shadow: var(--shadow-xl);
   }
-  .background-color-xl__MWQ0Y {
+  .vars_background-color-xl__MmM4Y {
     background-color: var(--background-color-xl);
   }
-  .align-xl__NzZlY {
+  .vars_align-xl__NmVhZ {
     text-align: var(--align-xl);
   }
-  .letter-spacing-xl__ZmQwY {
+  .vars_letter-spacing-xl__MDI5Y {
     letter-spacing: var(--letter-spacing-xl);
   }
-  .padding-xl__Y2VmM {
+  .vars_padding-xl__NzQ2N {
     padding: var(--padding-xl);
   }
-  .padding-x-xl__MDMyM {
+  .vars_padding-x-xl__MjQxM {
     padding-left: var(--padding-x-xl);
     padding-right: var(--padding-x-xl);
   }
-  .padding-y-xl__NmFjN {
+  .vars_padding-y-xl__MDU3O {
     padding-top: var(--padding-y-xl);
     padding-bottom: var(--padding-y-xl);
   }
-  .padding-top-xl__Yzc2Y {
+  .vars_padding-top-xl__M2RlZ {
     padding-top: var(--padding-top-xl);
   }
-  .padding-right-xl__ZDNjN {
+  .vars_padding-right-xl__YmZmM {
     padding-right: var(--padding-right-xl);
   }
-  .padding-bottom-xl__NTU2Z {
+  .vars_padding-bottom-xl__NjVlM {
     padding-bottom: var(--padding-bottom-xl);
   }
-  .padding-left-xl__NzZkM {
+  .vars_padding-left-xl__ZjI5Z {
     padding-left: var(--padding-left-xl);
   }
-  .margin-xl__MWNjY {
+  .vars_margin-xl__NzQyM {
     margin: var(--margin-xl);
   }
-  .margin-x-xl__NjI5O {
+  .vars_margin-x-xl__ZTc3M {
     margin-left: var(--margin-x-xl);
     margin-right: var(--margin-x-xl);
   }
-  .margin-y-xl__OGMxZ {
+  .vars_margin-y-xl__MThmN {
     margin-top: var(--margin-y-xl);
     margin-bottom: var(--margin-y-xl);
   }
-  .margin-top-xl__MjFlO {
+  .vars_margin-top-xl__ZTYzY {
     margin-top: var(--margin-top-xl);
   }
-  .margin-right-xl__YmIzN {
+  .vars_margin-right-xl__OTMxY {
     margin-right: var(--margin-right-xl);
   }
-  .margin-bottom-xl__ZmUzO {
+  .vars_margin-bottom-xl__OTFjY {
     margin-bottom: var(--margin-bottom-xl);
   }
-  .margin-left-xl__NjRkM {
+  .vars_margin-left-xl__NTBkN {
     margin-left: var(--margin-left-xl);
   }
-  .gap-xl__YjIwZ {
+  .vars_gap-xl__M2ViO {
     gap: var(--gap-xl);
   }
-  .gap-x-xl__ZmJmM {
+  .vars_gap-x-xl__NTliM {
     column-gap: var(--gap-x-xl);
   }
-  .gap-y-xl__ZmU3M {
+  .vars_gap-y-xl__NzA1Z {
     row-gap: var(--gap-y-xl);
   }
-  .height-xl__MWNjO {
+  .vars_height-xl__NjYyN {
     height: var(--height-xl);
   }
-  .width-xl__YTc4N {
+  .vars_width-xl__NGVkZ {
     width: var(--width-xl);
   }
-  .min-height-xl__NjQwN {
+  .vars_min-height-xl__MTkyZ {
     min-height: var(--min-height-xl);
   }
-  .min-width-xl__YzBiY {
+  .vars_min-width-xl__MTFmN {
     max-width: var(--min-width-xl);
   }
-  .max-height-xl__NTQ5N {
+  .vars_max-height-xl__OTU5Z {
     max-height: var(--max-height-xl);
   }
-  .flex-direction-xl__ZDYxZ {
+  .vars_flex-direction-xl__MmJiY {
     flex-direction: var(--flex-direction-xl);
   }
-  .flex-wrap-xl__ZDk1O {
+  .vars_flex-wrap-xl__MzIyN {
     flex-wrap: var(--flex-wrap-xl);
   }
-  .justify-content-xl__MmE0Z {
+  .vars_justify-content-xl__MDA5M {
     justify-content: var(--justify-content-xl);
   }
-  .justify-items-xl__YjJhY {
+  .vars_justify-items-xl__MTFiM {
     justify-items: var(--justify-items-xl);
   }
-  .justify-self-xl__YWI0Z {
+  .vars_justify-self-xl__Y2FjN {
     justify-self: var(--justify-self-xl);
   }
-  .align-content-xl__YTg2N {
+  .vars_align-content-xl__MjMzM {
     align-content: var(--align-content-xl);
   }
-  .align-items-xl__YTA1M {
+  .vars_align-items-xl__ZmU2O {
     align-items: var(--align-items-xl);
   }
-  .align-self-xl__OTk2Z {
+  .vars_align-self-xl__NjBiN {
     align-self: var(--align-self-xl);
   }
-  .grid-template-rows-xl__YzRjM {
+  .vars_grid-template-rows-xl__NjY4Z {
     grid-template-rows: var(--grid-template-rows-xl);
   }
-  .grid-template-columns-xl__NzNlZ {
+  .vars_grid-template-columns-xl__OTQ0M {
     grid-template-columns: var(--grid-template-columns-xl);
   }
-  .flex-basis-xl__N2FlN {
+  .vars_flex-basis-xl__Yzc3O {
     flex-basis: var(--flex-basis-xl);
   }
-  .flex-grow-xl__NTI5M {
+  .vars_flex-grow-xl__ODYxZ {
     flex-basis: var(--flex-grow-xl);
   }
-  .flex-shrink-xl__YzI4N {
+  .vars_flex-shrink-xl__OWQ1Y {
     flex-basis: var(--flex-shrink-xl);
   }
-  .overflow-xl__MTBjY {
+  .vars_overflow-xl__MDQ2M {
     overflow: var(--overflow-xl);
   }
-  .overflow-x-xl__MTU2Z {
+  .vars_overflow-x-xl__NTY0M {
     overflow: var(--overflow-x-xl);
   }
-  .overflow-y-xl__NjkwN {
+  .vars_overflow-y-xl__ZjNmO {
     overflow: var(--overflow-y-xl);
   }
-  .order-xl__MjdkY {
+  .vars_order-xl__ODAwM {
     order: var(--order-xl);
   }
 }
 
-/* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
-:where(.Text_text__ZDk3Y) {
-  color: var(--font-color);
-  font-size: var(--font-size);
-}
-
 /* 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__N2JkN {
+.Button_button__ZjBiN {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2561,85 +2552,85 @@ li {
   cursor: pointer;
   line-height: 1;
 }
-.Button_button__N2JkN:disabled {
+.Button_button__ZjBiN:disabled {
   color: var(--font-color-muted);
   pointer-events: none;
 }
-.Button_button__N2JkN: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__N2JkN[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__N2JkN.Button_primary__YjA5Y {
+.Button_button__ZjBiN.Button_primary__YWI4N {
   color: var(--primary-font-color) !important;
   background: var(--primary-color);
 }
-.Button_button__N2JkN.Button_primary__YjA5Y: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__N2JkN.Button_primary__YjA5Y[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__N2JkN.Button_primary__YjA5Y: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__N2JkN.Button_outline__ZGQwY {
+.Button_button__ZjBiN.Button_outline__ZjAzM {
   background: transparent;
   border: var(--border);
   box-shadow: var(--box-shadow-1);
 }
-.Button_button__N2JkN.Button_outline__ZGQwY:hover {
+.Button_button__ZjBiN.Button_outline__ZjAzM:hover {
   background: var(--highlight-color);
 }
-.Button_button__N2JkN.Button_outline__ZGQwY[data-pressed] {
-  background: color-mix(in srgb, var(--highlight-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__N2JkN.Button_quiet__OWQ4O {
+.Button_button__ZjBiN.Button_quiet__NDJlN {
   background: transparent;
 }
-.Button_button__N2JkN.Button_quiet__OWQ4O:hover {
+.Button_button__ZjBiN.Button_quiet__NDJlN:hover {
   background: var(--highlight-color);
 }
-.Button_button__N2JkN.Button_quiet__OWQ4O[data-pressed] {
-  background: color-mix(in srgb, var(--highlight-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__N2JkN.Button_danger__MzdiN {
+.Button_button__ZjBiN.Button_danger__ODE5Z {
   color: var(--light-color);
   background: var(--danger-color);
 }
-.Button_button__N2JkN.Button_danger__MzdiN:hover {
+.Button_button__ZjBiN.Button_danger__ODE5Z:hover {
   background: color-mix(in srgb, var(--danger-color), 6% black);
 }
-.Button_button__N2JkN.Button_danger__MzdiN[data-pressed] {
+.Button_button__ZjBiN.Button_danger__ODE5Z[data-pressed] {
   background: color-mix(in srgb, var(--danger-color), 12% black);
 }
-.Button_button__N2JkN.Button_danger__MzdiN: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__N2JkN.Button_xs__NmJiZ {
+.Button_button__ZjBiN.Button_xs__YjY5N {
   font-size: .8rem;
   padding: 0.5rem 0.75rem;
 }
-.Button_button__N2JkN.Button_sm__ZTVhM {
+.Button_button__ZjBiN.Button_sm__MzZkM {
   font-size: .9rem;
   padding: 0.5rem 0.75rem;
 }
-.Button_button__N2JkN.Button_md__OWQ4Y {
+.Button_button__ZjBiN.Button_md__MGQxZ {
   font-size: 1rem;
   padding: 0.75rem 1rem;
 }
-.Button_button__N2JkN.Button_lg__YzY5N {
+.Button_button__ZjBiN.Button_lg__ZGY2Z {
   font-size: 1.1rem;
   padding: 1rem 1.25rem;
 }
-.Button_button__N2JkN.Button_xl__ODMyN {
+.Button_button__ZjBiN.Button_xl__M2FhN {
   font-size: 1.3rem;
   padding: 1.25rem 1.5rem;
 }
-body a.Button_button__N2JkN {
+body a.Button_button__ZjBiN {
   color: inherit;
   text-decoration: none;
 }
@@ -2821,6 +2812,8 @@ body a.Button_button__N2JkN {
   transform: translateY(-50%);
 }
 
+/* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
+
 /* virtual-css:css:fa53717340120f23a623f1ff98237d94 */
 .Accordion_accordion__ODg3O {
   display: flex;
@@ -3049,33 +3042,35 @@ body a.Button_button__N2JkN {
 }
 
 /* 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__NmZhO {
+.List_list__N2IxZ {
+  background-color: var(--background-color);
   min-width: 100px;
+  overflow: hidden;
   outline: none;
 }
-.List_separator__OGRlM {
+.List_separator__N2ZmY {
   border-bottom: var(--border);
 }
-.List_section__YmNlZ:not(:last-child) {
+.List_section__ZTMwZ:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.List_header__NTViZ {
+.List_header__MjFlZ {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.List_item__ZjgwZ {
+.List_item__M2E3N {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3088,23 +3083,22 @@ body a.Button_button__N2JkN {
   outline: none;
   border-radius: var(--border-radius);
 }
-.List_item__ZjgwZ[data-focus],
-.List_item__ZjgwZ[data-focus-visible] {
-  outline: var(--outline);
+.List_item__M2E3N[data-focus],
+.List_item__M2E3N[data-focus-visible] {
   background: var(--highlight-color);
 }
-.List_item__ZjgwZ:hover {
+.List_item__M2E3N:hover {
   background: var(--highlight-color);
 }
-.List_item__ZjgwZ[data-selected] {
+.List_item__M2E3N[data-selected] {
   font-weight: bold;
 }
-.List_item__ZjgwZ[data-selected] .List_check__ZjA3M {
+.List_item__M2E3N[data-selected] .List_check__OWE2Z {
   display: flex;
   justify-content: flex-end;
   flex: 1;
 }
-.List_check__ZjA3M {
+.List_check__OWE2Z {
   display: none;
 }
 
@@ -3241,18 +3235,19 @@ body a.Button_button__N2JkN {
 }
 
 /* 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);
@@ -3263,37 +3258,38 @@ body a.Button_button__N2JkN {
   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 */
@@ -3360,14 +3356,17 @@ body a.Button_button__N2JkN {
 }
 
 /* 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 {
@@ -3405,8 +3404,8 @@ body a.Button_button__N2JkN {
 }
 
 /* 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;
 }
@@ -3488,7 +3487,7 @@ body a.Button_button__N2JkN {
 }
 
 /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
-.Menu_menu__YWZhN {
+.Menu_menu__YmUyN {
   min-width: 200px;
   border: var(--border);
   border-radius: var(--border-radius);
@@ -3497,19 +3496,19 @@ body a.Button_button__N2JkN {
   background: var(--background-color);
   overflow: hidden;
 }
-.Menu_separator__MzA3M {
+.Menu_separator__NDFlO {
   border-bottom: var(--border);
-  margin: var(--spacing-1) calc(-1* var(--spacing-3));
+  margin: var(--spacing-2) calc(-1 * var(--spacing-3));
 }
-.Menu_section__OGY0Z:not(:last-child) {
+.Menu_section__YjJjY:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.Menu_header__NjgyY {
+.Menu_header__NDVjN {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.Menu_item__NWNhZ {
+.Menu_item__YjBiN {
   display: flex;
   align-items: center;
   gap: var(--gap);
@@ -3522,23 +3521,23 @@ body a.Button_button__N2JkN {
   outline: none;
   width: 100%;
 }
-.Menu_item__NWNhZ[data-focus],
-.Menu_item__NWNhZ[data-focus-visible] {
+.Menu_item__YjBiN[data-focus],
+.Menu_item__YjBiN[data-focus-visible] {
   outline: var(--outline);
   background: var(--highlight-color);
 }
-.Menu_item__NWNhZ:hover {
+.Menu_item__YjBiN:hover {
   background: var(--highlight-color);
 }
-.Menu_item__NWNhZ[data-selected] {
+.Menu_item__YjBiN[data-selected] {
   font-weight: bold;
 }
-.Menu_item__NWNhZ[data-selected] .Menu_check__M2IyM {
+.Menu_item__YjBiN[data-selected] .Menu_check__YmVhZ {
   display: flex;
   justify-content: flex-end;
   flex: 1;
 }
-.Menu_check__M2IyM {
+.Menu_check__YmVhZ {
   display: none;
 }
 
@@ -3820,24 +3819,29 @@ body a.Button_button__N2JkN {
 }
 
 /* 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 */
@@ -3871,44 +3875,44 @@ body a.Button_button__N2JkN {
 }
 
 /* virtual-css:css:12d12fae43d9120371ddbb4f1c814f07 */
-.SideNav_sidenav__MDc2M {
+.SideNav_sidenav__MzMwN {
   position: absolute;
   top: 0;
   left: 0;
   width: 200px;
   height: 100%;
-  background-color: var(--layer-color-1);
+  background-color: var(--base-color-2);
   border-right: 1px solid var(--border-color);
 }
-.SideNav_header__N2RlY {
+.SideNav_header__OTQ3Y {
   display: flex;
   align-items: center;
   gap: var(--gap);
   padding: var(--padding);
 }
-.SideNav_name__ZmQ0Y {
+.SideNav_name__ZDIwO {
   font-weight: var(--font-weight-bold);
 }
-.SideNav_section__YmQ2M {
+.SideNav_section__ODI2Y {
   padding: var(--spacing-3);
 }
-.SideNav_title__OTNiM {
+.SideNav_title__NmE1M {
   font-weight: var(--font-weight-bold);
 }
-.SideNav_content__MmE1Y {
+.SideNav_content__MmYyZ {
   display: grid;
   gap: var(--gap);
 }
-.SideNav_item__NGE4Z {
-  color: var(--font-color-muted) !important;
+.SideNav_item__ODE5M {
+  color: var(--font-color-muted);
   display: flex;
   align-items: center;
   gap: var(--gap);
   padding: var(--padding);
 }
-.SideNav_item__NGE4Z:hover {
-  color: var(--font-color) !important;
-  background-color: var(--layer-color-2);
+.SideNav_item__ODE5M:hover {
+  color: var(--font-color);
+  background-color: var(--base-color-3);
 }
 
 /* virtual-css:css:02d4c53a13519acb012573b18f89110d */