@iress-oss/ids-components 6.0.0-alpha.10 → 6.0.0-alpha.11

package/dist/patterns/Shadow/Shadow.js

@@ -1,5 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as y, useRef as _, useState as u, useEffect as g, useImperativeHandle as h } from "react";
+import { forwardRef as y, useRef as _, useState as h, useEffect as e, useImperativeHandle as u } from "react";
 import { createPortal as f } from "react-dom";
 import { i as w, I as k } from "../../Provider-BPoPUE-B.js";
 const z = `@layer reset, base, tokens, recipes, utilities;
@@ -516,11 +516,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font: var(--iress-typography-body-md-regular, 400 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .text strong {
+    .text strong,.text:is(strong) {
       font: var(--iress-typography-body-md-strong, 600 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .text em {
+    .text em,.text:is(em) {
       font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -742,11 +742,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-  .text--element_small strong {
+  .text--element_small strong,.text--element_small:is(strong) {
     font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-  .text--element_small em {
+  .text--element_small em,.text--element_small:is(em) {
     font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -758,11 +758,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-  .text--element_cite strong {
+  .text--element_cite strong,.text--element_cite:is(strong) {
     font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-  .text--element_cite em {
+  .text--element_cite em,.text--element_cite:is(em) {
     font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -774,11 +774,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-  .text--element_caption strong {
+  .text--element_caption strong,.text--element_caption:is(strong) {
     font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-  .text--element_caption em {
+  .text--element_caption em,.text--element_caption:is(em) {
     font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -853,7 +853,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
       transition-duration: var(--transition-duration, 150ms);
       align-items: center;
-      align-self: flex-start;
       box-sizing: border-box;
       cursor: pointer;
       display: inline-flex;
@@ -925,11 +924,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font: var(--iress-typography-body-md-regular, 400 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .table__table strong {
+    .table__table strong,.table__table:is(strong) {
       font: var(--iress-typography-body-md-strong, 600 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .table__table em {
+    .table__table em,.table__table:is(em) {
       font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1174,11 +1173,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-  .table__table--compact_true strong {
+  .table__table--compact_true strong,.table__table--compact_true:is(strong) {
     font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-  .table__table--compact_true em {
+  .table__table--compact_true em,.table__table--compact_true:is(em) {
     font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1198,11 +1197,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     font: var(--iress-typography-body-md-regular, 400 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-  .table__caption--compact_true strong {
+  .table__caption--compact_true strong,.table__caption--compact_true:is(strong) {
     font: var(--iress-typography-body-md-strong, 600 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-  .table__caption--compact_true em {
+  .table__caption--compact_true em,.table__caption--compact_true:is(em) {
     font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1304,11 +1303,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font: var(--iress-typography-body-md-regular, 400 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .textStyle_typography\\.body\\.md strong {
+    .textStyle_typography\\.body\\.md strong,.textStyle_typography\\.body\\.md:is(strong) {
       font: var(--iress-typography-body-md-strong, 600 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .textStyle_typography\\.body\\.md em {
+    .textStyle_typography\\.body\\.md em,.textStyle_typography\\.body\\.md:is(em) {
       font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1345,11 +1344,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .textStyle_typography\\.body\\.sm strong {
+    .textStyle_typography\\.body\\.sm strong,.textStyle_typography\\.body\\.sm:is(strong) {
       font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .textStyle_typography\\.body\\.sm em {
+    .textStyle_typography\\.body\\.sm em,.textStyle_typography\\.body\\.sm:is(em) {
       font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1427,11 +1426,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .textStyle_typography\\.body\\.lg strong {
+    .textStyle_typography\\.body\\.lg strong,.textStyle_typography\\.body\\.lg:is(strong) {
       font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .textStyle_typography\\.body\\.lg em {
+    .textStyle_typography\\.body\\.lg em,.textStyle_typography\\.body\\.lg:is(em) {
       font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1542,11 +1541,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .\\[\\&_small\\]\\:textStyle_typography\\.body\\.sm small strong {
+    .\\[\\&_small\\]\\:textStyle_typography\\.body\\.sm small strong,.\\[\\&_small\\]\\:textStyle_typography\\.body\\.sm small:is(strong) {
       font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .\\[\\&_small\\]\\:textStyle_typography\\.body\\.sm small em {
+    .\\[\\&_small\\]\\:textStyle_typography\\.body\\.sm small em,.\\[\\&_small\\]\\:textStyle_typography\\.body\\.sm small:is(em) {
       font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1558,11 +1557,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .\\[\\&_cite\\]\\:textStyle_typography\\.body\\.sm cite strong {
+    .\\[\\&_cite\\]\\:textStyle_typography\\.body\\.sm cite strong,.\\[\\&_cite\\]\\:textStyle_typography\\.body\\.sm cite:is(strong) {
       font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .\\[\\&_cite\\]\\:textStyle_typography\\.body\\.sm cite em {
+    .\\[\\&_cite\\]\\:textStyle_typography\\.body\\.sm cite em,.\\[\\&_cite\\]\\:textStyle_typography\\.body\\.sm cite:is(em) {
       font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1574,11 +1573,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .\\[\\&_caption\\:not\\(table\\[class\\]_\\*\\)\\]\\:textStyle_typography\\.body\\.sm caption:not(table[class] *) strong {
+    .\\[\\&_caption\\:not\\(table\\[class\\]_\\*\\)\\]\\:textStyle_typography\\.body\\.sm caption:not(table[class] *) strong,.\\[\\&_caption\\:not\\(table\\[class\\]_\\*\\)\\]\\:textStyle_typography\\.body\\.sm caption:not(table[class] *):is(strong) {
       font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .\\[\\&_caption\\:not\\(table\\[class\\]_\\*\\)\\]\\:textStyle_typography\\.body\\.sm caption:not(table[class] *) em {
+    .\\[\\&_caption\\:not\\(table\\[class\\]_\\*\\)\\]\\:textStyle_typography\\.body\\.sm caption:not(table[class] *) em,.\\[\\&_caption\\:not\\(table\\[class\\]_\\*\\)\\]\\:textStyle_typography\\.body\\.sm caption:not(table[class] *):is(em) {
       font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1700,12 +1699,15 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       .xs\\:textStyle_typography\\.body\\.sm {
         font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
+}
+
+    @media screen and (min-width: 0rem) {
 
-      .xs\\:textStyle_typography\\.body\\.sm strong {
+      .xs\\:textStyle_typography\\.body\\.sm strong,.xs\\:textStyle_typography\\.body\\.sm:is(strong) {
         font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .xs\\:textStyle_typography\\.body\\.sm em {
+      .xs\\:textStyle_typography\\.body\\.sm em,.xs\\:textStyle_typography\\.body\\.sm:is(em) {
         font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1726,13 +1728,16 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .xs\\:textStyle_typography\\.body\\.md\\.regular,.xs\\:textStyle_typography\\.body\\.md {
         font: var(--iress-typography-body-md-regular, 400 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+}
 }
 
-      .xs\\:textStyle_typography\\.body\\.md strong {
+    @media screen and (min-width: 0rem) {
+
+      .xs\\:textStyle_typography\\.body\\.md strong,.xs\\:textStyle_typography\\.body\\.md:is(strong) {
         font: var(--iress-typography-body-md-strong, 600 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .xs\\:textStyle_typography\\.body\\.md em {
+      .xs\\:textStyle_typography\\.body\\.md em,.xs\\:textStyle_typography\\.body\\.md:is(em) {
         font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1750,13 +1755,16 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .xs\\:textStyle_typography\\.body\\.lg {
         font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+}
 }
 
-      .xs\\:textStyle_typography\\.body\\.lg strong {
+    @media screen and (min-width: 0rem) {
+
+      .xs\\:textStyle_typography\\.body\\.lg strong,.xs\\:textStyle_typography\\.body\\.lg:is(strong) {
         font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .xs\\:textStyle_typography\\.body\\.lg em {
+      .xs\\:textStyle_typography\\.body\\.lg em,.xs\\:textStyle_typography\\.body\\.lg:is(em) {
         font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1821,13 +1829,16 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .sm\\:textStyle_typography\\.body\\.sm {
         font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+}
 }
 
-      .sm\\:textStyle_typography\\.body\\.sm strong {
+    @media screen and (min-width: 36rem) {
+
+      .sm\\:textStyle_typography\\.body\\.sm strong,.sm\\:textStyle_typography\\.body\\.sm:is(strong) {
         font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .sm\\:textStyle_typography\\.body\\.sm em {
+      .sm\\:textStyle_typography\\.body\\.sm em,.sm\\:textStyle_typography\\.body\\.sm:is(em) {
         font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1848,13 +1859,16 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .sm\\:textStyle_typography\\.body\\.md\\.regular,.sm\\:textStyle_typography\\.body\\.md {
         font: var(--iress-typography-body-md-regular, 400 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+}
 }
 
-      .sm\\:textStyle_typography\\.body\\.md strong {
+    @media screen and (min-width: 36rem) {
+
+      .sm\\:textStyle_typography\\.body\\.md strong,.sm\\:textStyle_typography\\.body\\.md:is(strong) {
         font: var(--iress-typography-body-md-strong, 600 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .sm\\:textStyle_typography\\.body\\.md em {
+      .sm\\:textStyle_typography\\.body\\.md em,.sm\\:textStyle_typography\\.body\\.md:is(em) {
         font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1872,13 +1886,16 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .sm\\:textStyle_typography\\.body\\.lg {
         font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+}
 }
 
-      .sm\\:textStyle_typography\\.body\\.lg strong {
+    @media screen and (min-width: 36rem) {
+
+      .sm\\:textStyle_typography\\.body\\.lg strong,.sm\\:textStyle_typography\\.body\\.lg:is(strong) {
         font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .sm\\:textStyle_typography\\.body\\.lg em {
+      .sm\\:textStyle_typography\\.body\\.lg em,.sm\\:textStyle_typography\\.body\\.lg:is(em) {
         font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1943,13 +1960,16 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .md\\:textStyle_typography\\.body\\.sm {
         font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+}
 }
 
-      .md\\:textStyle_typography\\.body\\.sm strong {
+    @media screen and (min-width: 48rem) {
+
+      .md\\:textStyle_typography\\.body\\.sm strong,.md\\:textStyle_typography\\.body\\.sm:is(strong) {
         font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .md\\:textStyle_typography\\.body\\.sm em {
+      .md\\:textStyle_typography\\.body\\.sm em,.md\\:textStyle_typography\\.body\\.sm:is(em) {
         font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1971,12 +1991,15 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       .md\\:textStyle_typography\\.body\\.md\\.regular,.md\\:textStyle_typography\\.body\\.md {
         font: var(--iress-typography-body-md-regular, 400 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
+}
+
+    @media screen and (min-width: 48rem) {
 
-      .md\\:textStyle_typography\\.body\\.md strong {
+      .md\\:textStyle_typography\\.body\\.md strong,.md\\:textStyle_typography\\.body\\.md:is(strong) {
         font: var(--iress-typography-body-md-strong, 600 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .md\\:textStyle_typography\\.body\\.md em {
+      .md\\:textStyle_typography\\.body\\.md em,.md\\:textStyle_typography\\.body\\.md:is(em) {
         font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -1995,12 +2018,15 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       .md\\:textStyle_typography\\.body\\.lg {
         font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
+}
+
+    @media screen and (min-width: 48rem) {
 
-      .md\\:textStyle_typography\\.body\\.lg strong {
+      .md\\:textStyle_typography\\.body\\.lg strong,.md\\:textStyle_typography\\.body\\.lg:is(strong) {
         font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .md\\:textStyle_typography\\.body\\.lg em {
+      .md\\:textStyle_typography\\.body\\.lg em,.md\\:textStyle_typography\\.body\\.lg:is(em) {
         font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -2066,12 +2092,15 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       .lg\\:textStyle_typography\\.body\\.sm {
         font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
+}
+
+    @media screen and (min-width: 64rem) {
 
-      .lg\\:textStyle_typography\\.body\\.sm strong {
+      .lg\\:textStyle_typography\\.body\\.sm strong,.lg\\:textStyle_typography\\.body\\.sm:is(strong) {
         font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .lg\\:textStyle_typography\\.body\\.sm em {
+      .lg\\:textStyle_typography\\.body\\.sm em,.lg\\:textStyle_typography\\.body\\.sm:is(em) {
         font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -2093,12 +2122,15 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       .lg\\:textStyle_typography\\.body\\.md\\.regular,.lg\\:textStyle_typography\\.body\\.md {
         font: var(--iress-typography-body-md-regular, 400 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
+}
+
+    @media screen and (min-width: 64rem) {
 
-      .lg\\:textStyle_typography\\.body\\.md strong {
+      .lg\\:textStyle_typography\\.body\\.md strong,.lg\\:textStyle_typography\\.body\\.md:is(strong) {
         font: var(--iress-typography-body-md-strong, 600 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .lg\\:textStyle_typography\\.body\\.md em {
+      .lg\\:textStyle_typography\\.body\\.md em,.lg\\:textStyle_typography\\.body\\.md:is(em) {
         font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -2117,12 +2149,15 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       .lg\\:textStyle_typography\\.body\\.lg {
         font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
+}
+
+    @media screen and (min-width: 64rem) {
 
-      .lg\\:textStyle_typography\\.body\\.lg strong {
+      .lg\\:textStyle_typography\\.body\\.lg strong,.lg\\:textStyle_typography\\.body\\.lg:is(strong) {
         font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .lg\\:textStyle_typography\\.body\\.lg em {
+      .lg\\:textStyle_typography\\.body\\.lg em,.lg\\:textStyle_typography\\.body\\.lg:is(em) {
         font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -2188,12 +2223,15 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       .xl\\:textStyle_typography\\.body\\.sm {
         font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
+}
+
+    @media screen and (min-width: 75rem) {
 
-      .xl\\:textStyle_typography\\.body\\.sm strong {
+      .xl\\:textStyle_typography\\.body\\.sm strong,.xl\\:textStyle_typography\\.body\\.sm:is(strong) {
         font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .xl\\:textStyle_typography\\.body\\.sm em {
+      .xl\\:textStyle_typography\\.body\\.sm em,.xl\\:textStyle_typography\\.body\\.sm:is(em) {
         font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -2215,12 +2253,15 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       .xl\\:textStyle_typography\\.body\\.md\\.regular,.xl\\:textStyle_typography\\.body\\.md {
         font: var(--iress-typography-body-md-regular, 400 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
+}
+
+    @media screen and (min-width: 75rem) {
 
-      .xl\\:textStyle_typography\\.body\\.md strong {
+      .xl\\:textStyle_typography\\.body\\.md strong,.xl\\:textStyle_typography\\.body\\.md:is(strong) {
         font: var(--iress-typography-body-md-strong, 600 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .xl\\:textStyle_typography\\.body\\.md em {
+      .xl\\:textStyle_typography\\.body\\.md em,.xl\\:textStyle_typography\\.body\\.md:is(em) {
         font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -2238,13 +2279,16 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .xl\\:textStyle_typography\\.body\\.lg {
         font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+}
 }
 
-      .xl\\:textStyle_typography\\.body\\.lg strong {
+    @media screen and (min-width: 75rem) {
+
+      .xl\\:textStyle_typography\\.body\\.lg strong,.xl\\:textStyle_typography\\.body\\.lg:is(strong) {
         font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .xl\\:textStyle_typography\\.body\\.lg em {
+      .xl\\:textStyle_typography\\.body\\.lg em,.xl\\:textStyle_typography\\.body\\.lg:is(em) {
         font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -2309,13 +2353,16 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .xxl\\:textStyle_typography\\.body\\.sm {
         font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+}
 }
 
-      .xxl\\:textStyle_typography\\.body\\.sm strong {
+    @media screen and (min-width: 93.75rem) {
+
+      .xxl\\:textStyle_typography\\.body\\.sm strong,.xxl\\:textStyle_typography\\.body\\.sm:is(strong) {
         font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .xxl\\:textStyle_typography\\.body\\.sm em {
+      .xxl\\:textStyle_typography\\.body\\.sm em,.xxl\\:textStyle_typography\\.body\\.sm:is(em) {
         font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -2336,13 +2383,16 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .xxl\\:textStyle_typography\\.body\\.md\\.regular,.xxl\\:textStyle_typography\\.body\\.md {
         font: var(--iress-typography-body-md-regular, 400 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+}
 }
 
-      .xxl\\:textStyle_typography\\.body\\.md strong {
+    @media screen and (min-width: 93.75rem) {
+
+      .xxl\\:textStyle_typography\\.body\\.md strong,.xxl\\:textStyle_typography\\.body\\.md:is(strong) {
         font: var(--iress-typography-body-md-strong, 600 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .xxl\\:textStyle_typography\\.body\\.md em {
+      .xxl\\:textStyle_typography\\.body\\.md em,.xxl\\:textStyle_typography\\.body\\.md:is(em) {
         font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -2360,13 +2410,16 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .xxl\\:textStyle_typography\\.body\\.lg {
         font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+}
 }
 
-      .xxl\\:textStyle_typography\\.body\\.lg strong {
+    @media screen and (min-width: 93.75rem) {
+
+      .xxl\\:textStyle_typography\\.body\\.lg strong,.xxl\\:textStyle_typography\\.body\\.lg:is(strong) {
         font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-      .xxl\\:textStyle_typography\\.body\\.lg em {
+      .xxl\\:textStyle_typography\\.body\\.lg em,.xxl\\:textStyle_typography\\.body\\.lg:is(em) {
         font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
@@ -3460,102 +3513,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     gap: var(--spacing-none);
 }
 
-  .gap_button\\.inline {
-    gap: var(--spacing-button\\.inline);
-}
-
-  .gap_button\\.block {
-    gap: var(--spacing-button\\.block);
-}
-
-  .gap_field\\.footer {
-    gap: var(--spacing-field\\.footer);
-}
-
-  .gap_slider\\.tick {
-    gap: var(--spacing-slider\\.tick);
-}
-
-  .gap_-spacing\\.0 {
-    gap: calc(var(--spacing-spacing\\.0) * -1);
-}
-
-  .gap_-spacing\\.1 {
-    gap: calc(var(--spacing-spacing\\.1) * -1);
-}
-
-  .gap_-spacing\\.2 {
-    gap: calc(var(--spacing-spacing\\.2) * -1);
-}
-
-  .gap_-spacing\\.3 {
-    gap: calc(var(--spacing-spacing\\.3) * -1);
-}
-
-  .gap_-spacing\\.4 {
-    gap: calc(var(--spacing-spacing\\.4) * -1);
-}
-
-  .gap_-spacing\\.5 {
-    gap: calc(var(--spacing-spacing\\.5) * -1);
-}
-
-  .gap_-spacing\\.6 {
-    gap: calc(var(--spacing-spacing\\.6) * -1);
-}
-
-  .gap_-spacing\\.7 {
-    gap: calc(var(--spacing-spacing\\.7) * -1);
-}
-
-  .gap_-spacing\\.8 {
-    gap: calc(var(--spacing-spacing\\.8) * -1);
-}
-
-  .gap_-spacing\\.10 {
-    gap: calc(var(--spacing-spacing\\.10) * -1);
-}
-
-  .gap_-none {
-    gap: calc(var(--spacing-none) * -1);
-}
-
-  .gap_-xs {
-    gap: calc(var(--spacing-xs) * -1);
-}
-
-  .gap_-sm {
-    gap: calc(var(--spacing-sm) * -1);
-}
-
-  .gap_-md {
-    gap: calc(var(--spacing-md) * -1);
-}
-
-  .gap_-lg {
-    gap: calc(var(--spacing-lg) * -1);
-}
-
-  .gap_-xl {
-    gap: calc(var(--spacing-xl) * -1);
-}
-
-  .gap_-button\\.inline {
-    gap: calc(var(--spacing-button\\.inline) * -1);
-}
-
-  .gap_-button\\.block {
-    gap: calc(var(--spacing-button\\.block) * -1);
-}
-
-  .gap_-field\\.footer {
-    gap: calc(var(--spacing-field\\.footer) * -1);
-}
-
-  .gap_-slider\\.tick {
-    gap: calc(var(--spacing-slider\\.tick) * -1);
-}
-
   .my_spacing\\.1 {
     margin-block: var(--spacing-spacing\\.1);
 }
@@ -5124,100 +5081,32 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     column-gap: var(--spacing-xl);
 }
 
-  .cg_button\\.inline {
-    column-gap: var(--spacing-button\\.inline);
-}
-
-  .cg_button\\.block {
-    column-gap: var(--spacing-button\\.block);
-}
-
-  .cg_field\\.footer {
-    column-gap: var(--spacing-field\\.footer);
-}
-
-  .cg_slider\\.tick {
-    column-gap: var(--spacing-slider\\.tick);
-}
-
-  .cg_-spacing\\.0 {
-    column-gap: calc(var(--spacing-spacing\\.0) * -1);
-}
-
-  .cg_-spacing\\.1 {
-    column-gap: calc(var(--spacing-spacing\\.1) * -1);
-}
-
-  .cg_-spacing\\.2 {
-    column-gap: calc(var(--spacing-spacing\\.2) * -1);
-}
-
-  .cg_-spacing\\.3 {
-    column-gap: calc(var(--spacing-spacing\\.3) * -1);
-}
-
-  .cg_-spacing\\.4 {
-    column-gap: calc(var(--spacing-spacing\\.4) * -1);
-}
-
-  .cg_-spacing\\.5 {
-    column-gap: calc(var(--spacing-spacing\\.5) * -1);
-}
-
-  .cg_-spacing\\.6 {
-    column-gap: calc(var(--spacing-spacing\\.6) * -1);
-}
-
-  .cg_-spacing\\.7 {
-    column-gap: calc(var(--spacing-spacing\\.7) * -1);
-}
-
-  .cg_-spacing\\.8 {
-    column-gap: calc(var(--spacing-spacing\\.8) * -1);
-}
-
-  .cg_-spacing\\.10 {
-    column-gap: calc(var(--spacing-spacing\\.10) * -1);
-}
-
-  .cg_-none {
-    column-gap: calc(var(--spacing-none) * -1);
-}
-
-  .cg_-xs {
-    column-gap: calc(var(--spacing-xs) * -1);
-}
-
-  .cg_-sm {
-    column-gap: calc(var(--spacing-sm) * -1);
-}
-
-  .cg_-md {
-    column-gap: calc(var(--spacing-md) * -1);
+  .horizontal-align_around {
+    horizontal-align: around;
 }
 
-  .cg_-lg {
-    column-gap: calc(var(--spacing-lg) * -1);
+  .horizontal-align_between {
+    horizontal-align: between;
 }
 
-  .cg_-xl {
-    column-gap: calc(var(--spacing-xl) * -1);
+  .horizontal-align_center {
+    horizontal-align: center;
 }
 
-  .cg_-button\\.inline {
-    column-gap: calc(var(--spacing-button\\.inline) * -1);
+  .horizontal-align_evenly {
+    horizontal-align: evenly;
 }
 
-  .cg_-button\\.block {
-    column-gap: calc(var(--spacing-button\\.block) * -1);
+  .horizontal-align_left {
+    horizontal-align: left;
 }
 
-  .cg_-field\\.footer {
-    column-gap: calc(var(--spacing-field\\.footer) * -1);
+  .horizontal-align_right {
+    horizontal-align: right;
 }
 
-  .cg_-slider\\.tick {
-    column-gap: calc(var(--spacing-slider\\.tick) * -1);
+  .horizontal-align_stretch {
+    horizontal-align: stretch;
 }
 
   .rg_spacing\\.0 {
@@ -8835,78 +8724,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xs\\:gap_xl {
       gap: var(--spacing-xl);
-}
-    .xs\\:gap_button\\.inline {
-      gap: var(--spacing-button\\.inline);
-}
-    .xs\\:gap_button\\.block {
-      gap: var(--spacing-button\\.block);
-}
-    .xs\\:gap_field\\.footer {
-      gap: var(--spacing-field\\.footer);
-}
-    .xs\\:gap_slider\\.tick {
-      gap: var(--spacing-slider\\.tick);
-}
-    .xs\\:gap_-spacing\\.0 {
-      gap: calc(var(--spacing-spacing\\.0) * -1);
-}
-    .xs\\:gap_-spacing\\.1 {
-      gap: calc(var(--spacing-spacing\\.1) * -1);
-}
-    .xs\\:gap_-spacing\\.2 {
-      gap: calc(var(--spacing-spacing\\.2) * -1);
-}
-    .xs\\:gap_-spacing\\.3 {
-      gap: calc(var(--spacing-spacing\\.3) * -1);
-}
-    .xs\\:gap_-spacing\\.4 {
-      gap: calc(var(--spacing-spacing\\.4) * -1);
-}
-    .xs\\:gap_-spacing\\.5 {
-      gap: calc(var(--spacing-spacing\\.5) * -1);
-}
-    .xs\\:gap_-spacing\\.6 {
-      gap: calc(var(--spacing-spacing\\.6) * -1);
-}
-    .xs\\:gap_-spacing\\.7 {
-      gap: calc(var(--spacing-spacing\\.7) * -1);
-}
-    .xs\\:gap_-spacing\\.8 {
-      gap: calc(var(--spacing-spacing\\.8) * -1);
-}
-    .xs\\:gap_-spacing\\.10 {
-      gap: calc(var(--spacing-spacing\\.10) * -1);
-}
-    .xs\\:gap_-none {
-      gap: calc(var(--spacing-none) * -1);
-}
-    .xs\\:gap_-xs {
-      gap: calc(var(--spacing-xs) * -1);
-}
-    .xs\\:gap_-sm {
-      gap: calc(var(--spacing-sm) * -1);
-}
-    .xs\\:gap_-md {
-      gap: calc(var(--spacing-md) * -1);
-}
-    .xs\\:gap_-lg {
-      gap: calc(var(--spacing-lg) * -1);
-}
-    .xs\\:gap_-xl {
-      gap: calc(var(--spacing-xl) * -1);
-}
-    .xs\\:gap_-button\\.inline {
-      gap: calc(var(--spacing-button\\.inline) * -1);
-}
-    .xs\\:gap_-button\\.block {
-      gap: calc(var(--spacing-button\\.block) * -1);
-}
-    .xs\\:gap_-field\\.footer {
-      gap: calc(var(--spacing-field\\.footer) * -1);
-}
-    .xs\\:gap_-slider\\.tick {
-      gap: calc(var(--spacing-slider\\.tick) * -1);
 }
     .xs\\:my_spacing\\.0 {
       margin-block: var(--spacing-spacing\\.0);
@@ -9263,6 +9080,18 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xs\\:key_test2 {
       key: test2;
+}
+    .xs\\:as_start {
+      align-self: start;
+}
+    .xs\\:as_end {
+      align-self: end;
+}
+    .xs\\:as_center {
+      align-self: center;
+}
+    .xs\\:as_stretch {
+      align-self: stretch;
 }
     .xs\\:cg_spacing\\.0 {
       column-gap: var(--spacing-spacing\\.0);
@@ -9312,77 +9141,26 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .xs\\:cg_xl {
       column-gap: var(--spacing-xl);
 }
-    .xs\\:cg_button\\.inline {
-      column-gap: var(--spacing-button\\.inline);
-}
-    .xs\\:cg_button\\.block {
-      column-gap: var(--spacing-button\\.block);
-}
-    .xs\\:cg_field\\.footer {
-      column-gap: var(--spacing-field\\.footer);
-}
-    .xs\\:cg_slider\\.tick {
-      column-gap: var(--spacing-slider\\.tick);
-}
-    .xs\\:cg_-spacing\\.0 {
-      column-gap: calc(var(--spacing-spacing\\.0) * -1);
-}
-    .xs\\:cg_-spacing\\.1 {
-      column-gap: calc(var(--spacing-spacing\\.1) * -1);
-}
-    .xs\\:cg_-spacing\\.2 {
-      column-gap: calc(var(--spacing-spacing\\.2) * -1);
-}
-    .xs\\:cg_-spacing\\.3 {
-      column-gap: calc(var(--spacing-spacing\\.3) * -1);
-}
-    .xs\\:cg_-spacing\\.4 {
-      column-gap: calc(var(--spacing-spacing\\.4) * -1);
-}
-    .xs\\:cg_-spacing\\.5 {
-      column-gap: calc(var(--spacing-spacing\\.5) * -1);
-}
-    .xs\\:cg_-spacing\\.6 {
-      column-gap: calc(var(--spacing-spacing\\.6) * -1);
-}
-    .xs\\:cg_-spacing\\.7 {
-      column-gap: calc(var(--spacing-spacing\\.7) * -1);
-}
-    .xs\\:cg_-spacing\\.8 {
-      column-gap: calc(var(--spacing-spacing\\.8) * -1);
-}
-    .xs\\:cg_-spacing\\.10 {
-      column-gap: calc(var(--spacing-spacing\\.10) * -1);
-}
-    .xs\\:cg_-none {
-      column-gap: calc(var(--spacing-none) * -1);
-}
-    .xs\\:cg_-xs {
-      column-gap: calc(var(--spacing-xs) * -1);
-}
-    .xs\\:cg_-sm {
-      column-gap: calc(var(--spacing-sm) * -1);
+    .xs\\:horizontal-align_around {
+      horizontal-align: around;
 }
-    .xs\\:cg_-md {
-      column-gap: calc(var(--spacing-md) * -1);
+    .xs\\:horizontal-align_between {
+      horizontal-align: between;
 }
-    .xs\\:cg_-lg {
-      column-gap: calc(var(--spacing-lg) * -1);
+    .xs\\:horizontal-align_center {
+      horizontal-align: center;
 }
-    .xs\\:cg_-xl {
-      column-gap: calc(var(--spacing-xl) * -1);
+    .xs\\:horizontal-align_evenly {
+      horizontal-align: evenly;
 }
-    .xs\\:cg_-button\\.inline {
-      column-gap: calc(var(--spacing-button\\.inline) * -1);
+    .xs\\:horizontal-align_left {
+      horizontal-align: left;
 }
-    .xs\\:cg_-button\\.block {
-      column-gap: calc(var(--spacing-button\\.block) * -1);
+    .xs\\:horizontal-align_right {
+      horizontal-align: right;
 }
-    .xs\\:cg_-field\\.footer {
-      column-gap: calc(var(--spacing-field\\.footer) * -1);
-}
-    .xs\\:cg_-slider\\.tick {
-      column-gap: calc(var(--spacing-slider\\.tick) * -1);
+    .xs\\:horizontal-align_stretch {
+      horizontal-align: stretch;
 }
     .xs\\:rg_spacing\\.0 {
       row-gap: var(--spacing-spacing\\.0);
@@ -10629,78 +10407,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .sm\\:gap_xl {
       gap: var(--spacing-xl);
-}
-    .sm\\:gap_button\\.inline {
-      gap: var(--spacing-button\\.inline);
-}
-    .sm\\:gap_button\\.block {
-      gap: var(--spacing-button\\.block);
-}
-    .sm\\:gap_field\\.footer {
-      gap: var(--spacing-field\\.footer);
-}
-    .sm\\:gap_slider\\.tick {
-      gap: var(--spacing-slider\\.tick);
-}
-    .sm\\:gap_-spacing\\.0 {
-      gap: calc(var(--spacing-spacing\\.0) * -1);
-}
-    .sm\\:gap_-spacing\\.1 {
-      gap: calc(var(--spacing-spacing\\.1) * -1);
-}
-    .sm\\:gap_-spacing\\.2 {
-      gap: calc(var(--spacing-spacing\\.2) * -1);
-}
-    .sm\\:gap_-spacing\\.3 {
-      gap: calc(var(--spacing-spacing\\.3) * -1);
-}
-    .sm\\:gap_-spacing\\.4 {
-      gap: calc(var(--spacing-spacing\\.4) * -1);
-}
-    .sm\\:gap_-spacing\\.5 {
-      gap: calc(var(--spacing-spacing\\.5) * -1);
-}
-    .sm\\:gap_-spacing\\.6 {
-      gap: calc(var(--spacing-spacing\\.6) * -1);
-}
-    .sm\\:gap_-spacing\\.7 {
-      gap: calc(var(--spacing-spacing\\.7) * -1);
-}
-    .sm\\:gap_-spacing\\.8 {
-      gap: calc(var(--spacing-spacing\\.8) * -1);
-}
-    .sm\\:gap_-spacing\\.10 {
-      gap: calc(var(--spacing-spacing\\.10) * -1);
-}
-    .sm\\:gap_-none {
-      gap: calc(var(--spacing-none) * -1);
-}
-    .sm\\:gap_-xs {
-      gap: calc(var(--spacing-xs) * -1);
-}
-    .sm\\:gap_-sm {
-      gap: calc(var(--spacing-sm) * -1);
-}
-    .sm\\:gap_-md {
-      gap: calc(var(--spacing-md) * -1);
-}
-    .sm\\:gap_-lg {
-      gap: calc(var(--spacing-lg) * -1);
-}
-    .sm\\:gap_-xl {
-      gap: calc(var(--spacing-xl) * -1);
-}
-    .sm\\:gap_-button\\.inline {
-      gap: calc(var(--spacing-button\\.inline) * -1);
-}
-    .sm\\:gap_-button\\.block {
-      gap: calc(var(--spacing-button\\.block) * -1);
-}
-    .sm\\:gap_-field\\.footer {
-      gap: calc(var(--spacing-field\\.footer) * -1);
-}
-    .sm\\:gap_-slider\\.tick {
-      gap: calc(var(--spacing-slider\\.tick) * -1);
 }
     .sm\\:my_spacing\\.0 {
       margin-block: var(--spacing-spacing\\.0);
@@ -11043,6 +10749,18 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .sm\\:as_start {
+      align-self: start;
+}
+    .sm\\:as_end {
+      align-self: end;
+}
+    .sm\\:as_center {
+      align-self: center;
+}
+    .sm\\:as_stretch {
+      align-self: stretch;
 }
     .sm\\:cg_spacing\\.0 {
       column-gap: var(--spacing-spacing\\.0);
@@ -11092,77 +10810,26 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .sm\\:cg_xl {
       column-gap: var(--spacing-xl);
 }
-    .sm\\:cg_button\\.inline {
-      column-gap: var(--spacing-button\\.inline);
-}
-    .sm\\:cg_button\\.block {
-      column-gap: var(--spacing-button\\.block);
-}
-    .sm\\:cg_field\\.footer {
-      column-gap: var(--spacing-field\\.footer);
-}
-    .sm\\:cg_slider\\.tick {
-      column-gap: var(--spacing-slider\\.tick);
-}
-    .sm\\:cg_-spacing\\.0 {
-      column-gap: calc(var(--spacing-spacing\\.0) * -1);
-}
-    .sm\\:cg_-spacing\\.1 {
-      column-gap: calc(var(--spacing-spacing\\.1) * -1);
-}
-    .sm\\:cg_-spacing\\.2 {
-      column-gap: calc(var(--spacing-spacing\\.2) * -1);
-}
-    .sm\\:cg_-spacing\\.3 {
-      column-gap: calc(var(--spacing-spacing\\.3) * -1);
-}
-    .sm\\:cg_-spacing\\.4 {
-      column-gap: calc(var(--spacing-spacing\\.4) * -1);
+    .sm\\:horizontal-align_around {
+      horizontal-align: around;
 }
-    .sm\\:cg_-spacing\\.5 {
-      column-gap: calc(var(--spacing-spacing\\.5) * -1);
+    .sm\\:horizontal-align_between {
+      horizontal-align: between;
 }
-    .sm\\:cg_-spacing\\.6 {
-      column-gap: calc(var(--spacing-spacing\\.6) * -1);
+    .sm\\:horizontal-align_center {
+      horizontal-align: center;
 }
-    .sm\\:cg_-spacing\\.7 {
-      column-gap: calc(var(--spacing-spacing\\.7) * -1);
+    .sm\\:horizontal-align_evenly {
+      horizontal-align: evenly;
 }
-    .sm\\:cg_-spacing\\.8 {
-      column-gap: calc(var(--spacing-spacing\\.8) * -1);
+    .sm\\:horizontal-align_left {
+      horizontal-align: left;
 }
-    .sm\\:cg_-spacing\\.10 {
-      column-gap: calc(var(--spacing-spacing\\.10) * -1);
+    .sm\\:horizontal-align_right {
+      horizontal-align: right;
 }
-    .sm\\:cg_-none {
-      column-gap: calc(var(--spacing-none) * -1);
-}
-    .sm\\:cg_-xs {
-      column-gap: calc(var(--spacing-xs) * -1);
-}
-    .sm\\:cg_-sm {
-      column-gap: calc(var(--spacing-sm) * -1);
-}
-    .sm\\:cg_-md {
-      column-gap: calc(var(--spacing-md) * -1);
-}
-    .sm\\:cg_-lg {
-      column-gap: calc(var(--spacing-lg) * -1);
-}
-    .sm\\:cg_-xl {
-      column-gap: calc(var(--spacing-xl) * -1);
-}
-    .sm\\:cg_-button\\.inline {
-      column-gap: calc(var(--spacing-button\\.inline) * -1);
-}
-    .sm\\:cg_-button\\.block {
-      column-gap: calc(var(--spacing-button\\.block) * -1);
-}
-    .sm\\:cg_-field\\.footer {
-      column-gap: calc(var(--spacing-field\\.footer) * -1);
-}
-    .sm\\:cg_-slider\\.tick {
-      column-gap: calc(var(--spacing-slider\\.tick) * -1);
+    .sm\\:horizontal-align_stretch {
+      horizontal-align: stretch;
 }
     .sm\\:rg_spacing\\.0 {
       row-gap: var(--spacing-spacing\\.0);
@@ -12426,78 +12093,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .md\\:gap_xl {
       gap: var(--spacing-xl);
-}
-    .md\\:gap_button\\.inline {
-      gap: var(--spacing-button\\.inline);
-}
-    .md\\:gap_button\\.block {
-      gap: var(--spacing-button\\.block);
-}
-    .md\\:gap_field\\.footer {
-      gap: var(--spacing-field\\.footer);
-}
-    .md\\:gap_slider\\.tick {
-      gap: var(--spacing-slider\\.tick);
-}
-    .md\\:gap_-spacing\\.0 {
-      gap: calc(var(--spacing-spacing\\.0) * -1);
-}
-    .md\\:gap_-spacing\\.1 {
-      gap: calc(var(--spacing-spacing\\.1) * -1);
-}
-    .md\\:gap_-spacing\\.2 {
-      gap: calc(var(--spacing-spacing\\.2) * -1);
-}
-    .md\\:gap_-spacing\\.3 {
-      gap: calc(var(--spacing-spacing\\.3) * -1);
-}
-    .md\\:gap_-spacing\\.4 {
-      gap: calc(var(--spacing-spacing\\.4) * -1);
-}
-    .md\\:gap_-spacing\\.5 {
-      gap: calc(var(--spacing-spacing\\.5) * -1);
-}
-    .md\\:gap_-spacing\\.6 {
-      gap: calc(var(--spacing-spacing\\.6) * -1);
-}
-    .md\\:gap_-spacing\\.7 {
-      gap: calc(var(--spacing-spacing\\.7) * -1);
-}
-    .md\\:gap_-spacing\\.8 {
-      gap: calc(var(--spacing-spacing\\.8) * -1);
-}
-    .md\\:gap_-spacing\\.10 {
-      gap: calc(var(--spacing-spacing\\.10) * -1);
-}
-    .md\\:gap_-none {
-      gap: calc(var(--spacing-none) * -1);
-}
-    .md\\:gap_-xs {
-      gap: calc(var(--spacing-xs) * -1);
-}
-    .md\\:gap_-sm {
-      gap: calc(var(--spacing-sm) * -1);
-}
-    .md\\:gap_-md {
-      gap: calc(var(--spacing-md) * -1);
-}
-    .md\\:gap_-lg {
-      gap: calc(var(--spacing-lg) * -1);
-}
-    .md\\:gap_-xl {
-      gap: calc(var(--spacing-xl) * -1);
-}
-    .md\\:gap_-button\\.inline {
-      gap: calc(var(--spacing-button\\.inline) * -1);
-}
-    .md\\:gap_-button\\.block {
-      gap: calc(var(--spacing-button\\.block) * -1);
-}
-    .md\\:gap_-field\\.footer {
-      gap: calc(var(--spacing-field\\.footer) * -1);
-}
-    .md\\:gap_-slider\\.tick {
-      gap: calc(var(--spacing-slider\\.tick) * -1);
 }
     .md\\:my_spacing\\.0 {
       margin-block: var(--spacing-spacing\\.0);
@@ -12846,6 +12441,18 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .md\\:as_start {
+      align-self: start;
+}
+    .md\\:as_end {
+      align-self: end;
+}
+    .md\\:as_center {
+      align-self: center;
+}
+    .md\\:as_stretch {
+      align-self: stretch;
 }
     .md\\:cg_spacing\\.0 {
       column-gap: var(--spacing-spacing\\.0);
@@ -12895,77 +12502,26 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .md\\:cg_xl {
       column-gap: var(--spacing-xl);
 }
-    .md\\:cg_button\\.inline {
-      column-gap: var(--spacing-button\\.inline);
-}
-    .md\\:cg_button\\.block {
-      column-gap: var(--spacing-button\\.block);
+    .md\\:horizontal-align_around {
+      horizontal-align: around;
 }
-    .md\\:cg_field\\.footer {
-      column-gap: var(--spacing-field\\.footer);
+    .md\\:horizontal-align_between {
+      horizontal-align: between;
 }
-    .md\\:cg_slider\\.tick {
-      column-gap: var(--spacing-slider\\.tick);
+    .md\\:horizontal-align_center {
+      horizontal-align: center;
 }
-    .md\\:cg_-spacing\\.0 {
-      column-gap: calc(var(--spacing-spacing\\.0) * -1);
+    .md\\:horizontal-align_evenly {
+      horizontal-align: evenly;
 }
-    .md\\:cg_-spacing\\.1 {
-      column-gap: calc(var(--spacing-spacing\\.1) * -1);
+    .md\\:horizontal-align_left {
+      horizontal-align: left;
 }
-    .md\\:cg_-spacing\\.2 {
-      column-gap: calc(var(--spacing-spacing\\.2) * -1);
+    .md\\:horizontal-align_right {
+      horizontal-align: right;
 }
-    .md\\:cg_-spacing\\.3 {
-      column-gap: calc(var(--spacing-spacing\\.3) * -1);
-}
-    .md\\:cg_-spacing\\.4 {
-      column-gap: calc(var(--spacing-spacing\\.4) * -1);
-}
-    .md\\:cg_-spacing\\.5 {
-      column-gap: calc(var(--spacing-spacing\\.5) * -1);
-}
-    .md\\:cg_-spacing\\.6 {
-      column-gap: calc(var(--spacing-spacing\\.6) * -1);
-}
-    .md\\:cg_-spacing\\.7 {
-      column-gap: calc(var(--spacing-spacing\\.7) * -1);
-}
-    .md\\:cg_-spacing\\.8 {
-      column-gap: calc(var(--spacing-spacing\\.8) * -1);
-}
-    .md\\:cg_-spacing\\.10 {
-      column-gap: calc(var(--spacing-spacing\\.10) * -1);
-}
-    .md\\:cg_-none {
-      column-gap: calc(var(--spacing-none) * -1);
-}
-    .md\\:cg_-xs {
-      column-gap: calc(var(--spacing-xs) * -1);
-}
-    .md\\:cg_-sm {
-      column-gap: calc(var(--spacing-sm) * -1);
-}
-    .md\\:cg_-md {
-      column-gap: calc(var(--spacing-md) * -1);
-}
-    .md\\:cg_-lg {
-      column-gap: calc(var(--spacing-lg) * -1);
-}
-    .md\\:cg_-xl {
-      column-gap: calc(var(--spacing-xl) * -1);
-}
-    .md\\:cg_-button\\.inline {
-      column-gap: calc(var(--spacing-button\\.inline) * -1);
-}
-    .md\\:cg_-button\\.block {
-      column-gap: calc(var(--spacing-button\\.block) * -1);
-}
-    .md\\:cg_-field\\.footer {
-      column-gap: calc(var(--spacing-field\\.footer) * -1);
-}
-    .md\\:cg_-slider\\.tick {
-      column-gap: calc(var(--spacing-slider\\.tick) * -1);
+    .md\\:horizontal-align_stretch {
+      horizontal-align: stretch;
 }
     .md\\:rg_spacing\\.0 {
       row-gap: var(--spacing-spacing\\.0);
@@ -14214,78 +13770,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .lg\\:gap_xl {
       gap: var(--spacing-xl);
-}
-    .lg\\:gap_button\\.inline {
-      gap: var(--spacing-button\\.inline);
-}
-    .lg\\:gap_button\\.block {
-      gap: var(--spacing-button\\.block);
-}
-    .lg\\:gap_field\\.footer {
-      gap: var(--spacing-field\\.footer);
-}
-    .lg\\:gap_slider\\.tick {
-      gap: var(--spacing-slider\\.tick);
-}
-    .lg\\:gap_-spacing\\.0 {
-      gap: calc(var(--spacing-spacing\\.0) * -1);
-}
-    .lg\\:gap_-spacing\\.1 {
-      gap: calc(var(--spacing-spacing\\.1) * -1);
-}
-    .lg\\:gap_-spacing\\.2 {
-      gap: calc(var(--spacing-spacing\\.2) * -1);
-}
-    .lg\\:gap_-spacing\\.3 {
-      gap: calc(var(--spacing-spacing\\.3) * -1);
-}
-    .lg\\:gap_-spacing\\.4 {
-      gap: calc(var(--spacing-spacing\\.4) * -1);
-}
-    .lg\\:gap_-spacing\\.5 {
-      gap: calc(var(--spacing-spacing\\.5) * -1);
-}
-    .lg\\:gap_-spacing\\.6 {
-      gap: calc(var(--spacing-spacing\\.6) * -1);
-}
-    .lg\\:gap_-spacing\\.7 {
-      gap: calc(var(--spacing-spacing\\.7) * -1);
-}
-    .lg\\:gap_-spacing\\.8 {
-      gap: calc(var(--spacing-spacing\\.8) * -1);
-}
-    .lg\\:gap_-spacing\\.10 {
-      gap: calc(var(--spacing-spacing\\.10) * -1);
-}
-    .lg\\:gap_-none {
-      gap: calc(var(--spacing-none) * -1);
-}
-    .lg\\:gap_-xs {
-      gap: calc(var(--spacing-xs) * -1);
-}
-    .lg\\:gap_-sm {
-      gap: calc(var(--spacing-sm) * -1);
-}
-    .lg\\:gap_-md {
-      gap: calc(var(--spacing-md) * -1);
-}
-    .lg\\:gap_-lg {
-      gap: calc(var(--spacing-lg) * -1);
-}
-    .lg\\:gap_-xl {
-      gap: calc(var(--spacing-xl) * -1);
-}
-    .lg\\:gap_-button\\.inline {
-      gap: calc(var(--spacing-button\\.inline) * -1);
-}
-    .lg\\:gap_-button\\.block {
-      gap: calc(var(--spacing-button\\.block) * -1);
-}
-    .lg\\:gap_-field\\.footer {
-      gap: calc(var(--spacing-field\\.footer) * -1);
-}
-    .lg\\:gap_-slider\\.tick {
-      gap: calc(var(--spacing-slider\\.tick) * -1);
 }
     .lg\\:my_spacing\\.0 {
       margin-block: var(--spacing-spacing\\.0);
@@ -14632,6 +14116,18 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       overflow: visible;
       clip: auto;
       white-space: normal;
+}
+    .lg\\:as_start {
+      align-self: start;
+}
+    .lg\\:as_end {
+      align-self: end;
+}
+    .lg\\:as_center {
+      align-self: center;
+}
+    .lg\\:as_stretch {
+      align-self: stretch;
 }
     .lg\\:cg_spacing\\.0 {
       column-gap: var(--spacing-spacing\\.0);
@@ -14681,77 +14177,26 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .lg\\:cg_xl {
       column-gap: var(--spacing-xl);
 }
-    .lg\\:cg_button\\.inline {
-      column-gap: var(--spacing-button\\.inline);
-}
-    .lg\\:cg_button\\.block {
-      column-gap: var(--spacing-button\\.block);
-}
-    .lg\\:cg_field\\.footer {
-      column-gap: var(--spacing-field\\.footer);
-}
-    .lg\\:cg_slider\\.tick {
-      column-gap: var(--spacing-slider\\.tick);
-}
-    .lg\\:cg_-spacing\\.0 {
-      column-gap: calc(var(--spacing-spacing\\.0) * -1);
-}
-    .lg\\:cg_-spacing\\.1 {
-      column-gap: calc(var(--spacing-spacing\\.1) * -1);
-}
-    .lg\\:cg_-spacing\\.2 {
-      column-gap: calc(var(--spacing-spacing\\.2) * -1);
+    .lg\\:horizontal-align_around {
+      horizontal-align: around;
 }
-    .lg\\:cg_-spacing\\.3 {
-      column-gap: calc(var(--spacing-spacing\\.3) * -1);
+    .lg\\:horizontal-align_between {
+      horizontal-align: between;
 }
-    .lg\\:cg_-spacing\\.4 {
-      column-gap: calc(var(--spacing-spacing\\.4) * -1);
+    .lg\\:horizontal-align_center {
+      horizontal-align: center;
 }
-    .lg\\:cg_-spacing\\.5 {
-      column-gap: calc(var(--spacing-spacing\\.5) * -1);
+    .lg\\:horizontal-align_evenly {
+      horizontal-align: evenly;
 }
-    .lg\\:cg_-spacing\\.6 {
-      column-gap: calc(var(--spacing-spacing\\.6) * -1);
+    .lg\\:horizontal-align_left {
+      horizontal-align: left;
 }
-    .lg\\:cg_-spacing\\.7 {
-      column-gap: calc(var(--spacing-spacing\\.7) * -1);
+    .lg\\:horizontal-align_right {
+      horizontal-align: right;
 }
-    .lg\\:cg_-spacing\\.8 {
-      column-gap: calc(var(--spacing-spacing\\.8) * -1);
-}
-    .lg\\:cg_-spacing\\.10 {
-      column-gap: calc(var(--spacing-spacing\\.10) * -1);
-}
-    .lg\\:cg_-none {
-      column-gap: calc(var(--spacing-none) * -1);
-}
-    .lg\\:cg_-xs {
-      column-gap: calc(var(--spacing-xs) * -1);
-}
-    .lg\\:cg_-sm {
-      column-gap: calc(var(--spacing-sm) * -1);
-}
-    .lg\\:cg_-md {
-      column-gap: calc(var(--spacing-md) * -1);
-}
-    .lg\\:cg_-lg {
-      column-gap: calc(var(--spacing-lg) * -1);
-}
-    .lg\\:cg_-xl {
-      column-gap: calc(var(--spacing-xl) * -1);
-}
-    .lg\\:cg_-button\\.inline {
-      column-gap: calc(var(--spacing-button\\.inline) * -1);
-}
-    .lg\\:cg_-button\\.block {
-      column-gap: calc(var(--spacing-button\\.block) * -1);
-}
-    .lg\\:cg_-field\\.footer {
-      column-gap: calc(var(--spacing-field\\.footer) * -1);
-}
-    .lg\\:cg_-slider\\.tick {
-      column-gap: calc(var(--spacing-slider\\.tick) * -1);
+    .lg\\:horizontal-align_stretch {
+      horizontal-align: stretch;
 }
     .lg\\:rg_spacing\\.0 {
       row-gap: var(--spacing-spacing\\.0);
@@ -15993,78 +15438,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xl\\:gap_xl {
       gap: var(--spacing-xl);
-}
-    .xl\\:gap_button\\.inline {
-      gap: var(--spacing-button\\.inline);
-}
-    .xl\\:gap_button\\.block {
-      gap: var(--spacing-button\\.block);
-}
-    .xl\\:gap_field\\.footer {
-      gap: var(--spacing-field\\.footer);
-}
-    .xl\\:gap_slider\\.tick {
-      gap: var(--spacing-slider\\.tick);
-}
-    .xl\\:gap_-spacing\\.0 {
-      gap: calc(var(--spacing-spacing\\.0) * -1);
-}
-    .xl\\:gap_-spacing\\.1 {
-      gap: calc(var(--spacing-spacing\\.1) * -1);
-}
-    .xl\\:gap_-spacing\\.2 {
-      gap: calc(var(--spacing-spacing\\.2) * -1);
-}
-    .xl\\:gap_-spacing\\.3 {
-      gap: calc(var(--spacing-spacing\\.3) * -1);
-}
-    .xl\\:gap_-spacing\\.4 {
-      gap: calc(var(--spacing-spacing\\.4) * -1);
-}
-    .xl\\:gap_-spacing\\.5 {
-      gap: calc(var(--spacing-spacing\\.5) * -1);
-}
-    .xl\\:gap_-spacing\\.6 {
-      gap: calc(var(--spacing-spacing\\.6) * -1);
-}
-    .xl\\:gap_-spacing\\.7 {
-      gap: calc(var(--spacing-spacing\\.7) * -1);
-}
-    .xl\\:gap_-spacing\\.8 {
-      gap: calc(var(--spacing-spacing\\.8) * -1);
-}
-    .xl\\:gap_-spacing\\.10 {
-      gap: calc(var(--spacing-spacing\\.10) * -1);
-}
-    .xl\\:gap_-none {
-      gap: calc(var(--spacing-none) * -1);
-}
-    .xl\\:gap_-xs {
-      gap: calc(var(--spacing-xs) * -1);
-}
-    .xl\\:gap_-sm {
-      gap: calc(var(--spacing-sm) * -1);
-}
-    .xl\\:gap_-md {
-      gap: calc(var(--spacing-md) * -1);
-}
-    .xl\\:gap_-lg {
-      gap: calc(var(--spacing-lg) * -1);
-}
-    .xl\\:gap_-xl {
-      gap: calc(var(--spacing-xl) * -1);
-}
-    .xl\\:gap_-button\\.inline {
-      gap: calc(var(--spacing-button\\.inline) * -1);
-}
-    .xl\\:gap_-button\\.block {
-      gap: calc(var(--spacing-button\\.block) * -1);
-}
-    .xl\\:gap_-field\\.footer {
-      gap: calc(var(--spacing-field\\.footer) * -1);
-}
-    .xl\\:gap_-slider\\.tick {
-      gap: calc(var(--spacing-slider\\.tick) * -1);
 }
     .xl\\:my_spacing\\.0 {
       margin-block: var(--spacing-spacing\\.0);
@@ -16392,6 +15765,18 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xl\\:offset_11 {
       margin-left: calc(11 / 12 * 100%);
+}
+    .xl\\:as_start {
+      align-self: start;
+}
+    .xl\\:as_end {
+      align-self: end;
+}
+    .xl\\:as_center {
+      align-self: center;
+}
+    .xl\\:as_stretch {
+      align-self: stretch;
 }
     .xl\\:cg_spacing\\.0 {
       column-gap: var(--spacing-spacing\\.0);
@@ -16441,77 +15826,26 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .xl\\:cg_xl {
       column-gap: var(--spacing-xl);
 }
-    .xl\\:cg_button\\.inline {
-      column-gap: var(--spacing-button\\.inline);
-}
-    .xl\\:cg_button\\.block {
-      column-gap: var(--spacing-button\\.block);
-}
-    .xl\\:cg_field\\.footer {
-      column-gap: var(--spacing-field\\.footer);
-}
-    .xl\\:cg_slider\\.tick {
-      column-gap: var(--spacing-slider\\.tick);
-}
-    .xl\\:cg_-spacing\\.0 {
-      column-gap: calc(var(--spacing-spacing\\.0) * -1);
-}
-    .xl\\:cg_-spacing\\.1 {
-      column-gap: calc(var(--spacing-spacing\\.1) * -1);
-}
-    .xl\\:cg_-spacing\\.2 {
-      column-gap: calc(var(--spacing-spacing\\.2) * -1);
-}
-    .xl\\:cg_-spacing\\.3 {
-      column-gap: calc(var(--spacing-spacing\\.3) * -1);
-}
-    .xl\\:cg_-spacing\\.4 {
-      column-gap: calc(var(--spacing-spacing\\.4) * -1);
-}
-    .xl\\:cg_-spacing\\.5 {
-      column-gap: calc(var(--spacing-spacing\\.5) * -1);
-}
-    .xl\\:cg_-spacing\\.6 {
-      column-gap: calc(var(--spacing-spacing\\.6) * -1);
-}
-    .xl\\:cg_-spacing\\.7 {
-      column-gap: calc(var(--spacing-spacing\\.7) * -1);
-}
-    .xl\\:cg_-spacing\\.8 {
-      column-gap: calc(var(--spacing-spacing\\.8) * -1);
+    .xl\\:horizontal-align_around {
+      horizontal-align: around;
 }
-    .xl\\:cg_-spacing\\.10 {
-      column-gap: calc(var(--spacing-spacing\\.10) * -1);
+    .xl\\:horizontal-align_between {
+      horizontal-align: between;
 }
-    .xl\\:cg_-none {
-      column-gap: calc(var(--spacing-none) * -1);
+    .xl\\:horizontal-align_center {
+      horizontal-align: center;
 }
-    .xl\\:cg_-xs {
-      column-gap: calc(var(--spacing-xs) * -1);
+    .xl\\:horizontal-align_evenly {
+      horizontal-align: evenly;
 }
-    .xl\\:cg_-sm {
-      column-gap: calc(var(--spacing-sm) * -1);
+    .xl\\:horizontal-align_left {
+      horizontal-align: left;
 }
-    .xl\\:cg_-md {
-      column-gap: calc(var(--spacing-md) * -1);
+    .xl\\:horizontal-align_right {
+      horizontal-align: right;
 }
-    .xl\\:cg_-lg {
-      column-gap: calc(var(--spacing-lg) * -1);
-}
-    .xl\\:cg_-xl {
-      column-gap: calc(var(--spacing-xl) * -1);
-}
-    .xl\\:cg_-button\\.inline {
-      column-gap: calc(var(--spacing-button\\.inline) * -1);
-}
-    .xl\\:cg_-button\\.block {
-      column-gap: calc(var(--spacing-button\\.block) * -1);
-}
-    .xl\\:cg_-field\\.footer {
-      column-gap: calc(var(--spacing-field\\.footer) * -1);
-}
-    .xl\\:cg_-slider\\.tick {
-      column-gap: calc(var(--spacing-slider\\.tick) * -1);
+    .xl\\:horizontal-align_stretch {
+      horizontal-align: stretch;
 }
     .xl\\:rg_spacing\\.0 {
       row-gap: var(--spacing-spacing\\.0);
@@ -17776,78 +17110,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xxl\\:gap_xl {
       gap: var(--spacing-xl);
-}
-    .xxl\\:gap_button\\.inline {
-      gap: var(--spacing-button\\.inline);
-}
-    .xxl\\:gap_button\\.block {
-      gap: var(--spacing-button\\.block);
-}
-    .xxl\\:gap_field\\.footer {
-      gap: var(--spacing-field\\.footer);
-}
-    .xxl\\:gap_slider\\.tick {
-      gap: var(--spacing-slider\\.tick);
-}
-    .xxl\\:gap_-spacing\\.0 {
-      gap: calc(var(--spacing-spacing\\.0) * -1);
-}
-    .xxl\\:gap_-spacing\\.1 {
-      gap: calc(var(--spacing-spacing\\.1) * -1);
-}
-    .xxl\\:gap_-spacing\\.2 {
-      gap: calc(var(--spacing-spacing\\.2) * -1);
-}
-    .xxl\\:gap_-spacing\\.3 {
-      gap: calc(var(--spacing-spacing\\.3) * -1);
-}
-    .xxl\\:gap_-spacing\\.4 {
-      gap: calc(var(--spacing-spacing\\.4) * -1);
-}
-    .xxl\\:gap_-spacing\\.5 {
-      gap: calc(var(--spacing-spacing\\.5) * -1);
-}
-    .xxl\\:gap_-spacing\\.6 {
-      gap: calc(var(--spacing-spacing\\.6) * -1);
-}
-    .xxl\\:gap_-spacing\\.7 {
-      gap: calc(var(--spacing-spacing\\.7) * -1);
-}
-    .xxl\\:gap_-spacing\\.8 {
-      gap: calc(var(--spacing-spacing\\.8) * -1);
-}
-    .xxl\\:gap_-spacing\\.10 {
-      gap: calc(var(--spacing-spacing\\.10) * -1);
-}
-    .xxl\\:gap_-none {
-      gap: calc(var(--spacing-none) * -1);
-}
-    .xxl\\:gap_-xs {
-      gap: calc(var(--spacing-xs) * -1);
-}
-    .xxl\\:gap_-sm {
-      gap: calc(var(--spacing-sm) * -1);
-}
-    .xxl\\:gap_-md {
-      gap: calc(var(--spacing-md) * -1);
-}
-    .xxl\\:gap_-lg {
-      gap: calc(var(--spacing-lg) * -1);
-}
-    .xxl\\:gap_-xl {
-      gap: calc(var(--spacing-xl) * -1);
-}
-    .xxl\\:gap_-button\\.inline {
-      gap: calc(var(--spacing-button\\.inline) * -1);
-}
-    .xxl\\:gap_-button\\.block {
-      gap: calc(var(--spacing-button\\.block) * -1);
-}
-    .xxl\\:gap_-field\\.footer {
-      gap: calc(var(--spacing-field\\.footer) * -1);
-}
-    .xxl\\:gap_-slider\\.tick {
-      gap: calc(var(--spacing-slider\\.tick) * -1);
 }
     .xxl\\:my_spacing\\.0 {
       margin-block: var(--spacing-spacing\\.0);
@@ -18184,6 +17446,18 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xxl\\:as_start {
+      align-self: start;
+}
+    .xxl\\:as_end {
+      align-self: end;
+}
+    .xxl\\:as_center {
+      align-self: center;
+}
+    .xxl\\:as_stretch {
+      align-self: stretch;
 }
     .xxl\\:cg_spacing\\.0 {
       column-gap: var(--spacing-spacing\\.0);
@@ -18233,77 +17507,26 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .xxl\\:cg_xl {
       column-gap: var(--spacing-xl);
 }
-    .xxl\\:cg_button\\.inline {
-      column-gap: var(--spacing-button\\.inline);
-}
-    .xxl\\:cg_button\\.block {
-      column-gap: var(--spacing-button\\.block);
-}
-    .xxl\\:cg_field\\.footer {
-      column-gap: var(--spacing-field\\.footer);
-}
-    .xxl\\:cg_slider\\.tick {
-      column-gap: var(--spacing-slider\\.tick);
-}
-    .xxl\\:cg_-spacing\\.0 {
-      column-gap: calc(var(--spacing-spacing\\.0) * -1);
-}
-    .xxl\\:cg_-spacing\\.1 {
-      column-gap: calc(var(--spacing-spacing\\.1) * -1);
-}
-    .xxl\\:cg_-spacing\\.2 {
-      column-gap: calc(var(--spacing-spacing\\.2) * -1);
-}
-    .xxl\\:cg_-spacing\\.3 {
-      column-gap: calc(var(--spacing-spacing\\.3) * -1);
-}
-    .xxl\\:cg_-spacing\\.4 {
-      column-gap: calc(var(--spacing-spacing\\.4) * -1);
-}
-    .xxl\\:cg_-spacing\\.5 {
-      column-gap: calc(var(--spacing-spacing\\.5) * -1);
-}
-    .xxl\\:cg_-spacing\\.6 {
-      column-gap: calc(var(--spacing-spacing\\.6) * -1);
-}
-    .xxl\\:cg_-spacing\\.7 {
-      column-gap: calc(var(--spacing-spacing\\.7) * -1);
-}
-    .xxl\\:cg_-spacing\\.8 {
-      column-gap: calc(var(--spacing-spacing\\.8) * -1);
-}
-    .xxl\\:cg_-spacing\\.10 {
-      column-gap: calc(var(--spacing-spacing\\.10) * -1);
-}
-    .xxl\\:cg_-none {
-      column-gap: calc(var(--spacing-none) * -1);
-}
-    .xxl\\:cg_-xs {
-      column-gap: calc(var(--spacing-xs) * -1);
-}
-    .xxl\\:cg_-sm {
-      column-gap: calc(var(--spacing-sm) * -1);
-}
-    .xxl\\:cg_-md {
-      column-gap: calc(var(--spacing-md) * -1);
+    .xxl\\:horizontal-align_around {
+      horizontal-align: around;
 }
-    .xxl\\:cg_-lg {
-      column-gap: calc(var(--spacing-lg) * -1);
+    .xxl\\:horizontal-align_between {
+      horizontal-align: between;
 }
-    .xxl\\:cg_-xl {
-      column-gap: calc(var(--spacing-xl) * -1);
+    .xxl\\:horizontal-align_center {
+      horizontal-align: center;
 }
-    .xxl\\:cg_-button\\.inline {
-      column-gap: calc(var(--spacing-button\\.inline) * -1);
+    .xxl\\:horizontal-align_evenly {
+      horizontal-align: evenly;
 }
-    .xxl\\:cg_-button\\.block {
-      column-gap: calc(var(--spacing-button\\.block) * -1);
+    .xxl\\:horizontal-align_left {
+      horizontal-align: left;
 }
-    .xxl\\:cg_-field\\.footer {
-      column-gap: calc(var(--spacing-field\\.footer) * -1);
+    .xxl\\:horizontal-align_right {
+      horizontal-align: right;
 }
-    .xxl\\:cg_-slider\\.tick {
-      column-gap: calc(var(--spacing-slider\\.tick) * -1);
+    .xxl\\:horizontal-align_stretch {
+      horizontal-align: stretch;
 }
     .xxl\\:rg_spacing\\.0 {
       row-gap: var(--spacing-spacing\\.0);
@@ -19398,49 +18621,49 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }`, F = y(
   ({
     children: v,
-    fontFaceUrls: p = [...w],
-    noIcons: e,
+    fontFaceUrls: c = [...w],
+    noIcons: p,
     stylesheetContents: t = {},
     stylesheetUrls: o = [],
     ...x
   }, b) => {
-    const r = _(null), l = _(null), [a, m] = u(null);
-    return g(() => {
+    const r = _(null), l = _(null), [a, m] = h(null);
+    return e(() => {
       if (r.current)
         if (r.current.shadowRoot)
           m(r.current.shadowRoot);
         else {
           const n = r.current.attachShadow({ mode: "open" }), i = document.createElement("style"), s = document.querySelector("meta[name='csp-nonce']")?.getAttribute("content");
           s && i.setAttribute("nonce", s), i.textContent = z, n.appendChild(i);
-          const c = document.createElement("div");
-          n.appendChild(c), l.current = c, m(n);
+          const g = document.createElement("div");
+          n.appendChild(g), l.current = g, m(n);
         }
-    }, []), g(() => {
-      p.forEach((n) => {
+    }, []), e(() => {
+      c.forEach((n) => {
         if (document.head.querySelector(`link[href="${n}"]`))
           return;
         const i = document.createElement("link");
         i.href = n, i.rel = "stylesheet", document.head.appendChild(i);
       });
-    }, [p]), g(() => {
-      if (e || !a) return;
+    }, [c]), e(() => {
+      if (p || !a) return;
       const n = document.createElement("link");
       n.href = "https://cdn.iress.com/icons/5.15.4/css/combined.min.css", n.rel = "stylesheet", a.appendChild(n), document.head.querySelector(`link[href="${n.href}"]`) || document.head.appendChild(n.cloneNode());
-    }, [e, a]), g(() => {
+    }, [p, a]), e(() => {
       a && o.forEach((n) => {
         if (a.querySelector(`link[href="${n}"]`))
           return;
         const i = document.createElement("link");
         i.href = n, i.rel = "stylesheet", a.appendChild(i);
       });
-    }, [a, o]), g(() => {
+    }, [a, o]), e(() => {
       a && Object.entries(t).forEach(([n, i]) => {
         if (a.querySelector(`style[id="${n}"]`))
           return;
-        const s = document.createElement("style"), c = document.querySelector("meta[name='csp-nonce']")?.getAttribute("content");
-        c && s.setAttribute("nonce", c), s.setAttribute("id", n), s.textContent = i, a.appendChild(s);
+        const s = document.createElement("style"), g = document.querySelector("meta[name='csp-nonce']")?.getAttribute("content");
+        g && s.setAttribute("nonce", g), s.setAttribute("id", n), s.textContent = i, a.appendChild(s);
       });
-    }, [a, t]), h(
+    }, [a, t]), u(
       b,
       () => a ?? null
     ), /* @__PURE__ */ d("div", { ref: r, ...x, children: /* @__PURE__ */ d(k, { container: l, noDefaultFont: !0, noIcons: !0, children: a && f(v, a) }) });