@integration-app/react 2.20.0 → 2.22.0

package/dist/styles.css

@@ -19,7 +19,7 @@
     box-sizing: border-box;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--global-color-border, currentColor);
+    border-color: var(--global-color-border, currentcolor);
 }
 
   hr:is([class^="iap"]) {
@@ -77,10 +77,16 @@
 
   ::placeholder:is([class^="iap"]) {
     opacity: 1;
-    --placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);
+    --placeholder-fallback: rgba(0, 0, 0, 0.5);
     color: var(--global-color-placeholder, var(--placeholder-fallback));
 }
 
+  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
+    ::placeholder:is([class^="iap"]) {
+      --placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent);
+}
+}
+
   textarea:is([class^="iap"]) {
     resize: vertical;
 }
@@ -481,6 +487,54 @@
     --iap-colors-gray-dark-a10: #e5edfd7b;
     --iap-colors-gray-dark-a11: #f1f7feb5;
     --iap-colors-gray-dark-a12: #fcfdffef;
+    --iap-colors-indigo-light-1: #fdfdfe;
+    --iap-colors-indigo-light-2: #f7f9ff;
+    --iap-colors-indigo-light-3: #edf2fe;
+    --iap-colors-indigo-light-4: #e1e9ff;
+    --iap-colors-indigo-light-5: #d2deff;
+    --iap-colors-indigo-light-6: #c1d0ff;
+    --iap-colors-indigo-light-7: #abbdf9;
+    --iap-colors-indigo-light-8: #8da4ef;
+    --iap-colors-indigo-light-9: #3e63dd;
+    --iap-colors-indigo-light-10: #3358d4;
+    --iap-colors-indigo-light-11: #3a5bc7;
+    --iap-colors-indigo-light-12: #1f2d5c;
+    --iap-colors-indigo-light-a1: #00008002;
+    --iap-colors-indigo-light-a2: #0040ff08;
+    --iap-colors-indigo-light-a3: #0047f112;
+    --iap-colors-indigo-light-a4: #0044ff1e;
+    --iap-colors-indigo-light-a5: #0044ff2d;
+    --iap-colors-indigo-light-a6: #003eff3e;
+    --iap-colors-indigo-light-a7: #0037ed54;
+    --iap-colors-indigo-light-a8: #0034dc72;
+    --iap-colors-indigo-light-a9: #0031d2c1;
+    --iap-colors-indigo-light-a10: #002ec9cc;
+    --iap-colors-indigo-light-a11: #002bb7c5;
+    --iap-colors-indigo-light-a12: #001046e0;
+    --iap-colors-indigo-dark-1: #11131f;
+    --iap-colors-indigo-dark-2: #141726;
+    --iap-colors-indigo-dark-3: #182449;
+    --iap-colors-indigo-dark-4: #1d2e62;
+    --iap-colors-indigo-dark-5: #253974;
+    --iap-colors-indigo-dark-6: #304384;
+    --iap-colors-indigo-dark-7: #3a4f97;
+    --iap-colors-indigo-dark-8: #435db1;
+    --iap-colors-indigo-dark-9: #3e63dd;
+    --iap-colors-indigo-dark-10: #5472e4;
+    --iap-colors-indigo-dark-11: #9eb1ff;
+    --iap-colors-indigo-dark-12: #d6e1ff;
+    --iap-colors-indigo-dark-a1: #1133ff0f;
+    --iap-colors-indigo-dark-a2: #3354fa17;
+    --iap-colors-indigo-dark-a3: #2f62ff3c;
+    --iap-colors-indigo-dark-a4: #3566ff57;
+    --iap-colors-indigo-dark-a5: #4171fd6b;
+    --iap-colors-indigo-dark-a6: #5178fd7c;
+    --iap-colors-indigo-dark-a7: #5a7fff90;
+    --iap-colors-indigo-dark-a8: #5b81feac;
+    --iap-colors-indigo-dark-a9: #4671ffdb;
+    --iap-colors-indigo-dark-a10: #5c7efee3;
+    --iap-colors-indigo-dark-a11: #9eb1ff;
+    --iap-colors-indigo-dark-a12: #d6e1ff;
     --iap-colors-red-light-1: #fffcfc;
     --iap-colors-red-light-2: #fff7f7;
     --iap-colors-red-light-3: #feebec;
@@ -910,6 +964,34 @@
     --iap-colors-grass-emphasized: var(--iap-colors-grass-10);
     --iap-colors-grass-fg: white;
     --iap-colors-grass-text: var(--iap-colors-grass-a11);
+    --iap-colors-indigo-1: var(--iap-colors-indigo-light-1);
+    --iap-colors-indigo-2: var(--iap-colors-indigo-light-2);
+    --iap-colors-indigo-3: var(--iap-colors-indigo-light-3);
+    --iap-colors-indigo-4: var(--iap-colors-indigo-light-4);
+    --iap-colors-indigo-5: var(--iap-colors-indigo-light-5);
+    --iap-colors-indigo-6: var(--iap-colors-indigo-light-6);
+    --iap-colors-indigo-7: var(--iap-colors-indigo-light-7);
+    --iap-colors-indigo-8: var(--iap-colors-indigo-light-8);
+    --iap-colors-indigo-9: var(--iap-colors-indigo-light-9);
+    --iap-colors-indigo-10: var(--iap-colors-indigo-light-10);
+    --iap-colors-indigo-11: var(--iap-colors-indigo-light-11);
+    --iap-colors-indigo-12: var(--iap-colors-indigo-light-12);
+    --iap-colors-indigo-a1: var(--iap-colors-indigo-light-a1);
+    --iap-colors-indigo-a2: var(--iap-colors-indigo-light-a2);
+    --iap-colors-indigo-a3: var(--iap-colors-indigo-light-a3);
+    --iap-colors-indigo-a4: var(--iap-colors-indigo-light-a4);
+    --iap-colors-indigo-a5: var(--iap-colors-indigo-light-a5);
+    --iap-colors-indigo-a6: var(--iap-colors-indigo-light-a6);
+    --iap-colors-indigo-a7: var(--iap-colors-indigo-light-a7);
+    --iap-colors-indigo-a8: var(--iap-colors-indigo-light-a8);
+    --iap-colors-indigo-a9: var(--iap-colors-indigo-light-a9);
+    --iap-colors-indigo-a10: var(--iap-colors-indigo-light-a10);
+    --iap-colors-indigo-a11: var(--iap-colors-indigo-light-a11);
+    --iap-colors-indigo-a12: var(--iap-colors-indigo-light-a12);
+    --iap-colors-indigo-default: var(--iap-colors-indigo-9);
+    --iap-colors-indigo-emphasized: var(--iap-colors-indigo-10);
+    --iap-colors-indigo-fg: white;
+    --iap-colors-indigo-text: var(--iap-colors-indigo-a11);
     --iap-colors-neutral-1: var(--iap-colors-neutral-light-1);
     --iap-colors-neutral-2: var(--iap-colors-neutral-light-2);
     --iap-colors-neutral-3: var(--iap-colors-neutral-light-3);
@@ -1300,6 +1382,34 @@
     --iap-colors-grass-emphasized: var(--iap-colors-grass-10);
     --iap-colors-grass-fg: white;
     --iap-colors-grass-text: var(--iap-colors-grass-a11);
+    --iap-colors-indigo-1: var(--iap-colors-indigo-dark-1);
+    --iap-colors-indigo-2: var(--iap-colors-indigo-dark-2);
+    --iap-colors-indigo-3: var(--iap-colors-indigo-dark-3);
+    --iap-colors-indigo-4: var(--iap-colors-indigo-dark-4);
+    --iap-colors-indigo-5: var(--iap-colors-indigo-dark-5);
+    --iap-colors-indigo-6: var(--iap-colors-indigo-dark-6);
+    --iap-colors-indigo-7: var(--iap-colors-indigo-dark-7);
+    --iap-colors-indigo-8: var(--iap-colors-indigo-dark-8);
+    --iap-colors-indigo-9: var(--iap-colors-indigo-dark-9);
+    --iap-colors-indigo-10: var(--iap-colors-indigo-dark-10);
+    --iap-colors-indigo-11: var(--iap-colors-indigo-dark-11);
+    --iap-colors-indigo-12: var(--iap-colors-indigo-dark-12);
+    --iap-colors-indigo-a1: var(--iap-colors-indigo-dark-a1);
+    --iap-colors-indigo-a2: var(--iap-colors-indigo-dark-a2);
+    --iap-colors-indigo-a3: var(--iap-colors-indigo-dark-a3);
+    --iap-colors-indigo-a4: var(--iap-colors-indigo-dark-a4);
+    --iap-colors-indigo-a5: var(--iap-colors-indigo-dark-a5);
+    --iap-colors-indigo-a6: var(--iap-colors-indigo-dark-a6);
+    --iap-colors-indigo-a7: var(--iap-colors-indigo-dark-a7);
+    --iap-colors-indigo-a8: var(--iap-colors-indigo-dark-a8);
+    --iap-colors-indigo-a9: var(--iap-colors-indigo-dark-a9);
+    --iap-colors-indigo-a10: var(--iap-colors-indigo-dark-a10);
+    --iap-colors-indigo-a11: var(--iap-colors-indigo-dark-a11);
+    --iap-colors-indigo-a12: var(--iap-colors-indigo-dark-a12);
+    --iap-colors-indigo-default: var(--iap-colors-indigo-9);
+    --iap-colors-indigo-emphasized: var(--iap-colors-indigo-10);
+    --iap-colors-indigo-fg: white;
+    --iap-colors-indigo-text: var(--iap-colors-indigo-a11);
     --iap-colors-neutral-1: var(--iap-colors-neutral-dark-1);
     --iap-colors-neutral-2: var(--iap-colors-neutral-dark-2);
     --iap-colors-neutral-3: var(--iap-colors-neutral-dark-3);
@@ -2439,53 +2549,63 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_outline:is(:hover, [data-hover]) {
-      background: var(--iap-colors-color-palette-a2);
-}
-
-    .iap-button--variant_outline:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
+    .iap-button--variant_outline:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
       background: var(--iap-colors-transparent);
       color: var(--iap-colors-fg-disabled);
       border-color: var(--iap-colors-border-disabled);
+}
 }
 
-    .iap-button--variant_outline:is(:hover, [data-hover]):is([aria-selected=true], [data-selected]) {
+  @media (hover: hover) and (pointer: fine) {
+    .iap-button--variant_outline:is([aria-selected=true], [data-selected]):is(:hover, [data-hover]) {
       background: var(--iap-colors-accent-emphasized);
       border-color: var(--iap-colors-accent-emphasized);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_ghost:is(:hover, [data-hover]) {
-      background: var(--iap-colors-color-palette-a3);
+    .iap-button--variant_outline:is(:hover, [data-hover]) {
+      background: var(--iap-colors-color-palette-a2);
+}
 }
 
-    .iap-button--variant_ghost:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
+  @media (hover: hover) and (pointer: fine) {
+    .iap-button--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
       background: var(--iap-colors-transparent);
       color: var(--iap-colors-fg-disabled);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_subtle:is(:hover, [data-hover]) {
-      background: var(--iap-colors-color-palette-a4);
+    .iap-button--variant_ghost:is(:hover, [data-hover]) {
+      background: var(--iap-colors-color-palette-a3);
+}
 }
 
-    .iap-button--variant_subtle:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
+  @media (hover: hover) and (pointer: fine) {
+    .iap-button--variant_subtle:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
       background: var(--iap-colors-bg-disabled);
       color: var(--iap-colors-fg-disabled);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_solid:is(:hover, [data-hover]) {
-      background: var(--iap-colors-color-palette-emphasized);
+    .iap-button--variant_subtle:is(:hover, [data-hover]) {
+      background: var(--iap-colors-color-palette-a4);
+}
 }
 
-    .iap-button--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
+  @media (hover: hover) and (pointer: fine) {
+    .iap-button--variant_solid:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
       color: var(--iap-colors-fg-disabled);
       background: var(--iap-colors-bg-disabled);
 }
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .iap-button--variant_solid:is(:hover, [data-hover]) {
+      background: var(--iap-colors-color-palette-emphasized);
+}
 }
 }
 
@@ -2796,12 +2916,20 @@
       background: var(--iap-colors-color-palette-fg);
 }
 
+    @media (hover: hover) and (pointer: fine) {
+      .iap-menu__item :where(svg):is(:hover, [data-hover]) {
+        color: var(--iap-colors-fg-default);
+}
+}
+
     @media (hover: hover) and (pointer: fine) {
       .iap-menu__item:is(:hover, [data-hover]) {
         background: var(--iap-colors-bg-muted);
+}
 }
 
-      .iap-menu__item:is(:hover, [data-hover]) :where(svg) {
+    @media (hover: hover) and (pointer: fine) {
+      .iap-menu__triggerItem :where(svg):is(:hover, [data-hover]) {
         color: var(--iap-colors-fg-default);
 }
 }
@@ -2810,10 +2938,6 @@
       .iap-menu__triggerItem:is(:hover, [data-hover]) {
         background: var(--iap-colors-bg-muted);
 }
-
-      .iap-menu__triggerItem:is(:hover, [data-hover]) :where(svg) {
-        color: var(--iap-colors-fg-default);
-}
 }
 }
 
@@ -2908,60 +3032,75 @@
 }
 }
 
-  .iap-p_1\.5 {
-    padding: var(--iap-spacing-1\.5);
+  .iap-w_3 {
+    width: var(--iap-sizes-3);
 }
 
-  .iap-gap_2 {
-    gap: var(--iap-spacing-2);
+  .iap-asp_aspect-square {
+    aspect-ratio: aspect-square;
 }
 
-  .iap-flex_1 {
-    flex: 1 1 0%;
+  .iap-d_flex {
+    display: flex;
 }
 
-  .iap-w_min\(30rem\,_70vw\) {
-    width: min(30rem, 70vw);
+  .iap-trunc_true {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
-  .iap-min-h_14 {
-    min-height: var(--iap-sizes-14);
+  .iap-d_inline-block {
+    display: inline-block;
 }
 
-  .iap-w_fit-content {
-    width: fit-content;
+  .iap-white-space_nowrap {
+    white-space: nowrap;
 }
 
-  .iap-h_fit-content {
-    height: fit-content;
+  .iap-pos_relative {
+    position: relative;
 }
 
-  .iap-bdr_xl {
-    border-radius: var(--iap-radii-xl);
+  .iap-max-w_full {
+    max-width: var(--iap-sizes-full);
 }
 
-  .iap-c_slate\.11 {
-    color: var(--iap-colors-slate-11);
+  .iap-min-h_5 {
+    min-height: var(--iap-sizes-5);
 }
 
-  .iap-px_2 {
-    padding-inline: var(--iap-spacing-2);
+  .iap-gap_0\.5 {
+    gap: var(--iap-spacing-0\.5);
 }
 
-  .iap-py_1 {
-    padding-block: var(--iap-spacing-1);
+  .iap-px_1\.5 {
+    padding-inline: var(--iap-spacing-1\.5);
 }
 
-  .iap-d_flex {
-    display: flex;
+  .iap-py_0\.5 {
+    padding-block: var(--iap-spacing-0\.5);
 }
 
-  .iap---thickness_1px {
-    --thickness: 1px;
+  .iap-bdr_lg {
+    border-radius: var(--iap-radii-lg);
 }
 
-  .iap-w_100\% {
-    width: 100%;
+  .iap-bg_colorPalette\.3 {
+    background: var(--iap-colors-color-palette-3);
+}
+
+  .iap-c_colorPalette\.12 {
+    color: var(--iap-colors-color-palette-12);
+}
+
+  .iap-us_none {
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+  .iap-c_black {
+    color: var(--iap-colors-black);
 }
 
   .iap-color-palette_gray {
@@ -3043,88 +3182,443 @@
     --iap-colors-color-palette-text: var(--iap-colors-gray-text);
 }
 
-  .iap-gap_4 {
-    gap: var(--iap-spacing-4);
-}
-
-  .iap-min-h_16 {
-    min-height: var(--iap-sizes-16);
-}
-
-  .iap-gap_2\.5 {
-    gap: var(--iap-spacing-2\.5);
-}
-
-  .iap-pointer-events_none {
-    pointer-events: none;
-}
-
-  .iap-h_10 {
-    height: var(--iap-sizes-10);
-}
-
-  .iap-min-h_10 {
-    min-height: var(--iap-sizes-10);
-}
-
-  .iap-bdr_md {
-    border-radius: var(--iap-radii-md);
-}
-
-  .iap-w_5\/6 {
-    width: 83.333333%;
-}
-
-  .iap-op_0\.1 {
-    opacity: 0.1;
-}
-
-  .iap-trs_opacity_0\.1s {
-    transition: opacity 0.1s;
-}
-
-  .iap-gap_1 {
-    gap: var(--iap-spacing-1);
-}
-
-  .iap-max-h_full {
-    max-height: var(--iap-sizes-full);
-}
-
-  .iap-ov_scroll {
-    overflow: scroll;
-}
-
-  .iap-m_0 {
-    margin: var(--iap-spacing-0);
-}
-
-  .iap-bdr_sm {
-    border-radius: var(--iap-radii-sm);
-}
-
-  .iap-py_0\.5 {
-    padding-block: var(--iap-spacing-0\.5);
-}
-
-  .iap-px_1 {
-    padding-inline: var(--iap-spacing-1);
-}
-
-  .iap-gap_0\.5 {
-    gap: var(--iap-spacing-0\.5);
+  .iap-color-palette_indigo {
+    --iap-colors-color-palette-light-1: var(--iap-colors-indigo-light-1);
+    --iap-colors-color-palette-light-2: var(--iap-colors-indigo-light-2);
+    --iap-colors-color-palette-light-3: var(--iap-colors-indigo-light-3);
+    --iap-colors-color-palette-light-4: var(--iap-colors-indigo-light-4);
+    --iap-colors-color-palette-light-5: var(--iap-colors-indigo-light-5);
+    --iap-colors-color-palette-light-6: var(--iap-colors-indigo-light-6);
+    --iap-colors-color-palette-light-7: var(--iap-colors-indigo-light-7);
+    --iap-colors-color-palette-light-8: var(--iap-colors-indigo-light-8);
+    --iap-colors-color-palette-light-9: var(--iap-colors-indigo-light-9);
+    --iap-colors-color-palette-light-10: var(--iap-colors-indigo-light-10);
+    --iap-colors-color-palette-light-11: var(--iap-colors-indigo-light-11);
+    --iap-colors-color-palette-light-12: var(--iap-colors-indigo-light-12);
+    --iap-colors-color-palette-light-a1: var(--iap-colors-indigo-light-a1);
+    --iap-colors-color-palette-light-a2: var(--iap-colors-indigo-light-a2);
+    --iap-colors-color-palette-light-a3: var(--iap-colors-indigo-light-a3);
+    --iap-colors-color-palette-light-a4: var(--iap-colors-indigo-light-a4);
+    --iap-colors-color-palette-light-a5: var(--iap-colors-indigo-light-a5);
+    --iap-colors-color-palette-light-a6: var(--iap-colors-indigo-light-a6);
+    --iap-colors-color-palette-light-a7: var(--iap-colors-indigo-light-a7);
+    --iap-colors-color-palette-light-a8: var(--iap-colors-indigo-light-a8);
+    --iap-colors-color-palette-light-a9: var(--iap-colors-indigo-light-a9);
+    --iap-colors-color-palette-light-a10: var(--iap-colors-indigo-light-a10);
+    --iap-colors-color-palette-light-a11: var(--iap-colors-indigo-light-a11);
+    --iap-colors-color-palette-light-a12: var(--iap-colors-indigo-light-a12);
+    --iap-colors-color-palette-dark-1: var(--iap-colors-indigo-dark-1);
+    --iap-colors-color-palette-dark-2: var(--iap-colors-indigo-dark-2);
+    --iap-colors-color-palette-dark-3: var(--iap-colors-indigo-dark-3);
+    --iap-colors-color-palette-dark-4: var(--iap-colors-indigo-dark-4);
+    --iap-colors-color-palette-dark-5: var(--iap-colors-indigo-dark-5);
+    --iap-colors-color-palette-dark-6: var(--iap-colors-indigo-dark-6);
+    --iap-colors-color-palette-dark-7: var(--iap-colors-indigo-dark-7);
+    --iap-colors-color-palette-dark-8: var(--iap-colors-indigo-dark-8);
+    --iap-colors-color-palette-dark-9: var(--iap-colors-indigo-dark-9);
+    --iap-colors-color-palette-dark-10: var(--iap-colors-indigo-dark-10);
+    --iap-colors-color-palette-dark-11: var(--iap-colors-indigo-dark-11);
+    --iap-colors-color-palette-dark-12: var(--iap-colors-indigo-dark-12);
+    --iap-colors-color-palette-dark-a1: var(--iap-colors-indigo-dark-a1);
+    --iap-colors-color-palette-dark-a2: var(--iap-colors-indigo-dark-a2);
+    --iap-colors-color-palette-dark-a3: var(--iap-colors-indigo-dark-a3);
+    --iap-colors-color-palette-dark-a4: var(--iap-colors-indigo-dark-a4);
+    --iap-colors-color-palette-dark-a5: var(--iap-colors-indigo-dark-a5);
+    --iap-colors-color-palette-dark-a6: var(--iap-colors-indigo-dark-a6);
+    --iap-colors-color-palette-dark-a7: var(--iap-colors-indigo-dark-a7);
+    --iap-colors-color-palette-dark-a8: var(--iap-colors-indigo-dark-a8);
+    --iap-colors-color-palette-dark-a9: var(--iap-colors-indigo-dark-a9);
+    --iap-colors-color-palette-dark-a10: var(--iap-colors-indigo-dark-a10);
+    --iap-colors-color-palette-dark-a11: var(--iap-colors-indigo-dark-a11);
+    --iap-colors-color-palette-dark-a12: var(--iap-colors-indigo-dark-a12);
+    --iap-colors-color-palette-1: var(--iap-colors-indigo-1);
+    --iap-colors-color-palette-2: var(--iap-colors-indigo-2);
+    --iap-colors-color-palette-3: var(--iap-colors-indigo-3);
+    --iap-colors-color-palette-4: var(--iap-colors-indigo-4);
+    --iap-colors-color-palette-5: var(--iap-colors-indigo-5);
+    --iap-colors-color-palette-6: var(--iap-colors-indigo-6);
+    --iap-colors-color-palette-7: var(--iap-colors-indigo-7);
+    --iap-colors-color-palette-8: var(--iap-colors-indigo-8);
+    --iap-colors-color-palette-9: var(--iap-colors-indigo-9);
+    --iap-colors-color-palette-10: var(--iap-colors-indigo-10);
+    --iap-colors-color-palette-11: var(--iap-colors-indigo-11);
+    --iap-colors-color-palette-12: var(--iap-colors-indigo-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-indigo-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-indigo-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-indigo-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-indigo-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-indigo-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-indigo-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-indigo-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-indigo-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-indigo-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-indigo-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-indigo-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-indigo-a12);
+    --iap-colors-color-palette-default: var(--iap-colors-indigo-default);
+    --iap-colors-color-palette-emphasized: var(--iap-colors-indigo-emphasized);
+    --iap-colors-color-palette-fg: var(--iap-colors-indigo-fg);
+    --iap-colors-color-palette-text: var(--iap-colors-indigo-text);
 }
 
-  .iap-h_initial {
-    height: initial;
+  .iap-color-palette_blue {
+    --iap-colors-color-palette-light-1: var(--iap-colors-blue-light-1);
+    --iap-colors-color-palette-light-2: var(--iap-colors-blue-light-2);
+    --iap-colors-color-palette-light-3: var(--iap-colors-blue-light-3);
+    --iap-colors-color-palette-light-4: var(--iap-colors-blue-light-4);
+    --iap-colors-color-palette-light-5: var(--iap-colors-blue-light-5);
+    --iap-colors-color-palette-light-6: var(--iap-colors-blue-light-6);
+    --iap-colors-color-palette-light-7: var(--iap-colors-blue-light-7);
+    --iap-colors-color-palette-light-8: var(--iap-colors-blue-light-8);
+    --iap-colors-color-palette-light-9: var(--iap-colors-blue-light-9);
+    --iap-colors-color-palette-light-10: var(--iap-colors-blue-light-10);
+    --iap-colors-color-palette-light-11: var(--iap-colors-blue-light-11);
+    --iap-colors-color-palette-light-12: var(--iap-colors-blue-light-12);
+    --iap-colors-color-palette-light-a1: var(--iap-colors-blue-light-a1);
+    --iap-colors-color-palette-light-a2: var(--iap-colors-blue-light-a2);
+    --iap-colors-color-palette-light-a3: var(--iap-colors-blue-light-a3);
+    --iap-colors-color-palette-light-a4: var(--iap-colors-blue-light-a4);
+    --iap-colors-color-palette-light-a5: var(--iap-colors-blue-light-a5);
+    --iap-colors-color-palette-light-a6: var(--iap-colors-blue-light-a6);
+    --iap-colors-color-palette-light-a7: var(--iap-colors-blue-light-a7);
+    --iap-colors-color-palette-light-a8: var(--iap-colors-blue-light-a8);
+    --iap-colors-color-palette-light-a9: var(--iap-colors-blue-light-a9);
+    --iap-colors-color-palette-light-a10: var(--iap-colors-blue-light-a10);
+    --iap-colors-color-palette-light-a11: var(--iap-colors-blue-light-a11);
+    --iap-colors-color-palette-light-a12: var(--iap-colors-blue-light-a12);
+    --iap-colors-color-palette-dark-1: var(--iap-colors-blue-dark-1);
+    --iap-colors-color-palette-dark-2: var(--iap-colors-blue-dark-2);
+    --iap-colors-color-palette-dark-3: var(--iap-colors-blue-dark-3);
+    --iap-colors-color-palette-dark-4: var(--iap-colors-blue-dark-4);
+    --iap-colors-color-palette-dark-5: var(--iap-colors-blue-dark-5);
+    --iap-colors-color-palette-dark-6: var(--iap-colors-blue-dark-6);
+    --iap-colors-color-palette-dark-7: var(--iap-colors-blue-dark-7);
+    --iap-colors-color-palette-dark-8: var(--iap-colors-blue-dark-8);
+    --iap-colors-color-palette-dark-9: var(--iap-colors-blue-dark-9);
+    --iap-colors-color-palette-dark-10: var(--iap-colors-blue-dark-10);
+    --iap-colors-color-palette-dark-11: var(--iap-colors-blue-dark-11);
+    --iap-colors-color-palette-dark-12: var(--iap-colors-blue-dark-12);
+    --iap-colors-color-palette-dark-a1: var(--iap-colors-blue-dark-a1);
+    --iap-colors-color-palette-dark-a2: var(--iap-colors-blue-dark-a2);
+    --iap-colors-color-palette-dark-a3: var(--iap-colors-blue-dark-a3);
+    --iap-colors-color-palette-dark-a4: var(--iap-colors-blue-dark-a4);
+    --iap-colors-color-palette-dark-a5: var(--iap-colors-blue-dark-a5);
+    --iap-colors-color-palette-dark-a6: var(--iap-colors-blue-dark-a6);
+    --iap-colors-color-palette-dark-a7: var(--iap-colors-blue-dark-a7);
+    --iap-colors-color-palette-dark-a8: var(--iap-colors-blue-dark-a8);
+    --iap-colors-color-palette-dark-a9: var(--iap-colors-blue-dark-a9);
+    --iap-colors-color-palette-dark-a10: var(--iap-colors-blue-dark-a10);
+    --iap-colors-color-palette-dark-a11: var(--iap-colors-blue-dark-a11);
+    --iap-colors-color-palette-dark-a12: var(--iap-colors-blue-dark-a12);
+    --iap-colors-color-palette-1: var(--iap-colors-blue-1);
+    --iap-colors-color-palette-2: var(--iap-colors-blue-2);
+    --iap-colors-color-palette-3: var(--iap-colors-blue-3);
+    --iap-colors-color-palette-4: var(--iap-colors-blue-4);
+    --iap-colors-color-palette-5: var(--iap-colors-blue-5);
+    --iap-colors-color-palette-6: var(--iap-colors-blue-6);
+    --iap-colors-color-palette-7: var(--iap-colors-blue-7);
+    --iap-colors-color-palette-8: var(--iap-colors-blue-8);
+    --iap-colors-color-palette-9: var(--iap-colors-blue-9);
+    --iap-colors-color-palette-10: var(--iap-colors-blue-10);
+    --iap-colors-color-palette-11: var(--iap-colors-blue-11);
+    --iap-colors-color-palette-12: var(--iap-colors-blue-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-blue-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-blue-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-blue-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-blue-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-blue-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-blue-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-blue-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-blue-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-blue-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-blue-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-blue-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-blue-a12);
+    --iap-colors-color-palette-default: var(--iap-colors-blue-default);
+    --iap-colors-color-palette-emphasized: var(--iap-colors-blue-emphasized);
+    --iap-colors-color-palette-fg: var(--iap-colors-blue-fg);
+    --iap-colors-color-palette-text: var(--iap-colors-blue-text);
 }
 
-  .iap-max-w_md {
-    max-width: var(--iap-sizes-md);
+  .iap-color-palette_tomato {
+    --iap-colors-color-palette-light-1: var(--iap-colors-tomato-light-1);
+    --iap-colors-color-palette-light-2: var(--iap-colors-tomato-light-2);
+    --iap-colors-color-palette-light-3: var(--iap-colors-tomato-light-3);
+    --iap-colors-color-palette-light-4: var(--iap-colors-tomato-light-4);
+    --iap-colors-color-palette-light-5: var(--iap-colors-tomato-light-5);
+    --iap-colors-color-palette-light-6: var(--iap-colors-tomato-light-6);
+    --iap-colors-color-palette-light-7: var(--iap-colors-tomato-light-7);
+    --iap-colors-color-palette-light-8: var(--iap-colors-tomato-light-8);
+    --iap-colors-color-palette-light-9: var(--iap-colors-tomato-light-9);
+    --iap-colors-color-palette-light-10: var(--iap-colors-tomato-light-10);
+    --iap-colors-color-palette-light-11: var(--iap-colors-tomato-light-11);
+    --iap-colors-color-palette-light-12: var(--iap-colors-tomato-light-12);
+    --iap-colors-color-palette-light-a1: var(--iap-colors-tomato-light-a1);
+    --iap-colors-color-palette-light-a2: var(--iap-colors-tomato-light-a2);
+    --iap-colors-color-palette-light-a3: var(--iap-colors-tomato-light-a3);
+    --iap-colors-color-palette-light-a4: var(--iap-colors-tomato-light-a4);
+    --iap-colors-color-palette-light-a5: var(--iap-colors-tomato-light-a5);
+    --iap-colors-color-palette-light-a6: var(--iap-colors-tomato-light-a6);
+    --iap-colors-color-palette-light-a7: var(--iap-colors-tomato-light-a7);
+    --iap-colors-color-palette-light-a8: var(--iap-colors-tomato-light-a8);
+    --iap-colors-color-palette-light-a9: var(--iap-colors-tomato-light-a9);
+    --iap-colors-color-palette-light-a10: var(--iap-colors-tomato-light-a10);
+    --iap-colors-color-palette-light-a11: var(--iap-colors-tomato-light-a11);
+    --iap-colors-color-palette-light-a12: var(--iap-colors-tomato-light-a12);
+    --iap-colors-color-palette-dark-1: var(--iap-colors-tomato-dark-1);
+    --iap-colors-color-palette-dark-2: var(--iap-colors-tomato-dark-2);
+    --iap-colors-color-palette-dark-3: var(--iap-colors-tomato-dark-3);
+    --iap-colors-color-palette-dark-4: var(--iap-colors-tomato-dark-4);
+    --iap-colors-color-palette-dark-5: var(--iap-colors-tomato-dark-5);
+    --iap-colors-color-palette-dark-6: var(--iap-colors-tomato-dark-6);
+    --iap-colors-color-palette-dark-7: var(--iap-colors-tomato-dark-7);
+    --iap-colors-color-palette-dark-8: var(--iap-colors-tomato-dark-8);
+    --iap-colors-color-palette-dark-9: var(--iap-colors-tomato-dark-9);
+    --iap-colors-color-palette-dark-10: var(--iap-colors-tomato-dark-10);
+    --iap-colors-color-palette-dark-11: var(--iap-colors-tomato-dark-11);
+    --iap-colors-color-palette-dark-12: var(--iap-colors-tomato-dark-12);
+    --iap-colors-color-palette-dark-a1: var(--iap-colors-tomato-dark-a1);
+    --iap-colors-color-palette-dark-a2: var(--iap-colors-tomato-dark-a2);
+    --iap-colors-color-palette-dark-a3: var(--iap-colors-tomato-dark-a3);
+    --iap-colors-color-palette-dark-a4: var(--iap-colors-tomato-dark-a4);
+    --iap-colors-color-palette-dark-a5: var(--iap-colors-tomato-dark-a5);
+    --iap-colors-color-palette-dark-a6: var(--iap-colors-tomato-dark-a6);
+    --iap-colors-color-palette-dark-a7: var(--iap-colors-tomato-dark-a7);
+    --iap-colors-color-palette-dark-a8: var(--iap-colors-tomato-dark-a8);
+    --iap-colors-color-palette-dark-a9: var(--iap-colors-tomato-dark-a9);
+    --iap-colors-color-palette-dark-a10: var(--iap-colors-tomato-dark-a10);
+    --iap-colors-color-palette-dark-a11: var(--iap-colors-tomato-dark-a11);
+    --iap-colors-color-palette-dark-a12: var(--iap-colors-tomato-dark-a12);
+    --iap-colors-color-palette-1: var(--iap-colors-tomato-1);
+    --iap-colors-color-palette-2: var(--iap-colors-tomato-2);
+    --iap-colors-color-palette-3: var(--iap-colors-tomato-3);
+    --iap-colors-color-palette-4: var(--iap-colors-tomato-4);
+    --iap-colors-color-palette-5: var(--iap-colors-tomato-5);
+    --iap-colors-color-palette-6: var(--iap-colors-tomato-6);
+    --iap-colors-color-palette-7: var(--iap-colors-tomato-7);
+    --iap-colors-color-palette-8: var(--iap-colors-tomato-8);
+    --iap-colors-color-palette-9: var(--iap-colors-tomato-9);
+    --iap-colors-color-palette-10: var(--iap-colors-tomato-10);
+    --iap-colors-color-palette-11: var(--iap-colors-tomato-11);
+    --iap-colors-color-palette-12: var(--iap-colors-tomato-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-tomato-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-tomato-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-tomato-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-tomato-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-tomato-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-tomato-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-tomato-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-tomato-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-tomato-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-tomato-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-tomato-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-tomato-a12);
+    --iap-colors-color-palette-default: var(--iap-colors-tomato-default);
+    --iap-colors-color-palette-emphasized: var(--iap-colors-tomato-emphasized);
+    --iap-colors-color-palette-fg: var(--iap-colors-tomato-fg);
+    --iap-colors-color-palette-text: var(--iap-colors-tomato-text);
 }
 
-  .iap-bdr_lg {
-    border-radius: var(--iap-radii-lg);
+  .iap-c_tomato\.10 {
+    color: var(--iap-colors-tomato-10);
+}
+
+  .iap-bg_transparent\! {
+    background: var(--iap-colors-transparent) !important;
+}
+
+  .iap-pointer-events_none {
+    pointer-events: none;
+}
+
+  .iap-bg_slate\.4 {
+    background: var(--iap-colors-slate-4);
+}
+
+  .iap-cursor_initial {
+    cursor: initial;
+}
+
+  .iap-h_3 {
+    height: var(--iap-sizes-3);
+}
+
+  .iap-min-w_3 {
+    min-width: var(--iap-sizes-3);
+}
+
+  .iap-stk-w_token\(sizes\.0\.5\) {
+    stroke-width: var(--iap-sizes-0\.5);
+}
+
+  .iap-d_none {
+    display: none;
+}
+
+  .iap-pos_absolute {
+    position: absolute;
+}
+
+  .iap-w_7 {
+    width: var(--iap-sizes-7);
+}
+
+  .iap-max-w_1\/2 {
+    max-width: 50%;
+}
+
+  .iap-h_full {
+    height: var(--iap-sizes-full);
+}
+
+  .iap-bg-grad_to-r {
+    --gradient-stops: var(--gradient-via-stops, var(--gradient-from) var(--gradient-from-position), var(--gradient-to) var(--gradient-to-position));
+    --gradient: var(--gradient-via-stops, var(--gradient-stops));
+    background-image: linear-gradient(to right, var(--gradient));
+}
+
+  .iap-grad-from_transparent {
+    --gradient-from: var(--iap-colors-transparent);
+}
+
+  .iap-bdr_sm {
+    border-radius: var(--iap-radii-sm);
+}
+
+  .iap-ring_none {
+    outline: var(--iap-borders-none);
+}
+
+  .iap-d_none\! {
+    display: none !important;
+}
+
+  .iap-d_inline-flex {
+    display: inline-flex;
+}
+
+  .iap-w_fit-content {
+    width: fit-content;
+}
+
+  .iap-w_0 {
+    width: var(--iap-sizes-0);
+}
+
+  .iap-z_1 {
+    z-index: 1;
+}
+
+  .iap-p_1\.5 {
+    padding: var(--iap-spacing-1\.5);
+}
+
+  .iap-gap_2 {
+    gap: var(--iap-spacing-2);
+}
+
+  .iap-flex_1 {
+    flex: 1 1 0%;
+}
+
+  .iap-w_min\(30rem\,_70vw\) {
+    width: min(30rem, 70vw);
+}
+
+  .iap-min-h_14 {
+    min-height: var(--iap-sizes-14);
+}
+
+  .iap-h_fit-content {
+    height: fit-content;
+}
+
+  .iap-bdr_xl {
+    border-radius: var(--iap-radii-xl);
+}
+
+  .iap-c_slate\.11 {
+    color: var(--iap-colors-slate-11);
+}
+
+  .iap-px_2 {
+    padding-inline: var(--iap-spacing-2);
+}
+
+  .iap-py_1 {
+    padding-block: var(--iap-spacing-1);
+}
+
+  .iap---thickness_1px {
+    --thickness: 1px;
+}
+
+  .iap-w_100\% {
+    width: 100%;
+}
+
+  .iap-gap_4 {
+    gap: var(--iap-spacing-4);
+}
+
+  .iap-min-h_16 {
+    min-height: var(--iap-sizes-16);
+}
+
+  .iap-gap_2\.5 {
+    gap: var(--iap-spacing-2\.5);
+}
+
+  .iap-h_10 {
+    height: var(--iap-sizes-10);
+}
+
+  .iap-min-h_10 {
+    min-height: var(--iap-sizes-10);
+}
+
+  .iap-bdr_md {
+    border-radius: var(--iap-radii-md);
+}
+
+  .iap-w_5\/6 {
+    width: 83.333333%;
+}
+
+  .iap-op_0\.1 {
+    opacity: 0.1;
+}
+
+  .iap-trs_opacity_0\.1s {
+    transition: opacity 0.1s;
+}
+
+  .iap-gap_1 {
+    gap: var(--iap-spacing-1);
+}
+
+  .iap-max-h_full {
+    max-height: var(--iap-sizes-full);
+}
+
+  .iap-ov_scroll {
+    overflow: scroll;
+}
+
+  .iap-m_0 {
+    margin: var(--iap-spacing-0);
+}
+
+  .iap-px_1 {
+    padding-inline: var(--iap-spacing-1);
+}
+
+  .iap-h_initial {
+    height: initial;
+}
+
+  .iap-max-w_md {
+    max-width: var(--iap-sizes-md);
 }
 
   .iap-px_3 {
@@ -3175,6 +3669,10 @@
     isolation: isolate;
 }
 
+  .iap-w_full {
+    width: var(--iap-sizes-full);
+}
+
   .iap-d_inline {
     display: inline;
 }
@@ -3191,20 +3689,40 @@
     border-width: 0;
 }
 
-  .iap-w_4 {
-    width: var(--iap-sizes-4);
+  .iap-va_middle {
+    vertical-align: middle;
 }
 
-  .iap-asp_aspect-square {
-    aspect-ratio: aspect-square;
+  .iap-cursor_pointer {
+    cursor: pointer;
 }
 
-  .iap-offset_0 {
-    offset: 0;
+  .iap-bg_slate\.2 {
+    background: var(--iap-colors-slate-2);
 }
 
-  .iap-d_inline-block {
-    display: inline-block;
+  .iap-mx_3px {
+    margin-inline: 3px;
+}
+
+  .iap-min-w_12 {
+    min-width: var(--iap-sizes-12);
+}
+
+  .iap-max-w_2\/6 {
+    max-width: 33.333333%;
+}
+
+  .iap-min-w_10 {
+    min-width: var(--iap-sizes-10);
+}
+
+  .iap-max-w_3\/6 {
+    max-width: 50%;
+}
+
+  .iap-offset_0 {
+    offset: 0;
 }
 
   .iap-cursor_help {
@@ -3235,22 +3753,10 @@
     cursor: default;
 }
 
-  .iap-pos_relative {
-    position: relative;
-}
-
-  .iap-pos_absolute {
-    position: absolute;
-}
-
   .iap-inset_0 {
     inset: var(--iap-spacing-0);
 }
 
-  .iap-w_full {
-    width: var(--iap-sizes-full);
-}
-
   .iap-op_0 {
     opacity: 0;
 }
@@ -3303,10 +3809,6 @@
     color: var(--iap-colors-neutral-9);
 }
 
-  .iap-w_3 {
-    width: var(--iap-sizes-3);
-}
-
   .iap-h_4 {
     height: var(--iap-sizes-4);
 }
@@ -3319,16 +3821,90 @@
     height: var(--iap-sizes-5);
 }
 
-  .iap-w_14rem {
-    width: 14rem;
+  .iap-c_slate\.12 {
+    color: var(--iap-colors-slate-12);
 }
 
-  .iap-w_49\% {
-    width: 49%;
+  .iap-py_4 {
+    padding-block: var(--iap-spacing-4);
 }
 
-  .iap-px_1\.5 {
-    padding-inline: var(--iap-spacing-1\.5);
+  .iap-bd_1px {
+    border: 1px;
+}
+
+  .iap-c_slate\.10 {
+    color: var(--iap-colors-slate-10);
+}
+
+  .iap-min-h_8\.5 {
+    min-height: 8.5px;
+}
+
+  .iap-bg_white {
+    background: var(--iap-colors-white);
+}
+
+  .iap-min-w_40 {
+    min-width: var(--iap-sizes-40);
+}
+
+  .iap-px_0 {
+    padding-inline: var(--iap-spacing-0);
+}
+
+  .iap-py_0 {
+    padding-block: var(--iap-spacing-0);
+}
+
+  .iap-c_neutral\.10 {
+    color: var(--iap-colors-neutral-10);
+}
+
+  .iap-bg_slate\.1 {
+    background: var(--iap-colors-slate-1);
+}
+
+  .iap-ov_hidden {
+    overflow: hidden;
+}
+
+  .iap-trs_all {
+    transition-property: var(--transition-prop, all);
+    transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
+    transition-duration: var(--transition-duration, 150ms);
+}
+
+  .iap-bdr_token\(sizes\.2\.5\) {
+    border-radius: var(--iap-sizes-2\.5);
+}
+
+  .iap-max-w_fit-content {
+    max-width: fit-content;
+}
+
+  .iap-white-space_normal {
+    white-space: normal;
+}
+
+  .iap-w_4 {
+    width: var(--iap-sizes-4);
+}
+
+  .iap-w_2 {
+    width: var(--iap-sizes-2);
+}
+
+  .iap-h_2 {
+    height: var(--iap-sizes-2);
+}
+
+  .iap-bg_tomato\.10 {
+    background: var(--iap-colors-tomato-10);
+}
+
+  .iap-bdr_full {
+    border-radius: var(--iap-radii-full);
 }
 
   .iap-h_6 {
@@ -3367,14 +3943,6 @@
     color: var(--iap-colors-white);
 }
 
-  .iap-bg_white {
-    background: var(--iap-colors-white);
-}
-
-  .iap-bdr_full {
-    border-radius: var(--iap-radii-full);
-}
-
   .iap-max-h_initial {
     max-height: initial;
 }
@@ -3433,10 +4001,6 @@
     background: var(--iap-colors-neutral-1);
 }
 
-  .iap-white-space_nowrap {
-    white-space: nowrap;
-}
-
   .iap-bg_transparent {
     background: var(--iap-colors-transparent);
 }
@@ -3449,16 +4013,6 @@
     height: var(--iap-sizes-9);
 }
 
-  .iap-trs_all {
-    transition-property: var(--transition-prop, all);
-    transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
-    transition-duration: var(--transition-duration, 150ms);
-}
-
-  .iap-c_black {
-    color: var(--iap-colors-black);
-}
-
   .iap-d_grid {
     display: grid;
 }
@@ -3471,10 +4025,6 @@
     background: var(--iap-colors-black);
 }
 
-  .iap-max-w_full {
-    max-width: var(--iap-sizes-full);
-}
-
   .iap-bg_neutral\.3\! {
     background: var(--iap-colors-neutral-3) !important;
 }
@@ -3483,15 +4033,6 @@
     background: var(--iap-colors-black) !important;
 }
 
-  .iap-trunc_true {
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-  .iap-trunc_true,.iap-ov_hidden {
-    overflow: hidden;
-}
-
   .iap-bx-sh_xl {
     box-shadow: var(--iap-shadows-xl);
 }
@@ -3504,10 +4045,6 @@
     max-height: var(--available-height);
 }
 
-  .iap-h_full {
-    height: var(--iap-sizes-full);
-}
-
   .iap-min-w_56 {
     min-width: var(--iap-sizes-56);
 }
@@ -3560,10 +4097,6 @@
     gap: var(--iap-spacing-1\.5);
 }
 
-  .iap-cursor_pointer {
-    cursor: pointer;
-}
-
   .iap-min-h_6 {
     min-height: var(--iap-sizes-6);
 }
@@ -3592,34 +4125,14 @@
     text-align: right;
 }
 
-  .iap-bg_slate\.2 {
-    background: var(--iap-colors-slate-2);
-}
-
-  .iap-c_slate\.12 {
-    color: var(--iap-colors-slate-12);
-}
-
-  .iap-c_tomato\.10 {
-    color: var(--iap-colors-tomato-10);
-}
-
   .iap-h_7 {
     height: var(--iap-sizes-7);
 }
 
-  .iap-w_7 {
-    width: var(--iap-sizes-7);
-}
-
   .iap-c_fg\.default {
     color: var(--iap-colors-fg-default);
 }
 
-  .iap-d_inline-flex {
-    display: inline-flex;
-}
-
   .iap-trf_translate\(-50\%\,_-50\%\) {
     transform: translate(-50%, -50%);
 }
@@ -3628,10 +4141,6 @@
     inset-inline-start: 50%;
 }
 
-  .iap-px_0 {
-    padding-inline: var(--iap-spacing-0);
-}
-
   .iap-anim_fade-in {
     animation: var(--iap-animations-fade-in);
 }
@@ -3773,135 +4282,56 @@
 
   .iap-color-palette_amber\.light {
     --iap-colors-color-palette-1: var(--iap-colors-amber-light-1);
-    --iap-colors-color-palette-2: var(--iap-colors-amber-light-2);
-    --iap-colors-color-palette-3: var(--iap-colors-amber-light-3);
-    --iap-colors-color-palette-4: var(--iap-colors-amber-light-4);
-    --iap-colors-color-palette-5: var(--iap-colors-amber-light-5);
-    --iap-colors-color-palette-6: var(--iap-colors-amber-light-6);
-    --iap-colors-color-palette-7: var(--iap-colors-amber-light-7);
-    --iap-colors-color-palette-8: var(--iap-colors-amber-light-8);
-    --iap-colors-color-palette-9: var(--iap-colors-amber-light-9);
-    --iap-colors-color-palette-10: var(--iap-colors-amber-light-10);
-    --iap-colors-color-palette-11: var(--iap-colors-amber-light-11);
-    --iap-colors-color-palette-12: var(--iap-colors-amber-light-12);
-    --iap-colors-color-palette-a1: var(--iap-colors-amber-light-a1);
-    --iap-colors-color-palette-a2: var(--iap-colors-amber-light-a2);
-    --iap-colors-color-palette-a3: var(--iap-colors-amber-light-a3);
-    --iap-colors-color-palette-a4: var(--iap-colors-amber-light-a4);
-    --iap-colors-color-palette-a5: var(--iap-colors-amber-light-a5);
-    --iap-colors-color-palette-a6: var(--iap-colors-amber-light-a6);
-    --iap-colors-color-palette-a7: var(--iap-colors-amber-light-a7);
-    --iap-colors-color-palette-a8: var(--iap-colors-amber-light-a8);
-    --iap-colors-color-palette-a9: var(--iap-colors-amber-light-a9);
-    --iap-colors-color-palette-a10: var(--iap-colors-amber-light-a10);
-    --iap-colors-color-palette-a11: var(--iap-colors-amber-light-a11);
-    --iap-colors-color-palette-a12: var(--iap-colors-amber-light-a12);
-}
-
-  .iap-color-palette_amber\.dark {
-    --iap-colors-color-palette-1: var(--iap-colors-amber-dark-1);
-    --iap-colors-color-palette-2: var(--iap-colors-amber-dark-2);
-    --iap-colors-color-palette-3: var(--iap-colors-amber-dark-3);
-    --iap-colors-color-palette-4: var(--iap-colors-amber-dark-4);
-    --iap-colors-color-palette-5: var(--iap-colors-amber-dark-5);
-    --iap-colors-color-palette-6: var(--iap-colors-amber-dark-6);
-    --iap-colors-color-palette-7: var(--iap-colors-amber-dark-7);
-    --iap-colors-color-palette-8: var(--iap-colors-amber-dark-8);
-    --iap-colors-color-palette-9: var(--iap-colors-amber-dark-9);
-    --iap-colors-color-palette-10: var(--iap-colors-amber-dark-10);
-    --iap-colors-color-palette-11: var(--iap-colors-amber-dark-11);
-    --iap-colors-color-palette-12: var(--iap-colors-amber-dark-12);
-    --iap-colors-color-palette-a1: var(--iap-colors-amber-dark-a1);
-    --iap-colors-color-palette-a2: var(--iap-colors-amber-dark-a2);
-    --iap-colors-color-palette-a3: var(--iap-colors-amber-dark-a3);
-    --iap-colors-color-palette-a4: var(--iap-colors-amber-dark-a4);
-    --iap-colors-color-palette-a5: var(--iap-colors-amber-dark-a5);
-    --iap-colors-color-palette-a6: var(--iap-colors-amber-dark-a6);
-    --iap-colors-color-palette-a7: var(--iap-colors-amber-dark-a7);
-    --iap-colors-color-palette-a8: var(--iap-colors-amber-dark-a8);
-    --iap-colors-color-palette-a9: var(--iap-colors-amber-dark-a9);
-    --iap-colors-color-palette-a10: var(--iap-colors-amber-dark-a10);
-    --iap-colors-color-palette-a11: var(--iap-colors-amber-dark-a11);
-    --iap-colors-color-palette-a12: var(--iap-colors-amber-dark-a12);
-}
-
-  .iap-color-palette_blue {
-    --iap-colors-color-palette-light-1: var(--iap-colors-blue-light-1);
-    --iap-colors-color-palette-light-2: var(--iap-colors-blue-light-2);
-    --iap-colors-color-palette-light-3: var(--iap-colors-blue-light-3);
-    --iap-colors-color-palette-light-4: var(--iap-colors-blue-light-4);
-    --iap-colors-color-palette-light-5: var(--iap-colors-blue-light-5);
-    --iap-colors-color-palette-light-6: var(--iap-colors-blue-light-6);
-    --iap-colors-color-palette-light-7: var(--iap-colors-blue-light-7);
-    --iap-colors-color-palette-light-8: var(--iap-colors-blue-light-8);
-    --iap-colors-color-palette-light-9: var(--iap-colors-blue-light-9);
-    --iap-colors-color-palette-light-10: var(--iap-colors-blue-light-10);
-    --iap-colors-color-palette-light-11: var(--iap-colors-blue-light-11);
-    --iap-colors-color-palette-light-12: var(--iap-colors-blue-light-12);
-    --iap-colors-color-palette-light-a1: var(--iap-colors-blue-light-a1);
-    --iap-colors-color-palette-light-a2: var(--iap-colors-blue-light-a2);
-    --iap-colors-color-palette-light-a3: var(--iap-colors-blue-light-a3);
-    --iap-colors-color-palette-light-a4: var(--iap-colors-blue-light-a4);
-    --iap-colors-color-palette-light-a5: var(--iap-colors-blue-light-a5);
-    --iap-colors-color-palette-light-a6: var(--iap-colors-blue-light-a6);
-    --iap-colors-color-palette-light-a7: var(--iap-colors-blue-light-a7);
-    --iap-colors-color-palette-light-a8: var(--iap-colors-blue-light-a8);
-    --iap-colors-color-palette-light-a9: var(--iap-colors-blue-light-a9);
-    --iap-colors-color-palette-light-a10: var(--iap-colors-blue-light-a10);
-    --iap-colors-color-palette-light-a11: var(--iap-colors-blue-light-a11);
-    --iap-colors-color-palette-light-a12: var(--iap-colors-blue-light-a12);
-    --iap-colors-color-palette-dark-1: var(--iap-colors-blue-dark-1);
-    --iap-colors-color-palette-dark-2: var(--iap-colors-blue-dark-2);
-    --iap-colors-color-palette-dark-3: var(--iap-colors-blue-dark-3);
-    --iap-colors-color-palette-dark-4: var(--iap-colors-blue-dark-4);
-    --iap-colors-color-palette-dark-5: var(--iap-colors-blue-dark-5);
-    --iap-colors-color-palette-dark-6: var(--iap-colors-blue-dark-6);
-    --iap-colors-color-palette-dark-7: var(--iap-colors-blue-dark-7);
-    --iap-colors-color-palette-dark-8: var(--iap-colors-blue-dark-8);
-    --iap-colors-color-palette-dark-9: var(--iap-colors-blue-dark-9);
-    --iap-colors-color-palette-dark-10: var(--iap-colors-blue-dark-10);
-    --iap-colors-color-palette-dark-11: var(--iap-colors-blue-dark-11);
-    --iap-colors-color-palette-dark-12: var(--iap-colors-blue-dark-12);
-    --iap-colors-color-palette-dark-a1: var(--iap-colors-blue-dark-a1);
-    --iap-colors-color-palette-dark-a2: var(--iap-colors-blue-dark-a2);
-    --iap-colors-color-palette-dark-a3: var(--iap-colors-blue-dark-a3);
-    --iap-colors-color-palette-dark-a4: var(--iap-colors-blue-dark-a4);
-    --iap-colors-color-palette-dark-a5: var(--iap-colors-blue-dark-a5);
-    --iap-colors-color-palette-dark-a6: var(--iap-colors-blue-dark-a6);
-    --iap-colors-color-palette-dark-a7: var(--iap-colors-blue-dark-a7);
-    --iap-colors-color-palette-dark-a8: var(--iap-colors-blue-dark-a8);
-    --iap-colors-color-palette-dark-a9: var(--iap-colors-blue-dark-a9);
-    --iap-colors-color-palette-dark-a10: var(--iap-colors-blue-dark-a10);
-    --iap-colors-color-palette-dark-a11: var(--iap-colors-blue-dark-a11);
-    --iap-colors-color-palette-dark-a12: var(--iap-colors-blue-dark-a12);
-    --iap-colors-color-palette-1: var(--iap-colors-blue-1);
-    --iap-colors-color-palette-2: var(--iap-colors-blue-2);
-    --iap-colors-color-palette-3: var(--iap-colors-blue-3);
-    --iap-colors-color-palette-4: var(--iap-colors-blue-4);
-    --iap-colors-color-palette-5: var(--iap-colors-blue-5);
-    --iap-colors-color-palette-6: var(--iap-colors-blue-6);
-    --iap-colors-color-palette-7: var(--iap-colors-blue-7);
-    --iap-colors-color-palette-8: var(--iap-colors-blue-8);
-    --iap-colors-color-palette-9: var(--iap-colors-blue-9);
-    --iap-colors-color-palette-10: var(--iap-colors-blue-10);
-    --iap-colors-color-palette-11: var(--iap-colors-blue-11);
-    --iap-colors-color-palette-12: var(--iap-colors-blue-12);
-    --iap-colors-color-palette-a1: var(--iap-colors-blue-a1);
-    --iap-colors-color-palette-a2: var(--iap-colors-blue-a2);
-    --iap-colors-color-palette-a3: var(--iap-colors-blue-a3);
-    --iap-colors-color-palette-a4: var(--iap-colors-blue-a4);
-    --iap-colors-color-palette-a5: var(--iap-colors-blue-a5);
-    --iap-colors-color-palette-a6: var(--iap-colors-blue-a6);
-    --iap-colors-color-palette-a7: var(--iap-colors-blue-a7);
-    --iap-colors-color-palette-a8: var(--iap-colors-blue-a8);
-    --iap-colors-color-palette-a9: var(--iap-colors-blue-a9);
-    --iap-colors-color-palette-a10: var(--iap-colors-blue-a10);
-    --iap-colors-color-palette-a11: var(--iap-colors-blue-a11);
-    --iap-colors-color-palette-a12: var(--iap-colors-blue-a12);
-    --iap-colors-color-palette-default: var(--iap-colors-blue-default);
-    --iap-colors-color-palette-emphasized: var(--iap-colors-blue-emphasized);
-    --iap-colors-color-palette-fg: var(--iap-colors-blue-fg);
-    --iap-colors-color-palette-text: var(--iap-colors-blue-text);
+    --iap-colors-color-palette-2: var(--iap-colors-amber-light-2);
+    --iap-colors-color-palette-3: var(--iap-colors-amber-light-3);
+    --iap-colors-color-palette-4: var(--iap-colors-amber-light-4);
+    --iap-colors-color-palette-5: var(--iap-colors-amber-light-5);
+    --iap-colors-color-palette-6: var(--iap-colors-amber-light-6);
+    --iap-colors-color-palette-7: var(--iap-colors-amber-light-7);
+    --iap-colors-color-palette-8: var(--iap-colors-amber-light-8);
+    --iap-colors-color-palette-9: var(--iap-colors-amber-light-9);
+    --iap-colors-color-palette-10: var(--iap-colors-amber-light-10);
+    --iap-colors-color-palette-11: var(--iap-colors-amber-light-11);
+    --iap-colors-color-palette-12: var(--iap-colors-amber-light-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-amber-light-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-amber-light-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-amber-light-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-amber-light-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-amber-light-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-amber-light-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-amber-light-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-amber-light-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-amber-light-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-amber-light-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-amber-light-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-amber-light-a12);
+}
+
+  .iap-color-palette_amber\.dark {
+    --iap-colors-color-palette-1: var(--iap-colors-amber-dark-1);
+    --iap-colors-color-palette-2: var(--iap-colors-amber-dark-2);
+    --iap-colors-color-palette-3: var(--iap-colors-amber-dark-3);
+    --iap-colors-color-palette-4: var(--iap-colors-amber-dark-4);
+    --iap-colors-color-palette-5: var(--iap-colors-amber-dark-5);
+    --iap-colors-color-palette-6: var(--iap-colors-amber-dark-6);
+    --iap-colors-color-palette-7: var(--iap-colors-amber-dark-7);
+    --iap-colors-color-palette-8: var(--iap-colors-amber-dark-8);
+    --iap-colors-color-palette-9: var(--iap-colors-amber-dark-9);
+    --iap-colors-color-palette-10: var(--iap-colors-amber-dark-10);
+    --iap-colors-color-palette-11: var(--iap-colors-amber-dark-11);
+    --iap-colors-color-palette-12: var(--iap-colors-amber-dark-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-amber-dark-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-amber-dark-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-amber-dark-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-amber-dark-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-amber-dark-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-amber-dark-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-amber-dark-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-amber-dark-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-amber-dark-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-amber-dark-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-amber-dark-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-amber-dark-a12);
 }
 
   .iap-color-palette_blue\.light {
@@ -4145,6 +4575,60 @@
     --iap-colors-color-palette-a12: var(--iap-colors-gray-dark-a12);
 }
 
+  .iap-color-palette_indigo\.light {
+    --iap-colors-color-palette-1: var(--iap-colors-indigo-light-1);
+    --iap-colors-color-palette-2: var(--iap-colors-indigo-light-2);
+    --iap-colors-color-palette-3: var(--iap-colors-indigo-light-3);
+    --iap-colors-color-palette-4: var(--iap-colors-indigo-light-4);
+    --iap-colors-color-palette-5: var(--iap-colors-indigo-light-5);
+    --iap-colors-color-palette-6: var(--iap-colors-indigo-light-6);
+    --iap-colors-color-palette-7: var(--iap-colors-indigo-light-7);
+    --iap-colors-color-palette-8: var(--iap-colors-indigo-light-8);
+    --iap-colors-color-palette-9: var(--iap-colors-indigo-light-9);
+    --iap-colors-color-palette-10: var(--iap-colors-indigo-light-10);
+    --iap-colors-color-palette-11: var(--iap-colors-indigo-light-11);
+    --iap-colors-color-palette-12: var(--iap-colors-indigo-light-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-indigo-light-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-indigo-light-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-indigo-light-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-indigo-light-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-indigo-light-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-indigo-light-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-indigo-light-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-indigo-light-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-indigo-light-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-indigo-light-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-indigo-light-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-indigo-light-a12);
+}
+
+  .iap-color-palette_indigo\.dark {
+    --iap-colors-color-palette-1: var(--iap-colors-indigo-dark-1);
+    --iap-colors-color-palette-2: var(--iap-colors-indigo-dark-2);
+    --iap-colors-color-palette-3: var(--iap-colors-indigo-dark-3);
+    --iap-colors-color-palette-4: var(--iap-colors-indigo-dark-4);
+    --iap-colors-color-palette-5: var(--iap-colors-indigo-dark-5);
+    --iap-colors-color-palette-6: var(--iap-colors-indigo-dark-6);
+    --iap-colors-color-palette-7: var(--iap-colors-indigo-dark-7);
+    --iap-colors-color-palette-8: var(--iap-colors-indigo-dark-8);
+    --iap-colors-color-palette-9: var(--iap-colors-indigo-dark-9);
+    --iap-colors-color-palette-10: var(--iap-colors-indigo-dark-10);
+    --iap-colors-color-palette-11: var(--iap-colors-indigo-dark-11);
+    --iap-colors-color-palette-12: var(--iap-colors-indigo-dark-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-indigo-dark-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-indigo-dark-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-indigo-dark-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-indigo-dark-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-indigo-dark-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-indigo-dark-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-indigo-dark-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-indigo-dark-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-indigo-dark-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-indigo-dark-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-indigo-dark-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-indigo-dark-a12);
+}
+
   .iap-color-palette_red {
     --iap-colors-color-palette-light-1: var(--iap-colors-red-light-1);
     --iap-colors-color-palette-light-2: var(--iap-colors-red-light-2);
@@ -4411,85 +4895,6 @@
     --iap-colors-color-palette-a12: var(--iap-colors-slate-dark-a12);
 }
 
-  .iap-color-palette_tomato {
-    --iap-colors-color-palette-light-1: var(--iap-colors-tomato-light-1);
-    --iap-colors-color-palette-light-2: var(--iap-colors-tomato-light-2);
-    --iap-colors-color-palette-light-3: var(--iap-colors-tomato-light-3);
-    --iap-colors-color-palette-light-4: var(--iap-colors-tomato-light-4);
-    --iap-colors-color-palette-light-5: var(--iap-colors-tomato-light-5);
-    --iap-colors-color-palette-light-6: var(--iap-colors-tomato-light-6);
-    --iap-colors-color-palette-light-7: var(--iap-colors-tomato-light-7);
-    --iap-colors-color-palette-light-8: var(--iap-colors-tomato-light-8);
-    --iap-colors-color-palette-light-9: var(--iap-colors-tomato-light-9);
-    --iap-colors-color-palette-light-10: var(--iap-colors-tomato-light-10);
-    --iap-colors-color-palette-light-11: var(--iap-colors-tomato-light-11);
-    --iap-colors-color-palette-light-12: var(--iap-colors-tomato-light-12);
-    --iap-colors-color-palette-light-a1: var(--iap-colors-tomato-light-a1);
-    --iap-colors-color-palette-light-a2: var(--iap-colors-tomato-light-a2);
-    --iap-colors-color-palette-light-a3: var(--iap-colors-tomato-light-a3);
-    --iap-colors-color-palette-light-a4: var(--iap-colors-tomato-light-a4);
-    --iap-colors-color-palette-light-a5: var(--iap-colors-tomato-light-a5);
-    --iap-colors-color-palette-light-a6: var(--iap-colors-tomato-light-a6);
-    --iap-colors-color-palette-light-a7: var(--iap-colors-tomato-light-a7);
-    --iap-colors-color-palette-light-a8: var(--iap-colors-tomato-light-a8);
-    --iap-colors-color-palette-light-a9: var(--iap-colors-tomato-light-a9);
-    --iap-colors-color-palette-light-a10: var(--iap-colors-tomato-light-a10);
-    --iap-colors-color-palette-light-a11: var(--iap-colors-tomato-light-a11);
-    --iap-colors-color-palette-light-a12: var(--iap-colors-tomato-light-a12);
-    --iap-colors-color-palette-dark-1: var(--iap-colors-tomato-dark-1);
-    --iap-colors-color-palette-dark-2: var(--iap-colors-tomato-dark-2);
-    --iap-colors-color-palette-dark-3: var(--iap-colors-tomato-dark-3);
-    --iap-colors-color-palette-dark-4: var(--iap-colors-tomato-dark-4);
-    --iap-colors-color-palette-dark-5: var(--iap-colors-tomato-dark-5);
-    --iap-colors-color-palette-dark-6: var(--iap-colors-tomato-dark-6);
-    --iap-colors-color-palette-dark-7: var(--iap-colors-tomato-dark-7);
-    --iap-colors-color-palette-dark-8: var(--iap-colors-tomato-dark-8);
-    --iap-colors-color-palette-dark-9: var(--iap-colors-tomato-dark-9);
-    --iap-colors-color-palette-dark-10: var(--iap-colors-tomato-dark-10);
-    --iap-colors-color-palette-dark-11: var(--iap-colors-tomato-dark-11);
-    --iap-colors-color-palette-dark-12: var(--iap-colors-tomato-dark-12);
-    --iap-colors-color-palette-dark-a1: var(--iap-colors-tomato-dark-a1);
-    --iap-colors-color-palette-dark-a2: var(--iap-colors-tomato-dark-a2);
-    --iap-colors-color-palette-dark-a3: var(--iap-colors-tomato-dark-a3);
-    --iap-colors-color-palette-dark-a4: var(--iap-colors-tomato-dark-a4);
-    --iap-colors-color-palette-dark-a5: var(--iap-colors-tomato-dark-a5);
-    --iap-colors-color-palette-dark-a6: var(--iap-colors-tomato-dark-a6);
-    --iap-colors-color-palette-dark-a7: var(--iap-colors-tomato-dark-a7);
-    --iap-colors-color-palette-dark-a8: var(--iap-colors-tomato-dark-a8);
-    --iap-colors-color-palette-dark-a9: var(--iap-colors-tomato-dark-a9);
-    --iap-colors-color-palette-dark-a10: var(--iap-colors-tomato-dark-a10);
-    --iap-colors-color-palette-dark-a11: var(--iap-colors-tomato-dark-a11);
-    --iap-colors-color-palette-dark-a12: var(--iap-colors-tomato-dark-a12);
-    --iap-colors-color-palette-1: var(--iap-colors-tomato-1);
-    --iap-colors-color-palette-2: var(--iap-colors-tomato-2);
-    --iap-colors-color-palette-3: var(--iap-colors-tomato-3);
-    --iap-colors-color-palette-4: var(--iap-colors-tomato-4);
-    --iap-colors-color-palette-5: var(--iap-colors-tomato-5);
-    --iap-colors-color-palette-6: var(--iap-colors-tomato-6);
-    --iap-colors-color-palette-7: var(--iap-colors-tomato-7);
-    --iap-colors-color-palette-8: var(--iap-colors-tomato-8);
-    --iap-colors-color-palette-9: var(--iap-colors-tomato-9);
-    --iap-colors-color-palette-10: var(--iap-colors-tomato-10);
-    --iap-colors-color-palette-11: var(--iap-colors-tomato-11);
-    --iap-colors-color-palette-12: var(--iap-colors-tomato-12);
-    --iap-colors-color-palette-a1: var(--iap-colors-tomato-a1);
-    --iap-colors-color-palette-a2: var(--iap-colors-tomato-a2);
-    --iap-colors-color-palette-a3: var(--iap-colors-tomato-a3);
-    --iap-colors-color-palette-a4: var(--iap-colors-tomato-a4);
-    --iap-colors-color-palette-a5: var(--iap-colors-tomato-a5);
-    --iap-colors-color-palette-a6: var(--iap-colors-tomato-a6);
-    --iap-colors-color-palette-a7: var(--iap-colors-tomato-a7);
-    --iap-colors-color-palette-a8: var(--iap-colors-tomato-a8);
-    --iap-colors-color-palette-a9: var(--iap-colors-tomato-a9);
-    --iap-colors-color-palette-a10: var(--iap-colors-tomato-a10);
-    --iap-colors-color-palette-a11: var(--iap-colors-tomato-a11);
-    --iap-colors-color-palette-a12: var(--iap-colors-tomato-a12);
-    --iap-colors-color-palette-default: var(--iap-colors-tomato-default);
-    --iap-colors-color-palette-emphasized: var(--iap-colors-tomato-emphasized);
-    --iap-colors-color-palette-fg: var(--iap-colors-tomato-fg);
-    --iap-colors-color-palette-text: var(--iap-colors-tomato-text);
-}
-
   .iap-color-palette_tomato\.light {
     --iap-colors-color-palette-1: var(--iap-colors-tomato-light-1);
     --iap-colors-color-palette-2: var(--iap-colors-tomato-light-2);
@@ -4866,6 +5271,98 @@
     --iap-colors-color-palette-text: var(--iap-colors-primary-text);
 }
 
+  .iap-flex-d_row {
+    flex-direction: row;
+}
+
+  .iap-flex-wrap_nowrap {
+    flex-wrap: nowrap;
+}
+
+  .iap-ai_center {
+    align-items: center;
+}
+
+  .iap-fs_token\(sizes\.3\) {
+    font-size: var(--iap-sizes-3);
+}
+
+  .iap-lh_token\(sizes\.4\) {
+    line-height: var(--iap-sizes-4);
+}
+
+  .iap-flex-sh_0 {
+    flex-shrink: 0;
+}
+
+  .iap-flex-g_0 {
+    flex-grow: 0;
+}
+
+  .iap-mb_0\.5 {
+    margin-bottom: var(--iap-spacing-0\.5);
+}
+
+  .iap-jc_start {
+    justify-content: start;
+}
+
+  .iap-bd-w_1px {
+    border-width: 1px;
+}
+
+  .iap-border-style_solid {
+    border-style: solid;
+}
+
+  .iap-fw_medium {
+    font-weight: var(--iap-font-weights-medium);
+}
+
+  .iap-bd-c_colorPalette\.4 {
+    border-color: var(--iap-colors-color-palette-4);
+}
+
+  .iap-bd-c_transparent\! {
+    border-color: var(--iap-colors-transparent) !important;
+}
+
+  .iap-bd-c_slate\.5 {
+    border-color: var(--iap-colors-slate-5);
+}
+
+  .iap-jc_flex-end {
+    justify-content: flex-end;
+}
+
+  .iap-right_1 {
+    right: var(--iap-spacing-1);
+}
+
+  .iap-bdr-tr_md {
+    border-top-right-radius: var(--iap-radii-md);
+}
+
+  .iap-bdr-br_md {
+    border-bottom-right-radius: var(--iap-radii-md);
+}
+
+  .iap-top_0 {
+    top: var(--iap-spacing-0);
+}
+
+  .iap-left_full {
+    left: full;
+}
+
+  .iap-bottom_0 {
+    bottom: var(--iap-spacing-0);
+}
+
+  .iap-mr_0 {
+    margin-right: var(--iap-spacing-0);
+}
+
   .iap-flex-d_column {
     flex-direction: column;
 }
@@ -4882,7 +5379,7 @@
     margin-top: var(--iap-spacing-1);
 }
 
-  .iap-border-block-end-width_var\(--thickness\) {
+  .iap-bd-be-w_var\(--thickness\) {
     border-block-end-width: var(--thickness);
 }
 
@@ -4898,14 +5395,6 @@
     justify-content: space-between;
 }
 
-  .iap-ai_center {
-    align-items: center;
-}
-
-  .iap-fw_medium {
-    font-weight: var(--iap-font-weights-medium);
-}
-
   .iap-flex-wrap_wrap {
     flex-wrap: wrap;
 }
@@ -4922,6 +5411,30 @@
     margin-top: var(--iap-spacing-1\.5);
 }
 
+  .iap-flex-g_1 {
+    flex-grow: 1;
+}
+
+  .iap-fs_xs {
+    font-size: var(--iap-font-sizes-xs);
+}
+
+  .iap-flex-g_3 {
+    flex-grow: 3;
+}
+
+  .iap-flex-g_2 {
+    flex-grow: 2;
+}
+
+  .iap-pt_1px {
+    padding-top: 1px;
+}
+
+  .iap-flex-g_4 {
+    flex-grow: 4;
+}
+
   .iap-ml_2 {
     margin-left: var(--iap-spacing-2);
 }
@@ -4935,56 +5448,101 @@
     transition-property: colors;
 }
 
-  .iap-bd-t-c_transparent {
-    border-top-color: var(--iap-colors-transparent);
+  .iap-bd-t-c_transparent {
+    border-top-color: var(--iap-colors-transparent);
+}
+
+  .iap-bd-w_thin {
+    border-width: thin;
+}
+
+  .iap-bd-c_neutral\.5 {
+    border-color: var(--iap-colors-neutral-5);
+}
+
+  .iap-ai_start {
+    align-items: start;
+}
+
+  .iap-fw_normal {
+    font-weight: var(--iap-font-weights-normal);
+}
+
+  .iap-fw_bold {
+    font-weight: var(--iap-font-weights-bold);
+}
+
+  .iap-mt_2 {
+    margin-top: var(--iap-spacing-2);
+}
+
+  .iap-jc_center {
+    justify-content: center;
+}
+
+  .iap-ml_-0\.5 {
+    margin-left: calc(var(--iap-spacing-0\.5) * -1);
+}
+
+  .iap-mr_-2\.5 {
+    margin-right: calc(var(--iap-spacing-2\.5) * -1);
+}
+
+  .iap-bd-c_gray\.6 {
+    border-color: var(--iap-colors-gray-6);
+}
+
+  .iap-ov-x_hidden {
+    overflow-x: hidden;
 }
 
-  .iap-bd-w_thin {
-    border-width: thin;
+  .iap-bd-l-w_1px {
+    border-left-width: 1px;
 }
 
-  .iap-bd-c_neutral\.5 {
-    border-color: var(--iap-colors-neutral-5);
+  .iap-bd-l-c_slate\.3 {
+    border-left-color: var(--iap-colors-slate-3);
 }
 
-  .iap-flex-d_row {
-    flex-direction: row;
+  .iap-bd-w_1px_1px_1px_0 {
+    border-width: 1px 1px 1px 0;
 }
 
-  .iap-ai_start {
-    align-items: start;
+  .iap-bd-c_slate\.3 {
+    border-color: var(--iap-colors-slate-3);
 }
 
-  .iap-jc_start {
-    justify-content: start;
+  .iap-as_stretch {
+    align-self: stretch;
 }
 
-  .iap-fw_normal {
-    font-weight: var(--iap-font-weights-normal);
+  .iap-flex-sh_1 {
+    flex-shrink: 1;
 }
 
-  .iap-fs_xs {
-    font-size: var(--iap-font-sizes-xs);
+  .iap-jc_flex-start {
+    justify-content: flex-start;
 }
 
-  .iap-fw_bold {
-    font-weight: var(--iap-font-weights-bold);
+  .iap-cg_2 {
+    column-gap: var(--iap-spacing-2);
 }
 
-  .iap-pt_1px {
-    padding-top: 1px;
+  .iap-rg_1 {
+    row-gap: var(--iap-spacing-1);
 }
 
-  .iap-fs_sm {
-    font-size: var(--iap-font-sizes-sm);
+  .iap-trs-dur_200ms {
+    --transition-duration: 200ms;
+    transition-duration: 200ms;
 }
 
-  .iap-flex-sh_0 {
-    flex-shrink: 0;
+  .iap-ai_stretch {
+    align-items: stretch;
 }
 
-  .iap-flex-g_0 {
-    flex-grow: 0;
+  .iap-fs_sm {
+    font-size: var(--iap-font-sizes-sm);
 }
 
   .iap-bd-c_gray\.5 {
@@ -4995,10 +5553,6 @@
     border-width: 0.5px;
 }
 
-  .iap-jc_center {
-    justify-content: center;
-}
-
   .iap-bg-c_transparent {
     background-color: var(--iap-colors-transparent);
 }
@@ -5031,14 +5585,6 @@
     padding-top: var(--iap-spacing-5);
 }
 
-  .iap-bd-w_1px {
-    border-width: 1px;
-}
-
-  .iap-border-style_solid {
-    border-style: solid;
-}
-
   .iap-trs-dur_faster {
     --transition-duration: var(--iap-durations-faster);
     transition-duration: var(--iap-durations-faster);
@@ -5068,22 +5614,10 @@
     padding-top: var(--iap-spacing-0\.5);
 }
 
-  .iap-flex-g_1 {
-    flex-grow: 1;
-}
-
-  .iap-top_0 {
-    top: var(--iap-spacing-0);
-}
-
   .iap-mt_0\.5 {
     margin-top: var(--iap-spacing-0\.5);
 }
 
-  .iap-bd-c_slate\.3 {
-    border-color: var(--iap-colors-slate-3);
-}
-
   .iap-top_50\% {
     top: 50%;
 }
@@ -5096,14 +5630,134 @@
     border-left-color: var(--iap-colors-transparent);
 }
 
+  .\[\&_svg\]\:iap-d_inline-block svg {
+    display: inline-block;
+}
+
+  .\[\&_svg\]\:iap-va_middle svg {
+    vertical-align: middle;
+}
+
+  [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:iap-bg_colorPalette\.5,[data-tag-dropdown-open='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:iap-bg_colorPalette\.5 {
+    background: var(--iap-colors-color-palette-5);
+}
+
+  [aria-disabled='true'] .\[\[aria-disabled\=\'true\'\]_\&\]\:iap-pointer-events_none {
+    pointer-events: none;
+}
+
+  [aria-disabled='true'] .\[\[aria-disabled\=\'true\'\]_\&\]\:iap-bg_slate\.4 {
+    background: var(--iap-colors-slate-4);
+}
+
+  [aria-disabled='true'] .\[\[aria-disabled\=\'true\'\]_\&\]\:iap-c_black {
+    color: var(--iap-colors-black);
+}
+
+  [aria-disabled='true'] .\[\[aria-disabled\=\'true\'\]_\&\]\:iap-cursor_initial {
+    cursor: initial;
+}
+
+  [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:iap-d_flex,[data-tag-dropdown-open='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:iap-d_flex {
+    display: flex;
+}
+
+  .\[\&_svg\]\:iap-h_3 svg {
+    height: var(--iap-sizes-3);
+}
+
+  .\[\&_svg\]\:iap-w_3 svg {
+    width: var(--iap-sizes-3);
+}
+
   .\[\&_svg\]\:iap-c_warning\.11 svg {
     color: var(--iap-colors-warning-11);
 }
 
+  :not([contenteditable="true"]):not(:has([contenteditable="true"])) .\[\:not\(\[contenteditable\=\"true\"\]\)\:not\(\:has\(\[contenteditable\=\"true\"\]\)\)_\&\]\:iap-d_flex {
+    display: flex;
+}
+
+  [data-formula="condition"] .\[\[data-formula\=\"condition\"\]_\&\]\:iap-p_1\.5 {
+    padding: var(--iap-spacing-1\.5);
+}
+
+  :not([contenteditable="true"]):not(:has([contenteditable="true"])) .\[\:not\(\[contenteditable\=\"true\"\]\)\:not\(\:has\(\[contenteditable\=\"true\"\]\)\)_\&\]\:iap-d_inline-flex {
+    display: inline-flex;
+}
+
+  [contenteditable="true"] .\[\[contenteditable\=\"true\"\]_\&\]\:iap-my_3px {
+    margin-block: 3px;
+}
+
+  .\[\&_\[data-lexical-text\=\'true\'\]\]\:iap-c_slate\.12 [data-lexical-text='true'] {
+    color: var(--iap-colors-slate-12);
+}
+
+  .\[\&_p\]\:iap-my_1 p {
+    margin-block: var(--iap-spacing-1);
+}
+
+  .\[\&_p\]\:iap-py_1 p {
+    padding-block: var(--iap-spacing-1);
+}
+
+  .\[\&_p\]\:iap-px_1 p {
+    padding-inline: var(--iap-spacing-1);
+}
+
+  .\[\&_p\]\:iap-bdr_md p {
+    border-radius: var(--iap-radii-md);
+}
+
+  .\[\&_p\]\:iap-min-h_5 p {
+    min-height: var(--iap-sizes-5);
+}
+
   .\[\&\[data-highlighted\]\]\:iap-bg_touchable\.hover[data-highlighted] {
     background: var(--iap-colors-touchable-hover);
 }
 
+  .\[\&_\>_svg\]\:iap-w_3 > svg {
+    width: var(--iap-sizes-3);
+}
+
+  .\[\&_\>_svg\]\:iap-h_3 > svg {
+    height: var(--iap-sizes-3);
+}
+
+  .\[\&_\>_svg\]\:iap-stk-w_2 > svg {
+    stroke-width: 2;
+}
+
+  .\[\&_\>_input\]\:iap-w_full > input {
+    width: var(--iap-sizes-full);
+}
+
+  .\[\&_svg\]\:iap-w_3\.5 svg {
+    width: var(--iap-sizes-3\.5);
+}
+
+  .\[\&_svg\]\:iap-h_3\.5 svg {
+    height: var(--iap-sizes-3\.5);
+}
+
+  .disabled\:iap-c_slate\.8:is(:disabled, [disabled], [data-disabled]) {
+    color: var(--iap-colors-slate-8);
+}
+
+  .disabled\:iap-cursor_not-allowed:is(:disabled, [disabled], [data-disabled]) {
+    cursor: not-allowed;
+}
+
+  .\[\&_svg\]\:iap-stk-w_token\(sizes\.0\.5\) svg {
+    stroke-width: var(--iap-sizes-0\.5);
+}
+
+  .field-control-panel__group .\[\.field-control-panel__group_\&\]\:iap-bdr_none {
+    border-radius: var(--iap-radii-none);
+}
+
   .current\:iap-bg_slate\.3:is([data-current]) {
     background: var(--iap-colors-slate-3);
 }
@@ -5112,6 +5766,10 @@
     padding: var(--iap-spacing-0);
 }
 
+  .\[\&\:has\(\.simple-input__textarea\)\]\:iap-px_3:has(.simple-input__textarea) {
+    padding-inline: var(--iap-spacing-3);
+}
+
   .disabled\:iap-c_neutral\.7:is(:disabled, [disabled], [data-disabled]) {
     color: var(--iap-colors-neutral-7);
 }
@@ -5176,14 +5834,58 @@
     white-space: nowrap;
 }
 
+  [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:iap-bd-c_colorPalette\.6,[data-tag-dropdown-open='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:iap-bd-c_colorPalette\.6 {
+    border-color: var(--iap-colors-color-palette-6);
+}
+
+  [aria-disabled='true'] .\[\[aria-disabled\=\'true\'\]_\&\]\:iap-bd-c_slate\.5 {
+    border-color: var(--iap-colors-slate-5);
+}
+
   .\[\&_\>_span\]\:iap-fw_medium > span,.\[\&_label\]\:iap-fw_medium label {
     font-weight: var(--iap-font-weights-medium);
 }
 
+  :not([contenteditable="true"]):not(:has([contenteditable="true"])) .\[\:not\(\[contenteditable\=\"true\"\]\)\:not\(\:has\(\[contenteditable\=\"true\"\]\)\)_\&\]\:iap-ai_center {
+    align-items: center;
+}
+
+  [data-formula="condition"] .\[\[data-formula\=\"condition\"\]_\&\]\:iap-ai_flex-start\! {
+    align-items: flex-start !important;
+}
+
   .\[\&\[data-selected\=\"true\"\]\]\:iap-fw_bold[data-selected="true"] {
     font-weight: var(--iap-font-weights-bold);
 }
 
+  .first\:iap-bd-l-w_1px:first-child {
+    border-left-width: 1px;
+}
+
+  .first\:iap-bdr-bl_token\(sizes\.2\.5\):first-child {
+    border-bottom-left-radius: var(--iap-sizes-2\.5);
+}
+
+  .first\:iap-bdr-tl_token\(sizes\.2\.5\):first-child {
+    border-top-left-radius: var(--iap-sizes-2\.5);
+}
+
+  .last\:iap-bdr-br_token\(sizes\.2\.5\):last-child {
+    border-bottom-right-radius: var(--iap-sizes-2\.5);
+}
+
+  .last\:iap-bdr-tr_token\(sizes\.2\.5\):last-child {
+    border-top-right-radius: var(--iap-sizes-2\.5);
+}
+
+  .\[\&_svg\]\:iap-flex-sh_0 svg {
+    flex-shrink: 0;
+}
+
+  .\[\&_svg\]\:iap-flex-g_0 svg {
+    flex-grow: 0;
+}
+
   .\[\&\:has\(\.simple-input__input\)\]\:iap-pt_0\.35rem:has(.simple-input__input) {
     padding-top: 0.35rem;
 }
@@ -5221,14 +5923,18 @@
     background: var(--iap-colors-gray-2);
 }
 
-  .focus\:iap-op_1:is(:focus, [data-focus]) {
-    opacity: 1;
+  .focus\:iap-bg_colorPalette\.6:is(:focus, [data-focus]) {
+    background: var(--iap-colors-color-palette-6);
 }
 
   .focus\:iap-ring_none:is(:focus, [data-focus]) {
     outline: var(--iap-borders-none);
 }
 
+  .focus\:iap-op_1:is(:focus, [data-focus]) {
+    opacity: 1;
+}
+
   .focusVisible\:iap-bg_neutral\.2:is(:focus-visible, [data-focus-visible]) {
     background: var(--iap-colors-neutral-2);
 }
@@ -5241,6 +5947,52 @@
     outline-color: var(--iap-colors-blue-10);
 }
 
+  .\[\&\:hover_\.editor-tag-badge__close-button-container\]\:iap-d_flex:hover .editor-tag-badge__close-button-container {
+    display: flex;
+}
+
+  .\[\&\:hover_\.editor-tag-badge__close-button-container\]\:iap-grad-via_colorPalette\.4\!:hover .editor-tag-badge__close-button-container {
+    --gradient-via: var(--iap-colors-color-palette-4) !important;
+    --gradient-stops: var(--gradient-from) var(--gradient-from-position), var(--gradient-via) var(--gradient-via-position), var(--gradient-to) var(--gradient-to-position) !important;
+}
+
+  .\[\&\:hover_\.editor-tag-badge__close-button-container\]\:iap-grad-to_colorPalette\.4\!:hover .editor-tag-badge__close-button-container {
+    --gradient-to: var(--iap-colors-color-palette-4) !important;
+}
+
+  .active\:iap-bg_colorPalette\.5:is(:active, [data-active]) {
+    background: var(--iap-colors-color-palette-5);
+}
+
+  .active\:iap-bg_slate\.3:is(:active, [data-active]) {
+    background: var(--iap-colors-slate-3);
+}
+
+  .active\:iap-bd-c_colorPalette\.6:is(:active, [data-active]) {
+    border-color: var(--iap-colors-color-palette-6);
+}
+
+  [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-from_transparent .editor-tag-badge__close-button-container,[data-tag-dropdown-open='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-from_transparent .editor-tag-badge__close-button-container {
+    --gradient-from: var(--iap-colors-transparent);
+}
+
+  [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-via_colorPalette\.5 .editor-tag-badge__close-button-container,[data-tag-dropdown-open='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-via_colorPalette\.5 .editor-tag-badge__close-button-container {
+    --gradient-via: var(--iap-colors-color-palette-5);
+    --gradient-stops: var(--gradient-from) var(--gradient-from-position), var(--gradient-via) var(--gradient-via-position), var(--gradient-to) var(--gradient-to-position);
+}
+
+  [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-to_colorPalette\.5 .editor-tag-badge__close-button-container,[data-tag-dropdown-open='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-to_colorPalette\.5 .editor-tag-badge__close-button-container {
+    --gradient-to: var(--iap-colors-color-palette-5);
+}
+
+  .expanded\:\[\&_p\]\:iap-bg_slate\.2:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) p {
+    background: var(--iap-colors-slate-2);
+}
+
+  .\[\&_p\]\:\[\&\:has\(\[data-editor-tag\=\'true\'\]\)\]\:iap-py_0 p:has([data-editor-tag='true']) {
+    padding-block: var(--iap-spacing-0);
+}
+
   .\[\&_p\]\:before\:iap-float_left p::before {
     float: left;
 }
@@ -5257,10 +6009,36 @@
     color: var(--iap-colors-gray-9);
 }
 
+  .\[\&_p\]\:\[\&_\>_\*\]\:iap-va_middle p > * {
+    vertical-align: middle;
+}
+
+  .\[\&_p\]\:\[\&_\>_\*\]\:iap-d_inline-block p > * {
+    display: inline-block;
+}
+
+  .\[\&_p\]\:\[\&_\>_\*\]\:iap-max-w_full p > * {
+    max-width: var(--iap-sizes-full);
+}
+
   .empty\:after\:iap-c_gray\.9:is(:empty, [data-empty])::after {
     color: var(--iap-colors-gray-9);
 }
 
+  .field-control-panel__group .\[\.field-control-panel__group_\&\]\:\[\&\:not\(\:first-child\)\]\:iap-bd-l_none:not(:first-child) {
+    border-left: var(--iap-borders-none);
+}
+
+  .field-control-panel__group .\[\.field-control-panel__group_\&\]\:first\:iap-bdr-l_token\(sizes\.2\.5\):first-child {
+    border-top-left-radius: var(--iap-sizes-2\.5);
+    border-bottom-left-radius: var(--iap-sizes-2\.5);
+}
+
+  .field-control-panel__group .\[\.field-control-panel__group_\&\]\:last\:iap-bdr-r_token\(sizes\.2\.5\):last-child {
+    border-top-right-radius: var(--iap-sizes-2\.5);
+    border-bottom-right-radius: var(--iap-sizes-2\.5);
+}
+
   .disabled\:placeholder\:iap-c_neutral\.7:is(:disabled, [disabled], [data-disabled])::placeholder,.disabled\:placeholder\:iap-c_neutral\.7:is(:disabled, [disabled], [data-disabled])[data-placeholder] {
     color: var(--iap-colors-neutral-7);
 }
@@ -5269,14 +6047,26 @@
     content: var(--placeholder-text);
 }
 
+  .\[\&_p\:not\(\:has\(\>_br\:only-child\)\)\]\:before\:iap-content_none p:not(:has(> br:only-child))::before {
+    content: none;
+}
+
   .empty\:after\:iap-content_var\(--placeholder-text\):is(:empty, [data-empty])::after {
     content: var(--placeholder-text);
 }
 
+  .focus\:\[\&_svg\]\:iap-stk-w_3px:is(:focus, [data-focus]) svg {
+    stroke-width: 3px;
+}
+
   .focus\:\[\&_\+_\.span\]\:iap-vis_hidden:is(:focus, [data-focus]) + .span {
     visibility: hidden;
 }
 
+  .\[\&\:hover\:not\(\:has\(\[data-editor-tag\=\'true\'\]\:hover\)\)\]\:\[\&_p\]\:iap-bg_slate\.2:hover:not(:has([data-editor-tag='true']:hover)) p {
+    background: var(--iap-colors-slate-2);
+}
+
   @media screen and (min-width: 40rem) {
     .sm\:iap-offset_4 {
       offset: 4px;
@@ -5287,6 +6077,36 @@
     .sm\:iap-offset_8 {
       offset: 8px;
 }
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .\[\&_svg\]\:hover\:iap-stk-w_3px svg:is(:hover, [data-hover]) {
+      stroke-width: 3px;
+}
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .hover\:\[\&_\.span\]\:iap-vis_hidden .span:is(:hover, [data-hover]) {
+      visibility: hidden;
+}
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .hover\:\[\&_\.input\]\:iap-vis_visible .input:is(:hover, [data-hover]) {
+      visibility: visible;
+}
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .hover\:iap-cursor_pointer:is(:hover, [data-hover]) {
+      cursor: pointer;
+}
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .hover\:iap-bg_colorPalette\.4:is(:hover, [data-hover]) {
+      background: var(--iap-colors-color-palette-4);
+}
 }
 
   @media (hover: hover) and (pointer: fine) {
@@ -5314,8 +6134,14 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .hover\:iap-bg_revert-layer:is(:hover, [data-hover]) {
-      background: revert-layer;
+    .hover\:iap-bg_slate\.4:is(:hover, [data-hover]) {
+      background: var(--iap-colors-slate-4);
+}
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .hover\:iap-bg_slate\.2:is(:hover, [data-hover]) {
+      background: var(--iap-colors-slate-2);
 }
 }
 
@@ -5326,14 +6152,26 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .hover\:\[\&_\.span\]\:iap-vis_hidden:is(:hover, [data-hover]) .span {
-      visibility: hidden;
+    .hover\:iap-c_slate\.11:is(:hover, [data-hover]) {
+      color: var(--iap-colors-slate-11);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .hover\:\[\&_\.input\]\:iap-vis_visible:is(:hover, [data-hover]) .input {
-      visibility: visible;
+    .hover\:iap-bg_revert-layer:is(:hover, [data-hover]) {
+      background: revert-layer;
+}
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .hover\:iap-bd-c_colorPalette\.5:is(:hover, [data-hover]) {
+      border-color: var(--iap-colors-color-palette-5);
+}
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .hover\:iap-bd-c_slate\.4:is(:hover, [data-hover]) {
+      border-color: var(--iap-colors-slate-4);
 }
 }
 }