npm - @integration-app/react - Versions diffs - 2.24.0 → 2.25.1 - Mend

@integration-app/react 2.24.0 → 2.25.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (626) hide show

package/dist/styles.css CHANGED Viewed

@@ -3,34 +3,34 @@
 @layer iap_reset{
   :is([class^="iap"]) {
     --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -moz-tab-size: 4;
     tab-size: 4;
-    -webkit-tap-highlight-color: transparent;
-    line-height: 1.5;
     font-family: var(--global-font-body, var(--font-fallback));
+    -webkit-tap-highlight-color: transparent;
 }
   *:is([class^="iap"]),::before:is([class^="iap"]),::after:is([class^="iap"]),::backdrop:is([class^="iap"]),::file-selector-button:is([class^="iap"]) {
     margin: 0px;
     padding: 0px;
-    box-sizing: border-box;
     border-width: 0px;
     border-style: solid;
     border-color: var(--global-color-border, currentcolor);
+    box-sizing: border-box;
 }
   hr:is([class^="iap"]) {
-    height: 0px;
     color: inherit;
+    height: 0px;
     border-top-width: 1px;
 }
   body:is([class^="iap"]) {
-    height: 100%;
     line-height: inherit;
+    height: 100%;
 }
   img:is([class^="iap"]) {
@@ -68,16 +68,16 @@
   button:is([class^="iap"]),input:is([class^="iap"]),optgroup:is([class^="iap"]),select:is([class^="iap"]),textarea:is([class^="iap"]),::file-selector-button:is([class^="iap"]) {
     font: inherit;
+    background: var(--iap-colors-transparent);
     font-feature-settings: inherit;
     font-variation-settings: inherit;
     letter-spacing: inherit;
     color: inherit;
-    background: var(--iap-colors-transparent);
 }
   ::placeholder:is([class^="iap"]) {
-    opacity: 1;
     --placeholder-fallback: rgba(0, 0, 0, 0.5);
+    opacity: 1;
     color: var(--global-color-placeholder, var(--placeholder-fallback));
 }
@@ -92,9 +92,9 @@
 }
   table:is([class^="iap"]) {
+    border-color: inherit;
     text-indent: 0px;
     border-collapse: collapse;
-    border-color: inherit;
 }
   summary:is([class^="iap"]) {
@@ -106,10 +106,10 @@
 }
   sub:is([class^="iap"]),sup:is([class^="iap"]) {
-    position: relative;
-    vertical-align: baseline;
     font-size: 75%;
     line-height: 0;
+    position: relative;
+    vertical-align: baseline;
 }
   sub:is([class^="iap"]) {
@@ -125,8 +125,8 @@
 }
   a:is([class^="iap"]) {
-    color: inherit;
     text-decoration: inherit;
+    color: inherit;
 }
   abbr:where([title]):is([class^="iap"]) {
@@ -139,10 +139,10 @@
   code:is([class^="iap"]),kbd:is([class^="iap"]),samp:is([class^="iap"]),pre:is([class^="iap"]) {
     --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
-    font-feature-settings: normal;
-    font-variation-settings: normal;
     font-family: var(--global-font-mono, var(--font-mono-fallback));
     font-size: 1em;
+    font-feature-settings: normal;
+    font-variation-settings: normal;
 }
   progress:is([class^="iap"]) {
@@ -180,9 +180,9 @@
 }
   [class^="iap"],[class^="iap"]::before,[class^="iap"]::after {
-    box-sizing: border-box;
     border-color: var(--iap-colors-border-subtle);
     border-style: solid;
+    box-sizing: border-box;
 }
   body {
@@ -1849,28 +1849,28 @@
   @layer _base{
     .iap-button {
+      border-radius: var(--iap-radii-l2);
+      outline: var(--iap-borders-none);
+      align-items: center;
       appearance: none;
       -webkit-appearance: none;
-      border-radius: var(--iap-radii-l2);
       cursor: pointer;
       display: inline-flex;
-      isolation: isolate;
-      min-width: var(--iap-sizes-0);
-      outline: var(--iap-borders-none);
-      position: relative;
-      -webkit-user-select: none;
-      user-select: none;
-      vertical-align: middle;
-      white-space: nowrap;
-      align-items: center;
       font-weight: var(--iap-font-weights-semibold);
+      isolation: isolate;
       justify-content: center;
+      position: relative;
       --transition-duration: var(--iap-durations-normal);
       transition-duration: var(--iap-durations-normal);
       --transition-prop: background, border-color, color, box-shadow;
       transition-property: background, border-color, color, box-shadow;
       --transition-easing: var(--iap-easings-default);
       transition-timing-function: var(--iap-easings-default);
+      -webkit-user-select: none;
+      user-select: none;
+      vertical-align: middle;
+      white-space: nowrap;
+      min-width: var(--iap-sizes-0);
 }
     .iap-button:is([hidden]) {
@@ -1878,68 +1878,57 @@
 }
     .iap-button :where(svg) {
+      font-size: 1.1em;
       width: 1.1em;
       height: 1.1em;
-      font-size: 1.1em;
+}
+    .iap-spinner {
+      animation: var(--iap-animations-spin);
+      border-width: 2px;
+      border-color: var(--iap-colors-color-palette-default);
+      border-style: solid;
+      border-radius: var(--iap-radii-full);
+      display: inline-block;
+      animation-duration: var(--iap-durations-slowest);
+      width: var(--size);
+      height: var(--size);
 }
     .iap-skeleton {
       animation: var(--iap-animations-skeleton-pulse);
       border-radius: var(--iap-radii-l3);
+      background-clip: padding-box;
+      -webkit-background-clip: padding-box;
+      background-color: var(--iap-colors-gray-a4);
       color: var(--iap-colors-transparent);
       cursor: default;
       pointer-events: none;
       -webkit-user-select: none;
       user-select: none;
-      background-clip: padding-box;
-      -webkit-background-clip: padding-box;
-      background-color: var(--iap-colors-gray-a4);
 }
     .iap-skeleton::before,.iap-skeleton::after,.iap-skeleton * {
       visibility: hidden;
 }
-    .iap-icon {
-      color: currentcolor;
-      display: inline-block;
-      vertical-align: middle;
-      flex-shrink: 0;
-      line-height: 1em;
-}
-    .iap-badge {
-      border-radius: var(--iap-radii-full);
-      display: inline-flex;
-      -webkit-user-select: none;
-      user-select: none;
-      white-space: nowrap;
-      align-items: center;
-      font-weight: var(--iap-font-weights-medium);
-}
     .iap-input {
-      appearance: none;
-      -webkit-appearance: none;
       background: none;
+      border-color: var(--iap-colors-border-default);
       border-radius: var(--iap-radii-l2);
-      color: var(--iap-colors-fg-default);
+      border-width: 1px;
       outline: 0;
+      appearance: none;
+      -webkit-appearance: none;
+      color: var(--iap-colors-fg-default);
       position: relative;
-      width: var(--iap-sizes-full);
-      border-color: var(--iap-colors-border-default);
-      border-width: 1px;
       --transition-duration: var(--iap-durations-normal);
       transition-duration: var(--iap-durations-normal);
       --transition-prop: box-shadow, border-color;
       transition-property: box-shadow, border-color;
       --transition-easing: var(--iap-easings-default);
       transition-timing-function: var(--iap-easings-default);
-}
-    .iap-input:is(:disabled, [disabled], [data-disabled]) {
-      opacity: 0.4;
-      cursor: not-allowed;
+      width: var(--iap-sizes-full);
 }
     .iap-input:is([aria-invalid]) {
@@ -1947,35 +1936,35 @@
 }
     .iap-input:is([aria-invalid]):is(:focus, [data-focus]) {
-      box-shadow: 0 0 0 1px var(--colors-border-error);
       border-color: var(--iap-colors-fg-error);
+      box-shadow: 0 0 0 1px var(--colors-border-error);
+}
+    .iap-input:is(:disabled, [disabled], [data-disabled]) {
+      opacity: 0.4;
+      cursor: not-allowed;
 }
     .iap-input:is(:focus, [data-focus]) {
-      box-shadow: 0 0 0 1px var(--colors-color-palette-default);
       border-color: var(--iap-colors-color-palette-default);
+      box-shadow: 0 0 0 1px var(--colors-color-palette-default);
 }
     .iap-textarea {
-      appearance: none;
-      -webkit-appearance: none;
       background: none;
+      border-color: var(--iap-colors-border-default);
       border-radius: var(--iap-radii-l2);
-      min-width: var(--iap-sizes-0);
+      border-width: 1px;
       outline: 0;
+      appearance: none;
+      -webkit-appearance: none;
       position: relative;
-      width: var(--iap-sizes-full);
-      border-color: var(--iap-colors-border-default);
-      border-width: 1px;
       --transition-duration: var(--iap-durations-normal);
       transition-duration: var(--iap-durations-normal);
       --transition-prop: border-color, box-shadow;
       transition-property: border-color, box-shadow;
-}
-    .iap-textarea:is(:disabled, [disabled], [data-disabled]) {
-      opacity: 0.4;
-      cursor: not-allowed;
+      min-width: var(--iap-sizes-0);
+      width: var(--iap-sizes-full);
 }
     .iap-textarea:is([aria-invalid]) {
@@ -1983,38 +1972,49 @@
 }
     .iap-textarea:is([aria-invalid]):is(:focus, [data-focus]) {
-      box-shadow: 0 0 0 1px var(--colors-border-error);
       border-color: var(--iap-colors-fg-error);
+      box-shadow: 0 0 0 1px var(--colors-border-error);
+}
+    .iap-textarea:is(:disabled, [disabled], [data-disabled]) {
+      opacity: 0.4;
+      cursor: not-allowed;
 }
     .iap-textarea:is(:focus, [data-focus]) {
-      box-shadow: 0 0 0 1px var(--colors-color-palette-default);
       border-color: var(--iap-colors-color-palette-default);
+      box-shadow: 0 0 0 1px var(--colors-color-palette-default);
 }
-    .iap-spinner {
+    .iap-icon {
+      color: currentcolor;
       display: inline-block;
+      flex-shrink: 0;
+      vertical-align: middle;
+      line-height: 1em;
+}
+    .iap-badge {
       border-radius: var(--iap-radii-full);
-      width: var(--size);
-      height: var(--size);
-      animation: var(--iap-animations-spin);
-      border-width: 2px;
-      border-color: var(--iap-colors-color-palette-default);
-      border-style: solid;
-      animation-duration: var(--iap-durations-slowest);
+      align-items: center;
+      display: inline-flex;
+      font-weight: var(--iap-font-weights-medium);
+      -webkit-user-select: none;
+      user-select: none;
+      white-space: nowrap;
 }
 }
   .iap-button--size_md {
-    height: var(--iap-sizes-10);
-    min-width: var(--iap-sizes-10);
-    font-size: var(--iap-font-sizes-sm);
-    line-height: 1.25rem;
     padding-inline: var(--iap-spacing-4);
     gap: var(--iap-spacing-2);
+    font-size: var(--iap-font-sizes-sm);
+    line-height: 1.25rem;
+    height: var(--iap-sizes-10);
+    min-width: var(--iap-sizes-10);
 }
-  .iap-button--variant_outline {
+  .iap-button--variant_ghost {
     color: var(--iap-colors-color-palette-text);
     --iap-colors-color-palette-light-1: var(--iap-colors-gray-light-1);
     --iap-colors-color-palette-light-2: var(--iap-colors-gray-light-2);
@@ -2092,38 +2092,43 @@
     --iap-colors-color-palette-emphasized: var(--iap-colors-gray-emphasized);
     --iap-colors-color-palette-fg: var(--iap-colors-gray-fg);
     --iap-colors-color-palette-text: var(--iap-colors-gray-text);
-    border-width: 1px;
-    border-color: var(--iap-colors-color-palette-a7);
 }
-  .iap-button--variant_outline:is(:disabled, [disabled], [data-disabled]) {
+  .iap-button--variant_ghost:is([aria-selected=true], [data-selected]) {
+    background: var(--iap-colors-color-palette-a3);
+}
+  .iap-button--variant_ghost:is(:disabled, [disabled], [data-disabled]) {
     color: var(--iap-colors-fg-disabled);
     cursor: not-allowed;
-    border-color: var(--iap-colors-border-disabled);
 }
-  .iap-button--variant_outline:is([aria-selected=true], [data-selected]) {
+  .iap-button--variant_ghost:is(:focus-visible, [data-focus-visible]) {
+    outline: 2px solid;
+    outline-color: var(--iap-colors-color-palette-default);
+    outline-offset: 2px;
+}
+  .iap-button--variant_solid {
     background: var(--iap-colors-color-palette-default);
     color: var(--iap-colors-color-palette-fg);
-    border-color: var(--iap-colors-color-palette-default);
 }
-  .iap-button--variant_outline:is(:focus-visible, [data-focus-visible]) {
-    outline: 2px solid;
-    outline-offset: 2px;
-    outline-color: var(--iap-colors-color-palette-default);
+  .iap-button--variant_solid:is(:disabled, [disabled], [data-disabled]) {
+    background: var(--iap-colors-bg-disabled);
+    color: var(--iap-colors-fg-disabled);
+    cursor: not-allowed;
 }
-  .iap-button--size_sm {
-    height: var(--iap-sizes-9);
-    min-width: var(--iap-sizes-9);
-    font-size: var(--iap-font-sizes-sm);
-    line-height: 1.25rem;
-    padding-inline: var(--iap-spacing-3\.5);
-    gap: var(--iap-spacing-2);
+  .iap-button--variant_solid:is(:focus-visible, [data-focus-visible]) {
+    outline: 2px solid;
+    outline-color: var(--iap-colors-color-palette-default);
+    outline-offset: 2px;
 }
-  .iap-button--variant_ghost {
+  .iap-button--variant_outline {
+    border-width: 1px;
+    border-color: var(--iap-colors-color-palette-a7);
     color: var(--iap-colors-color-palette-text);
     --iap-colors-color-palette-light-1: var(--iap-colors-gray-light-1);
     --iap-colors-color-palette-light-2: var(--iap-colors-gray-light-2);
@@ -2203,28 +2208,31 @@
     --iap-colors-color-palette-text: var(--iap-colors-gray-text);
 }
-  .iap-button--variant_ghost:is([aria-selected=true], [data-selected]) {
-    background: var(--iap-colors-color-palette-a3);
+  .iap-button--variant_outline:is([aria-selected=true], [data-selected]) {
+    background: var(--iap-colors-color-palette-default);
+    border-color: var(--iap-colors-color-palette-default);
+    color: var(--iap-colors-color-palette-fg);
 }
-  .iap-button--variant_ghost:is(:disabled, [disabled], [data-disabled]) {
+  .iap-button--variant_outline:is(:disabled, [disabled], [data-disabled]) {
+    border-color: var(--iap-colors-border-disabled);
     color: var(--iap-colors-fg-disabled);
     cursor: not-allowed;
 }
-  .iap-button--variant_ghost:is(:focus-visible, [data-focus-visible]) {
+  .iap-button--variant_outline:is(:focus-visible, [data-focus-visible]) {
     outline: 2px solid;
-    outline-offset: 2px;
     outline-color: var(--iap-colors-color-palette-default);
+    outline-offset: 2px;
 }
-  .iap-button--size_xs {
-    height: var(--iap-sizes-8);
-    min-width: var(--iap-sizes-8);
-    font-size: var(--iap-font-sizes-xs);
-    line-height: 1.125rem;
-    padding-inline: var(--iap-spacing-3);
+  .iap-button--size_sm {
+    padding-inline: var(--iap-spacing-3\.5);
     gap: var(--iap-spacing-2);
+    font-size: var(--iap-font-sizes-sm);
+    line-height: 1.25rem;
+    height: var(--iap-sizes-9);
+    min-width: var(--iap-sizes-9);
 }
   .iap-button--variant_subtle {
@@ -2316,25 +2324,38 @@
   .iap-button--variant_subtle:is(:focus-visible, [data-focus-visible]) {
     outline: 2px solid;
-    outline-offset: 2px;
     outline-color: var(--iap-colors-color-palette-default);
+    outline-offset: 2px;
 }
-  .iap-button--variant_solid {
-    background: var(--iap-colors-color-palette-default);
-    color: var(--iap-colors-color-palette-fg);
+  .iap-button--size_xs {
+    padding-inline: var(--iap-spacing-3);
+    gap: var(--iap-spacing-2);
+    font-size: var(--iap-font-sizes-xs);
+    line-height: 1.125rem;
+    height: var(--iap-sizes-8);
+    min-width: var(--iap-sizes-8);
 }
-  .iap-button--variant_solid:is(:disabled, [disabled], [data-disabled]) {
-    color: var(--iap-colors-fg-disabled);
-    background: var(--iap-colors-bg-disabled);
-    cursor: not-allowed;
+  .iap-spinner--size_md {
+    --size: var(--iap-sizes-6);
 }
-  .iap-button--variant_solid:is(:focus-visible, [data-focus-visible]) {
-    outline: 2px solid;
-    outline-offset: 2px;
-    outline-color: var(--iap-colors-color-palette-default);
+  .iap-text--size_xs {
+    font-size: var(--iap-font-sizes-xs);
+    line-height: 1.125rem;
+}
+  .iap-input--size_md {
+    padding-inline: var(--iap-spacing-3);
+    font-size: var(--iap-font-sizes-md);
+    height: var(--iap-sizes-10);
+    min-width: var(--iap-sizes-10);
+}
+  .iap-textarea--size_md {
+    padding: var(--iap-spacing-3);
+    font-size: var(--iap-font-sizes-md);
 }
   .iap-icon--size_md {
@@ -2344,9 +2365,9 @@
   .iap-badge--variant_subtle {
     background: var(--iap-colors-bg-subtle);
-    color: var(--iap-colors-fg-default);
     border-color: var(--iap-colors-border-subtle);
     border-width: 1px;
+    color: var(--iap-colors-fg-default);
 }
   .iap-badge--variant_subtle svg {
@@ -2354,11 +2375,11 @@
 }
   .iap-badge--size_sm {
+    padding-inline: var(--iap-spacing-2);
+    gap: var(--iap-spacing-1);
     font-size: var(--iap-font-sizes-xs);
     line-height: 1.125rem;
-    padding-inline: var(--iap-spacing-2);
     height: var(--iap-sizes-5);
-    gap: var(--iap-spacing-1);
 }
   .iap-badge--size_sm svg {
@@ -2366,58 +2387,50 @@
     height: var(--iap-sizes-3);
 }
-  .iap-text--size_xs {
-    font-size: var(--iap-font-sizes-xs);
-    line-height: 1.125rem;
+  @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);
 }
-  .iap-input--size_md {
-    padding-inline: var(--iap-spacing-3);
-    height: var(--iap-sizes-10);
-    min-width: var(--iap-sizes-10);
-    font-size: var(--iap-font-sizes-md);
 }
-  .iap-textarea--size_md {
-    padding: var(--iap-spacing-3);
-    font-size: var(--iap-font-sizes-md);
+  @media (hover: hover) and (pointer: fine) {
+    .iap-button--variant_ghost:is(:hover, [data-hover]) {
+      background: var(--iap-colors-color-palette-a3);
 }
-  .iap-spinner--size_md {
-    --size: var(--iap-sizes-6);
 }
   @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_outline:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
-      background: var(--iap-colors-transparent);
+    .iap-button--variant_solid:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+      background: var(--iap-colors-bg-disabled);
       color: var(--iap-colors-fg-disabled);
-      border-color: var(--iap-colors-border-disabled);
 }
 }
   @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_outline:is([aria-selected=true], [data-selected]):is(:hover, [data-hover]) {
+    .iap-button--variant_solid:is(:hover, [data-hover]) {
       background: var(--iap-colors-color-palette-emphasized);
-      border-color: var(--iap-colors-color-palette-emphasized);
 }
 }
   @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([aria-selected=true], [data-selected]):is(:hover, [data-hover]) {
+      background: var(--iap-colors-color-palette-emphasized);
+      border-color: var(--iap-colors-color-palette-emphasized);
 }
 }
   @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+    .iap-button--variant_outline:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
       background: var(--iap-colors-transparent);
+      border-color: var(--iap-colors-border-disabled);
       color: var(--iap-colors-fg-disabled);
 }
 }
   @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);
 }
 }
@@ -2433,36 +2446,77 @@
       background: var(--iap-colors-color-palette-a4);
 }
 }
+}
-  @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);
+@layer iap_recipes.slots{
+  @layer _base{
+    .iap-switchRecipe__root {
+      align-items: center;
+      display: flex;
+      position: relative;
 }
+    .iap-switchRecipe__label {
+      color: var(--iap-colors-fg-default);
+      font-weight: var(--iap-font-weights-medium);
 }
-  @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_solid:is(:hover, [data-hover]) {
-      background: var(--iap-colors-color-palette-emphasized);
+    .iap-switchRecipe__control {
+      background: var(--iap-colors-bg-emphasized);
+      border-radius: var(--iap-radii-full);
+      align-items: center;
+      cursor: pointer;
+      display: inline-flex;
+      flex-shrink: 0;
+      --transition-duration: var(--iap-durations-normal);
+      transition-duration: var(--iap-durations-normal);
+      --transition-prop: background;
+      transition-property: background;
+      --transition-easing: var(--iap-easings-default);
+      transition-timing-function: var(--iap-easings-default);
 }
+    .iap-switchRecipe__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+      background: var(--iap-colors-color-palette-default);
 }
+    .iap-switchRecipe__thumb {
+      background: var(--iap-colors-bg-default);
+      border-radius: var(--iap-radii-full);
+      box-shadow: var(--iap-shadows-xs);
+      --transition-duration: var(--iap-durations-normal);
+      transition-duration: var(--iap-durations-normal);
+      --transition-prop: transform, background;
+      transition-property: transform, background;
+      --transition-easing: var(--iap-easings-default);
+      transition-timing-function: var(--iap-easings-default);
 }
-@layer iap_recipes.slots{
-  @layer _base{
+    .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+      transform: translateX(100%);
+}
+    :root .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]),[data-iap-color-mode=light] .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+      background: var(--iap-colors-bg-default);
+}
+    [data-iap-color-mode=dark] .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+      background: var(--iap-colors-color-palette-fg);
+}
     .iap-tooltip__content {
       background: var(--iap-colors-gray-a12);
       border-radius: var(--iap-radii-l2);
-      box-shadow: var(--iap-shadows-sm);
-      color: var(--iap-colors-bg-default);
       padding-inline: var(--iap-spacing-3);
       padding-block: var(--iap-spacing-2);
+      box-shadow: var(--iap-shadows-sm);
+      color: var(--iap-colors-bg-default);
+      font-weight: var(--iap-font-weights-semibold);
       font-size: var(--iap-font-sizes-xs);
       line-height: 1.125rem;
-      max-width: var(--iap-sizes-2xs);
       z-index: var(--iap-z-index-tooltip);
-      font-weight: var(--iap-font-weights-semibold);
+      max-width: var(--iap-sizes-2xs);
 }
     .iap-tooltip__content:is([open], [data-open], [data-state="open"]) {
@@ -2473,44 +2527,6 @@
       animation: fadeOut 0.2s ease-out;
 }
-    .iap-alert__root {
-      background: var(--iap-colors-bg-default);
-      border-radius: var(--iap-radii-l3);
-      display: flex;
-      gap: var(--iap-spacing-3);
-      padding: var(--iap-spacing-4);
-      width: var(--iap-sizes-full);
-      border-width: 1px;
-}
-    .iap-alert__content {
-      display: flex;
-      gap: var(--iap-spacing-1);
-      flex-direction: column;
-}
-    .iap-alert__description {
-      color: var(--iap-colors-fg-muted);
-      font-size: var(--iap-font-sizes-sm);
-      line-height: 1.25rem;
-}
-    .iap-alert__icon {
-      width: var(--iap-sizes-5);
-      height: var(--iap-sizes-5);
-      flex-shrink: 0;
-}
-    .iap-alert__icon,.iap-alert__title {
-      color: var(--iap-colors-fg-default);
-}
-    .iap-alert__title {
-      font-size: var(--iap-font-sizes-sm);
-      line-height: 1.25rem;
-      font-weight: var(--iap-font-weights-semibold);
-}
     .iap-popover__arrow {
       --arrow-size: var(--sizes-3);
       --arrow-background: var(--colors-bg-default);
@@ -2527,13 +2543,13 @@
     .iap-popover__content {
       background: var(--iap-colors-bg-default);
+      padding: var(--iap-spacing-4);
       border-radius: var(--iap-radii-l3);
       box-shadow: var(--iap-shadows-lg);
       display: flex;
-      max-width: var(--iap-sizes-sm);
-      z-index: var(--iap-z-index-popover);
-      padding: var(--iap-spacing-4);
       flex-direction: column;
+      z-index: var(--iap-z-index-popover);
+      max-width: var(--iap-sizes-sm);
 }
     .iap-popover__content:is([open], [data-open], [data-state="open"]) {
@@ -2564,16 +2580,12 @@
     .iap-menu__content {
       background: var(--iap-colors-bg-default);
       border-radius: var(--iap-radii-l2);
+      outline: var(--iap-borders-none);
       box-shadow: var(--iap-shadows-lg);
       display: flex;
-      outline: var(--iap-borders-none);
-      width: calc(100% + 2rem);
-      z-index: var(--iap-z-index-dropdown);
       flex-direction: column;
-}
-    .iap-menu__content:is([hidden]) {
-      display: none;
+      z-index: var(--iap-z-index-dropdown);
+      width: calc(100% + 2rem);
 }
     .iap-menu__content:is([open], [data-open], [data-state="open"]) {
@@ -2584,14 +2596,18 @@
       animation: fadeOut 0.2s ease-out;
 }
+    .iap-menu__content:is([hidden]) {
+      display: none;
+}
     .iap-menu__item {
       border-radius: var(--iap-radii-l1);
+      align-items: center;
       cursor: pointer;
       display: flex;
+      font-weight: var(--iap-font-weights-medium);
       font-size: var(--iap-font-sizes-sm);
       line-height: 1.25rem;
-      align-items: center;
-      font-weight: var(--iap-font-weights-medium);
       --transition-duration: var(--iap-durations-fast);
       transition-duration: var(--iap-durations-fast);
       --transition-prop: background, color;
@@ -2619,9 +2635,9 @@
 }
     .iap-menu__itemGroupLabel {
+      font-weight: var(--iap-font-weights-semibold);
       font-size: var(--iap-font-sizes-sm);
       line-height: 1.25rem;
-      font-weight: var(--iap-font-weights-semibold);
 }
     .iap-menu__positioner {
@@ -2630,12 +2646,12 @@
     .iap-menu__triggerItem {
       border-radius: var(--iap-radii-l1);
+      align-items: center;
       cursor: pointer;
       display: flex;
+      font-weight: var(--iap-font-weights-medium);
       font-size: var(--iap-font-sizes-sm);
       line-height: 1.25rem;
-      align-items: center;
-      font-weight: var(--iap-font-weights-medium);
       --transition-duration: var(--iap-durations-fast);
       transition-duration: var(--iap-durations-fast);
       --transition-prop: background, color;
@@ -2670,71 +2686,55 @@
     .iap-avatar__fallback {
       background: var(--iap-colors-bg-subtle);
       border-radius: var(--iap-radii-full);
+      border-width: 1px;
+      align-items: center;
       color: var(--iap-colors-fg-default);
       display: flex;
-      height: inherit;
-      align-items: center;
-      border-width: 1px;
       font-weight: var(--iap-font-weights-semibold);
       justify-content: center;
+      height: inherit;
 }
     .iap-avatar__fallback:is([hidden]) {
       display: none;
 }
-    .iap-switchRecipe__root {
+    .iap-alert__root {
+      background: var(--iap-colors-bg-default);
+      padding: var(--iap-spacing-4);
+      border-width: 1px;
+      border-radius: var(--iap-radii-l3);
+      gap: var(--iap-spacing-3);
       display: flex;
-      position: relative;
-      align-items: center;
+      width: var(--iap-sizes-full);
 }
-    .iap-switchRecipe__label {
-      color: var(--iap-colors-fg-default);
-      font-weight: var(--iap-font-weights-medium);
+    .iap-alert__content {
+      gap: var(--iap-spacing-1);
+      display: flex;
+      flex-direction: column;
 }
-    .iap-switchRecipe__control {
-      background: var(--iap-colors-bg-emphasized);
-      border-radius: var(--iap-radii-full);
-      cursor: pointer;
-      display: inline-flex;
-      align-items: center;
+    .iap-alert__description {
+      color: var(--iap-colors-fg-muted);
+      font-size: var(--iap-font-sizes-sm);
+      line-height: 1.25rem;
+}
+    .iap-alert__icon {
       flex-shrink: 0;
-      --transition-duration: var(--iap-durations-normal);
-      transition-duration: var(--iap-durations-normal);
-      --transition-prop: background;
-      transition-property: background;
-      --transition-easing: var(--iap-easings-default);
-      transition-timing-function: var(--iap-easings-default);
+      width: var(--iap-sizes-5);
+      height: var(--iap-sizes-5);
 }
-    .iap-switchRecipe__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
-      background: var(--iap-colors-color-palette-default);
+    .iap-alert__icon,.iap-alert__title {
+      color: var(--iap-colors-fg-default);
 }
-    .iap-switchRecipe__thumb {
-      background: var(--iap-colors-bg-default);
-      border-radius: var(--iap-radii-full);
-      box-shadow: var(--iap-shadows-xs);
-      --transition-duration: var(--iap-durations-normal);
-      transition-duration: var(--iap-durations-normal);
-      --transition-prop: transform, background;
-      transition-property: transform, background;
-      --transition-easing: var(--iap-easings-default);
-      transition-timing-function: var(--iap-easings-default);
-}
-    .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
-      transform: translateX(100%);
-}
-    :root .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]),[data-iap-color-mode=light] .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
-      background: var(--iap-colors-bg-default);
-}
-    [data-iap-color-mode=dark] .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
-      background: var(--iap-colors-color-palette-fg);
+    .iap-alert__title {
+      font-weight: var(--iap-font-weights-semibold);
+      font-size: var(--iap-font-sizes-sm);
+      line-height: 1.25rem;
 }
     @media (hover: hover) and (pointer: fine) {
@@ -2745,8 +2745,8 @@
     @media (hover: hover) and (pointer: fine) {
       .iap-menu__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
-        color: var(--iap-colors-fg-disabled);
         background: none;
+        color: var(--iap-colors-fg-disabled);
 }
 }
@@ -2764,8 +2764,8 @@
     @media (hover: hover) and (pointer: fine) {
       .iap-menu__triggerItem:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
-        color: var(--iap-colors-fg-disabled);
         background: none;
+        color: var(--iap-colors-fg-disabled);
 }
 }
@@ -2776,15 +2776,34 @@
 }
 }
+  .iap-switchRecipe__root--size_md {
+    gap: var(--iap-spacing-3);
+}
+  .iap-switchRecipe__label--size_md {
+    font-size: var(--iap-font-sizes-md);
+    line-height: 1.5rem;
+}
+  .iap-switchRecipe__control--size_md {
+    padding: var(--iap-spacing-0\.5);
+    width: var(--iap-sizes-9);
+}
+  .iap-switchRecipe__thumb--size_md {
+    width: var(--iap-sizes-4);
+    height: var(--iap-sizes-4);
+}
   .iap-menu__content--size_md {
     padding-block: var(--iap-spacing-1);
     gap: var(--iap-spacing-1);
 }
   .iap-menu__item--size_md {
-    height: var(--iap-sizes-10);
     padding-inline: var(--iap-spacing-2\.5);
     margin-inline: var(--iap-spacing-1);
+    height: var(--iap-sizes-10);
 }
   .iap-menu__item--size_md :where(svg) {
@@ -2803,9 +2822,9 @@
 }
   .iap-menu__triggerItem--size_md {
-    height: var(--iap-sizes-10);
     padding-inline: var(--iap-spacing-2\.5);
     margin-inline: var(--iap-spacing-1\.5);
+    height: var(--iap-sizes-10);
 }
   .iap-menu__triggerItem--size_md :where(svg) {
@@ -2827,689 +2846,604 @@
     width: var(--iap-sizes-5);
     height: var(--iap-sizes-5);
 }
+}
-  .iap-switchRecipe__root--size_md {
-    gap: var(--iap-spacing-3);
+@layer iap_utilities{
+  @layer compositions{
+    .iap-textStyle_md {
+      font-size: var(--iap-font-sizes-md);
+      line-height: 1.5rem;
 }
-  .iap-switchRecipe__label--size_md {
-    font-size: var(--iap-font-sizes-md);
-    line-height: 1.5rem;
+    .iap-textStyle_sm {
+      font-size: var(--iap-font-sizes-sm);
+      line-height: 1.25rem;
 }
-  .iap-switchRecipe__control--size_md {
-    width: var(--iap-sizes-9);
+    .iap-textStyle_xs {
+      font-size: var(--iap-font-sizes-xs);
+      line-height: 1.125rem;
+}
+}
+  .iap---thickness_1px {
+    --thickness: 1px;
+}
+  .iap-bg_white {
+    background: var(--iap-colors-white);
+}
+  .iap-p_0 {
+    padding: var(--iap-spacing-0);
+}
+  .iap-p_1\.5 {
+    padding: var(--iap-spacing-1\.5);
+}
+  .iap-bd_none {
+    border: var(--iap-borders-none);
+}
+  .iap-p_2 {
+    padding: var(--iap-spacing-2);
+}
+  .iap-bg_slate\.2 {
+    background: var(--iap-colors-slate-2);
+}
+  .iap-bg_green {
+    background: green;
+}
+  .iap-bg_primary {
+    background: primary;
+}
+  .iap-p_0\.5 {
     padding: var(--iap-spacing-0\.5);
 }
-  .iap-switchRecipe__thumb--size_md {
-    width: var(--iap-sizes-4);
-    height: var(--iap-sizes-4);
+  .iap-bg_neutral\.2 {
+    background: var(--iap-colors-neutral-2);
 }
+  .iap-bd_1px {
+    border: 1px;
 }
-@layer iap_utilities{
-  @layer compositions{
+  .iap-bg_slate\.1 {
+    background: var(--iap-colors-slate-1);
+}
-    .iap-textStyle_xs {
-      font-size: var(--iap-font-sizes-xs);
-      line-height: 1.125rem;
+  .iap-bg_tomato\.10 {
+    background: var(--iap-colors-tomato-10);
 }
-    .iap-textStyle_sm {
-      font-size: var(--iap-font-sizes-sm);
-      line-height: 1.25rem;
+  .iap-p_1 {
+    padding: var(--iap-spacing-1);
 }
-    .iap-textStyle_md {
-      font-size: var(--iap-font-sizes-md);
-      line-height: 1.5rem;
+  .iap-bg_gray\.3 {
+    background: var(--iap-colors-gray-3);
 }
+  .iap-bg_linear-gradient\(\#ffffff_33\%\,_rgba\(255\,_255\,_255\,_0\)\)\,_linear-gradient\(rgba\(255\,_255\,_255\,_0\)\,_\#ffffff_66\%\)_0_100\%\,_radial-gradient\(farthest-side_at_50\%_0\,_rgba\(34\,_34\,_34\,_0\.5\)\,_rgba\(0\,_0\,_0\,_0\)\)\,_radial-gradient\(farthest-side_at_50\%_100\%\,_rgba\(34\,_34\,_34\,_0\.5\)\,_rgba\(0\,_0\,_0\,_0\)\)_0_100\% {
+    background: linear-gradient(#ffffff 33%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #ffffff 66%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(34, 34, 34, 0.5), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(34, 34, 34, 0.5), rgba(0, 0, 0, 0)) 0 100%;
 }
-  .iap-w_3 {
-    width: var(--iap-sizes-3);
+  .iap-p_3 {
+    padding: var(--iap-spacing-3);
 }
-  .iap-asp_aspect-square {
-    aspect-ratio: aspect-square;
+  .iap-bg_neutral\.1 {
+    background: var(--iap-colors-neutral-1);
 }
-  .iap-d_flex {
-    display: flex;
+  .iap-bg_transparent {
+    background: var(--iap-colors-transparent);
 }
-  .iap-trunc_true {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  .iap-bd_transparent {
+    border: transparent;
 }
-  .iap-d_inline-block {
-    display: inline-block;
+  .iap-bg_neutral\.3 {
+    background: var(--iap-colors-neutral-3);
 }
-  .iap-white-space_nowrap {
-    white-space: nowrap;
+  .iap-bg_black {
+    background: var(--iap-colors-black);
 }
-  .iap-pos_relative {
-    position: relative;
+  .iap-bg_neutral\.3\! {
+    background: var(--iap-colors-neutral-3) !important;
 }
-  .iap-max-w_full {
-    max-width: var(--iap-sizes-full);
+  .iap-bg_black\! {
+    background: var(--iap-colors-black) !important;
 }
-  .iap-min-h_5 {
-    min-height: var(--iap-sizes-5);
+  .iap-anim_fade-in {
+    animation: var(--iap-animations-fade-in);
 }
-  .iap-gap_0\.5 {
-    gap: var(--iap-spacing-0\.5);
+  .iap-inset_0 {
+    inset: var(--iap-spacing-0);
 }
-  .iap-px_1\.5 {
-    padding-inline: var(--iap-spacing-1\.5);
+  .iap-m_0 {
+    margin: var(--iap-spacing-0);
 }
-  .iap-py_0\.5 {
-    padding-block: var(--iap-spacing-0\.5);
+  .iap-bg_surface\.default {
+    background: var(--iap-colors-surface-default);
+}
+  .iap-bg_colorPalette\.3 {
+    background: var(--iap-colors-color-palette-3);
+}
+  .iap-bg_transparent\! {
+    background: var(--iap-colors-transparent) !important;
+}
+  .iap-bg_slate\.4 {
+    background: var(--iap-colors-slate-4);
+}
+  .iap-bg_gray\.2 {
+    background: var(--iap-colors-gray-2);
+}
+  .iap-bg_warning\.2 {
+    background: var(--iap-colors-warning-2);
+}
+  .iap-ov_hidden {
+    overflow: hidden;
 }
   .iap-bdr_lg {
     border-radius: var(--iap-radii-lg);
 }
-  .iap-bg_colorPalette\.3 {
-    background: var(--iap-colors-color-palette-3);
+  .iap-bd-c_gray\.2 {
+    border-color: var(--iap-colors-gray-2);
 }
-  .iap-c_colorPalette\.12 {
-    color: var(--iap-colors-color-palette-12);
+  .iap-bd-w_0\.5 {
+    border-width: 0.5px;
 }
-  .iap-us_none {
-    -webkit-user-select: none;
-    user-select: none;
+  .iap-flex_1 {
+    flex: 1 1 0%;
 }
-  .iap-c_black {
-    color: var(--iap-colors-black);
+  .iap-bdr_none {
+    border-radius: var(--iap-radii-none);
 }
-  .iap-color-palette_gray {
-    --iap-colors-color-palette-light-1: var(--iap-colors-gray-light-1);
-    --iap-colors-color-palette-light-2: var(--iap-colors-gray-light-2);
-    --iap-colors-color-palette-light-3: var(--iap-colors-gray-light-3);
-    --iap-colors-color-palette-light-4: var(--iap-colors-gray-light-4);
-    --iap-colors-color-palette-light-5: var(--iap-colors-gray-light-5);
-    --iap-colors-color-palette-light-6: var(--iap-colors-gray-light-6);
-    --iap-colors-color-palette-light-7: var(--iap-colors-gray-light-7);
-    --iap-colors-color-palette-light-8: var(--iap-colors-gray-light-8);
-    --iap-colors-color-palette-light-9: var(--iap-colors-gray-light-9);
-    --iap-colors-color-palette-light-10: var(--iap-colors-gray-light-10);
-    --iap-colors-color-palette-light-11: var(--iap-colors-gray-light-11);
-    --iap-colors-color-palette-light-12: var(--iap-colors-gray-light-12);
-    --iap-colors-color-palette-light-a1: var(--iap-colors-gray-light-a1);
-    --iap-colors-color-palette-light-a2: var(--iap-colors-gray-light-a2);
-    --iap-colors-color-palette-light-a3: var(--iap-colors-gray-light-a3);
-    --iap-colors-color-palette-light-a4: var(--iap-colors-gray-light-a4);
-    --iap-colors-color-palette-light-a5: var(--iap-colors-gray-light-a5);
-    --iap-colors-color-palette-light-a6: var(--iap-colors-gray-light-a6);
-    --iap-colors-color-palette-light-a7: var(--iap-colors-gray-light-a7);
-    --iap-colors-color-palette-light-a8: var(--iap-colors-gray-light-a8);
-    --iap-colors-color-palette-light-a9: var(--iap-colors-gray-light-a9);
-    --iap-colors-color-palette-light-a10: var(--iap-colors-gray-light-a10);
-    --iap-colors-color-palette-light-a11: var(--iap-colors-gray-light-a11);
-    --iap-colors-color-palette-light-a12: var(--iap-colors-gray-light-a12);
-    --iap-colors-color-palette-dark-1: var(--iap-colors-gray-dark-1);
-    --iap-colors-color-palette-dark-2: var(--iap-colors-gray-dark-2);
-    --iap-colors-color-palette-dark-3: var(--iap-colors-gray-dark-3);
-    --iap-colors-color-palette-dark-4: var(--iap-colors-gray-dark-4);
-    --iap-colors-color-palette-dark-5: var(--iap-colors-gray-dark-5);
-    --iap-colors-color-palette-dark-6: var(--iap-colors-gray-dark-6);
-    --iap-colors-color-palette-dark-7: var(--iap-colors-gray-dark-7);
-    --iap-colors-color-palette-dark-8: var(--iap-colors-gray-dark-8);
-    --iap-colors-color-palette-dark-9: var(--iap-colors-gray-dark-9);
-    --iap-colors-color-palette-dark-10: var(--iap-colors-gray-dark-10);
-    --iap-colors-color-palette-dark-11: var(--iap-colors-gray-dark-11);
-    --iap-colors-color-palette-dark-12: var(--iap-colors-gray-dark-12);
-    --iap-colors-color-palette-dark-a1: var(--iap-colors-gray-dark-a1);
-    --iap-colors-color-palette-dark-a2: var(--iap-colors-gray-dark-a2);
-    --iap-colors-color-palette-dark-a3: var(--iap-colors-gray-dark-a3);
-    --iap-colors-color-palette-dark-a4: var(--iap-colors-gray-dark-a4);
-    --iap-colors-color-palette-dark-a5: var(--iap-colors-gray-dark-a5);
-    --iap-colors-color-palette-dark-a6: var(--iap-colors-gray-dark-a6);
-    --iap-colors-color-palette-dark-a7: var(--iap-colors-gray-dark-a7);
-    --iap-colors-color-palette-dark-a8: var(--iap-colors-gray-dark-a8);
-    --iap-colors-color-palette-dark-a9: var(--iap-colors-gray-dark-a9);
-    --iap-colors-color-palette-dark-a10: var(--iap-colors-gray-dark-a10);
-    --iap-colors-color-palette-dark-a11: var(--iap-colors-gray-dark-a11);
-    --iap-colors-color-palette-dark-a12: var(--iap-colors-gray-dark-a12);
-    --iap-colors-color-palette-1: var(--iap-colors-gray-1);
-    --iap-colors-color-palette-2: var(--iap-colors-gray-2);
-    --iap-colors-color-palette-3: var(--iap-colors-gray-3);
-    --iap-colors-color-palette-4: var(--iap-colors-gray-4);
-    --iap-colors-color-palette-5: var(--iap-colors-gray-5);
-    --iap-colors-color-palette-6: var(--iap-colors-gray-6);
-    --iap-colors-color-palette-7: var(--iap-colors-gray-7);
-    --iap-colors-color-palette-8: var(--iap-colors-gray-8);
-    --iap-colors-color-palette-9: var(--iap-colors-gray-9);
-    --iap-colors-color-palette-10: var(--iap-colors-gray-10);
-    --iap-colors-color-palette-11: var(--iap-colors-gray-11);
-    --iap-colors-color-palette-12: var(--iap-colors-gray-12);
-    --iap-colors-color-palette-a1: var(--iap-colors-gray-a1);
-    --iap-colors-color-palette-a2: var(--iap-colors-gray-a2);
-    --iap-colors-color-palette-a3: var(--iap-colors-gray-a3);
-    --iap-colors-color-palette-a4: var(--iap-colors-gray-a4);
-    --iap-colors-color-palette-a5: var(--iap-colors-gray-a5);
-    --iap-colors-color-palette-a6: var(--iap-colors-gray-a6);
-    --iap-colors-color-palette-a7: var(--iap-colors-gray-a7);
-    --iap-colors-color-palette-a8: var(--iap-colors-gray-a8);
-    --iap-colors-color-palette-a9: var(--iap-colors-gray-a9);
-    --iap-colors-color-palette-a10: var(--iap-colors-gray-a10);
-    --iap-colors-color-palette-a11: var(--iap-colors-gray-a11);
-    --iap-colors-color-palette-a12: var(--iap-colors-gray-a12);
-    --iap-colors-color-palette-default: var(--iap-colors-gray-default);
-    --iap-colors-color-palette-emphasized: var(--iap-colors-gray-emphasized);
-    --iap-colors-color-palette-fg: var(--iap-colors-gray-fg);
-    --iap-colors-color-palette-text: var(--iap-colors-gray-text);
+  .iap-px_2 {
+    padding-inline: var(--iap-spacing-2);
 }
-  .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-py_1\.5 {
+    padding-block: var(--iap-spacing-1\.5);
 }
-  .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-gap_1\.5 {
+    gap: var(--iap-spacing-1\.5);
 }
-  .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-py_1 {
+    padding-block: var(--iap-spacing-1);
+}
+  .iap-bdr_md {
+    border-radius: var(--iap-radii-md);
+}
+  .iap-bd-c_slate\.3 {
+    border-color: var(--iap-colors-slate-3);
+}
+  .iap-bd-w_thin {
+    border-width: thin;
+}
+  .iap-tw_nowrap {
+    text-wrap: nowrap;
+}
+  .iap-offset_0 {
+    offset: 0;
+}
+  .iap-px_1 {
+    padding-inline: var(--iap-spacing-1);
+}
+  .iap-bdr_xs {
+    border-radius: var(--iap-radii-xs);
+}
+  .iap-gap_1 {
+    gap: var(--iap-spacing-1);
+}
+  .iap-border-style_solid {
+    border-style: solid;
 }
-  .iap-c_tomato\.10 {
-    color: var(--iap-colors-tomato-10);
+  .iap-bd-c_gray\.6 {
+    border-color: var(--iap-colors-gray-6);
 }
-  .iap-bg_transparent\! {
-    background: var(--iap-colors-transparent) !important;
+  .iap-px_2\.5 {
+    padding-inline: var(--iap-spacing-2\.5);
 }
-  .iap-pointer-events_none {
-    pointer-events: none;
+  .iap-bd-w_1px_1px_1px_0 {
+    border-width: 1px 1px 1px 0;
 }
-  .iap-bg_slate\.4 {
-    background: var(--iap-colors-slate-4);
+  .iap-px_0 {
+    padding-inline: var(--iap-spacing-0);
 }
-  .iap-cursor_initial {
-    cursor: initial;
+  .iap-py_0 {
+    padding-block: var(--iap-spacing-0);
 }
-  .iap-h_3 {
-    height: var(--iap-sizes-3);
+  .iap-py_2 {
+    padding-block: var(--iap-spacing-2);
 }
-  .iap-min-w_3 {
-    min-width: var(--iap-sizes-3);
+  .iap-py_2\.5 {
+    padding-block: var(--iap-spacing-2\.5);
 }
-  .iap-stk-w_token\(sizes\.0\.5\) {
-    stroke-width: var(--iap-sizes-0\.5);
+  .iap-gap_2 {
+    gap: var(--iap-spacing-2);
 }
-  .iap-d_none {
-    display: none;
+  .iap-bdr_full {
+    border-radius: var(--iap-radii-full);
 }
-  .iap-pos_absolute {
-    position: absolute;
+  .iap-px_1\.5 {
+    padding-inline: var(--iap-spacing-1\.5);
 }
-  .iap-w_7 {
-    width: var(--iap-sizes-7);
+  .iap-bd-c_gray\.5 {
+    border-color: var(--iap-colors-gray-5);
 }
-  .iap-max-w_1\/2 {
-    max-width: 50%;
+  .iap-flex_0_0_auto {
+    flex: 0 0 auto;
 }
-  .iap-h_full {
-    height: var(--iap-sizes-full);
+  .iap-bdr_9999px {
+    border-radius: 9999px;
 }
-  .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-offset_-4 {
+    offset: -4px;
 }
-  .iap-grad-from_transparent {
-    --gradient-from: var(--iap-colors-transparent);
+  .iap-bd-c_neutral\.5 {
+    border-color: var(--iap-colors-neutral-5);
+}
+  .iap-px_4 {
+    padding-inline: var(--iap-spacing-4);
 }
   .iap-bdr_sm {
     border-radius: var(--iap-radii-sm);
 }
-  .iap-ring_none {
-    outline: var(--iap-borders-none);
+  .iap-trs_colors {
+    transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
+    transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
+    transition-duration: var(--transition-duration, 150ms);
 }
-  .iap-d_none\! {
-    display: none !important;
+  .iap-bd-w_1px {
+    border-width: 1px;
 }
-  .iap-d_inline-flex {
-    display: inline-flex;
+  .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-w_fit-content {
-    width: fit-content;
+  .iap-bd-c_transparent {
+    border-color: var(--iap-colors-transparent);
 }
-  .iap-w_0 {
-    width: var(--iap-sizes-0);
+  .iap-bdr_xl {
+    border-radius: var(--iap-radii-xl);
 }
-  .iap-z_1 {
-    z-index: 1;
+  .iap-my_2 {
+    margin-block: var(--iap-spacing-2);
 }
-  .iap-p_1\.5 {
-    padding: var(--iap-spacing-1\.5);
+  .iap-gap_0 {
+    gap: var(--iap-spacing-0);
 }
-  .iap-gap_2 {
-    gap: var(--iap-spacing-2);
+  .iap-mx_3px {
+    margin-inline: 3px;
 }
-  .iap-flex_1 {
-    flex: 1 1 0%;
+  .iap-gap_0\.5 {
+    gap: var(--iap-spacing-0\.5);
 }
-  .iap-w_min\(30rem\,_70vw\) {
-    width: min(30rem, 70vw);
+  .iap-px_3 {
+    padding-inline: var(--iap-spacing-3);
 }
-  .iap-min-h_14 {
-    min-height: var(--iap-sizes-14);
+  .iap-gap_5 {
+    gap: var(--iap-spacing-5);
 }
-  .iap-h_fit-content {
-    height: fit-content;
+  .iap-py_4 {
+    padding-block: var(--iap-spacing-4);
 }
-  .iap-bdr_xl {
-    border-radius: var(--iap-radii-xl);
+  .iap-bdr_token\(sizes\.2\.5\) {
+    border-radius: var(--iap-sizes-2\.5);
 }
-  .iap-c_slate\.11 {
-    color: var(--iap-colors-slate-11);
+  .iap-py_0\.5 {
+    padding-block: var(--iap-spacing-0\.5);
 }
-  .iap-px_2 {
-    padding-inline: var(--iap-spacing-2);
+  .iap-bd-c_colorPalette\.4 {
+    border-color: var(--iap-colors-color-palette-4);
 }
-  .iap-py_1 {
-    padding-block: var(--iap-spacing-1);
+  .iap-bd-c_transparent\! {
+    border-color: var(--iap-colors-transparent) !important;
 }
-  .iap---thickness_1px {
-    --thickness: 1px;
+  .iap-bd-c_slate\.5 {
+    border-color: var(--iap-colors-slate-5);
 }
-  .iap-w_100\% {
-    width: 100%;
+  .iap-ring_none {
+    outline: var(--iap-borders-none);
 }
   .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-trs_opacity_0\.1s {
+    transition: opacity 0.1s;
 }
-  .iap-min-h_10 {
-    min-height: var(--iap-sizes-10);
+  .iap-ov_scroll {
+    overflow: scroll;
 }
-  .iap-bdr_md {
-    border-radius: var(--iap-radii-md);
+  .iap-mx_1\.5 {
+    margin-inline: var(--iap-spacing-1\.5);
 }
-  .iap-w_5\/6 {
-    width: 83.333333%;
+  .iap-bd-c_warning\.8 {
+    border-color: var(--iap-colors-warning-8);
 }
-  .iap-op_0\.1 {
-    opacity: 0.1;
+  .iap-my_1\.5 {
+    margin-block: var(--iap-spacing-1\.5);
 }
-  .iap-trs_opacity_0\.1s {
-    transition: opacity 0.1s;
+  .iap-ring-w_0 {
+    outline-width: 0;
 }
-  .iap-gap_1 {
-    gap: var(--iap-spacing-1);
+  .iap-d_flex {
+    display: flex;
 }
-  .iap-max-h_full {
-    max-height: var(--iap-sizes-full);
+  .iap-bx-sh_xl {
+    box-shadow: var(--iap-shadows-xl);
 }
-  .iap-ov_scroll {
-    overflow: scroll;
+  .iap-flex-d_column {
+    flex-direction: column;
 }
-  .iap-m_0 {
-    margin: var(--iap-spacing-0);
+  .iap-fw_medium {
+    font-weight: var(--iap-font-weights-medium);
 }
-  .iap-px_1 {
-    padding-inline: var(--iap-spacing-1);
+  .iap-pos_relative {
+    position: relative;
 }
-  .iap-h_initial {
-    height: initial;
+  .iap-flex-g_1 {
+    flex-grow: 1;
 }
-  .iap-max-w_md {
-    max-width: var(--iap-sizes-md);
+  .iap-c_slate\.11 {
+    color: var(--iap-colors-slate-11);
 }
-  .iap-px_3 {
-    padding-inline: var(--iap-spacing-3);
+  .iap-tt_uppercase {
+    text-transform: uppercase;
 }
-  .iap-py_1\.5 {
-    padding-block: var(--iap-spacing-1\.5);
+  .iap-fs_xs {
+    font-size: var(--iap-font-sizes-xs);
 }
-  .iap-bg_gray\.2 {
-    background: var(--iap-colors-gray-2);
+  .iap-ls_wide {
+    letter-spacing: var(--iap-letter-spacings-wide);
 }
-  .iap-mx_1\.5 {
-    margin-inline: var(--iap-spacing-1\.5);
+  .iap-pos_sticky {
+    position: sticky;
 }
-  .iap-p_0 {
-    padding: var(--iap-spacing-0);
+  .iap-z_docked {
+    z-index: var(--iap-z-index-docked);
 }
-  .iap-bg_warning\.2 {
-    background: var(--iap-colors-warning-2);
+  .iap-pointer-events_none {
+    pointer-events: none;
 }
-  .iap-c_warning\.11 {
-    color: var(--iap-colors-warning-11);
+  .iap-flex-d_row {
+    flex-direction: row;
+}
+  .iap-ai_center {
+    align-items: center;
+}
+  .iap-cursor_pointer {
+    cursor: pointer;
+}
+  .iap-ov-wrap_break-word {
+    overflow-wrap: break-word;
+}
+  .iap-c_slate\.9 {
+    color: var(--iap-colors-slate-9);
+}
+  .iap-ta_right {
+    text-align: right;
+}
+  .iap-c_slate\.12 {
+    color: var(--iap-colors-slate-12);
+}
+  .iap-c_tomato\.10 {
+    color: var(--iap-colors-tomato-10);
+}
+  .iap-c_fg\.default {
+    color: var(--iap-colors-fg-default);
 }
-  .iap-my_1\.5 {
-    margin-block: var(--iap-spacing-1\.5);
+  .iap-op_0 {
+    opacity: 0;
 }
-  .iap-my_2 {
-    margin-block: var(--iap-spacing-2);
+  .iap-d_inline-flex {
+    display: inline-flex;
 }
-  .iap-gap_0 {
-    gap: var(--iap-spacing-0);
+  .iap-jc_center {
+    justify-content: center;
 }
-  .iap-z_popover {
-    z-index: var(--iap-z-index-popover);
+  .iap-pos_absolute {
+    position: absolute;
 }
-  .iap-isolation_isolate {
-    isolation: isolate;
+  .iap-trf_translate\(-50\%\,_-50\%\) {
+    transform: translate(-50%, -50%);
 }
-  .iap-w_full {
-    width: var(--iap-sizes-full);
+  .iap-inset-s_50\% {
+    inset-inline-start: 50%;
 }
-  .iap-d_inline {
-    display: inline;
+  .iap-color-palette_gray {
+    --iap-colors-color-palette-light-1: var(--iap-colors-gray-light-1);
+    --iap-colors-color-palette-light-2: var(--iap-colors-gray-light-2);
+    --iap-colors-color-palette-light-3: var(--iap-colors-gray-light-3);
+    --iap-colors-color-palette-light-4: var(--iap-colors-gray-light-4);
+    --iap-colors-color-palette-light-5: var(--iap-colors-gray-light-5);
+    --iap-colors-color-palette-light-6: var(--iap-colors-gray-light-6);
+    --iap-colors-color-palette-light-7: var(--iap-colors-gray-light-7);
+    --iap-colors-color-palette-light-8: var(--iap-colors-gray-light-8);
+    --iap-colors-color-palette-light-9: var(--iap-colors-gray-light-9);
+    --iap-colors-color-palette-light-10: var(--iap-colors-gray-light-10);
+    --iap-colors-color-palette-light-11: var(--iap-colors-gray-light-11);
+    --iap-colors-color-palette-light-12: var(--iap-colors-gray-light-12);
+    --iap-colors-color-palette-light-a1: var(--iap-colors-gray-light-a1);
+    --iap-colors-color-palette-light-a2: var(--iap-colors-gray-light-a2);
+    --iap-colors-color-palette-light-a3: var(--iap-colors-gray-light-a3);
+    --iap-colors-color-palette-light-a4: var(--iap-colors-gray-light-a4);
+    --iap-colors-color-palette-light-a5: var(--iap-colors-gray-light-a5);
+    --iap-colors-color-palette-light-a6: var(--iap-colors-gray-light-a6);
+    --iap-colors-color-palette-light-a7: var(--iap-colors-gray-light-a7);
+    --iap-colors-color-palette-light-a8: var(--iap-colors-gray-light-a8);
+    --iap-colors-color-palette-light-a9: var(--iap-colors-gray-light-a9);
+    --iap-colors-color-palette-light-a10: var(--iap-colors-gray-light-a10);
+    --iap-colors-color-palette-light-a11: var(--iap-colors-gray-light-a11);
+    --iap-colors-color-palette-light-a12: var(--iap-colors-gray-light-a12);
+    --iap-colors-color-palette-dark-1: var(--iap-colors-gray-dark-1);
+    --iap-colors-color-palette-dark-2: var(--iap-colors-gray-dark-2);
+    --iap-colors-color-palette-dark-3: var(--iap-colors-gray-dark-3);
+    --iap-colors-color-palette-dark-4: var(--iap-colors-gray-dark-4);
+    --iap-colors-color-palette-dark-5: var(--iap-colors-gray-dark-5);
+    --iap-colors-color-palette-dark-6: var(--iap-colors-gray-dark-6);
+    --iap-colors-color-palette-dark-7: var(--iap-colors-gray-dark-7);
+    --iap-colors-color-palette-dark-8: var(--iap-colors-gray-dark-8);
+    --iap-colors-color-palette-dark-9: var(--iap-colors-gray-dark-9);
+    --iap-colors-color-palette-dark-10: var(--iap-colors-gray-dark-10);
+    --iap-colors-color-palette-dark-11: var(--iap-colors-gray-dark-11);
+    --iap-colors-color-palette-dark-12: var(--iap-colors-gray-dark-12);
+    --iap-colors-color-palette-dark-a1: var(--iap-colors-gray-dark-a1);
+    --iap-colors-color-palette-dark-a2: var(--iap-colors-gray-dark-a2);
+    --iap-colors-color-palette-dark-a3: var(--iap-colors-gray-dark-a3);
+    --iap-colors-color-palette-dark-a4: var(--iap-colors-gray-dark-a4);
+    --iap-colors-color-palette-dark-a5: var(--iap-colors-gray-dark-a5);
+    --iap-colors-color-palette-dark-a6: var(--iap-colors-gray-dark-a6);
+    --iap-colors-color-palette-dark-a7: var(--iap-colors-gray-dark-a7);
+    --iap-colors-color-palette-dark-a8: var(--iap-colors-gray-dark-a8);
+    --iap-colors-color-palette-dark-a9: var(--iap-colors-gray-dark-a9);
+    --iap-colors-color-palette-dark-a10: var(--iap-colors-gray-dark-a10);
+    --iap-colors-color-palette-dark-a11: var(--iap-colors-gray-dark-a11);
+    --iap-colors-color-palette-dark-a12: var(--iap-colors-gray-dark-a12);
+    --iap-colors-color-palette-1: var(--iap-colors-gray-1);
+    --iap-colors-color-palette-2: var(--iap-colors-gray-2);
+    --iap-colors-color-palette-3: var(--iap-colors-gray-3);
+    --iap-colors-color-palette-4: var(--iap-colors-gray-4);
+    --iap-colors-color-palette-5: var(--iap-colors-gray-5);
+    --iap-colors-color-palette-6: var(--iap-colors-gray-6);
+    --iap-colors-color-palette-7: var(--iap-colors-gray-7);
+    --iap-colors-color-palette-8: var(--iap-colors-gray-8);
+    --iap-colors-color-palette-9: var(--iap-colors-gray-9);
+    --iap-colors-color-palette-10: var(--iap-colors-gray-10);
+    --iap-colors-color-palette-11: var(--iap-colors-gray-11);
+    --iap-colors-color-palette-12: var(--iap-colors-gray-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-gray-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-gray-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-gray-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-gray-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-gray-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-gray-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-gray-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-gray-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-gray-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-gray-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-gray-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-gray-a12);
+    --iap-colors-color-palette-default: var(--iap-colors-gray-default);
+    --iap-colors-color-palette-emphasized: var(--iap-colors-gray-emphasized);
+    --iap-colors-color-palette-fg: var(--iap-colors-gray-fg);
+    --iap-colors-color-palette-text: var(--iap-colors-gray-text);
 }
   .iap-sr_true {
@@ -3524,54 +3458,26 @@
     border-width: 0;
 }
-  .iap-va_middle {
-    vertical-align: middle;
-}
-  .iap-cursor_pointer {
-    cursor: pointer;
-}
-  .iap-bg_slate\.2 {
-    background: var(--iap-colors-slate-2);
-}
-  .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-c_white {
+    color: var(--iap-colors-white);
 }
-  .iap-min-w_10 {
-    min-width: var(--iap-sizes-10);
+  .iap-c_black {
+    color: var(--iap-colors-black);
 }
-  .iap-max-w_3\/6 {
-    max-width: 50%;
+  .iap-fw_normal {
+    font-weight: var(--iap-font-weights-normal);
 }
-  .iap-offset_0 {
-    offset: 0;
+  .iap-d_inline-block {
+    display: inline-block;
 }
   .iap-cursor_help {
     cursor: help;
 }
-  .iap-bg_neutral\.2 {
-    background: var(--iap-colors-neutral-2);
-}
-  .iap-bdr_xs {
-    border-radius: var(--iap-radii-xs);
-}
   .iap-c_neutral\.11 {
     color: var(--iap-colors-neutral-11);
 }
@@ -3580,296 +3486,496 @@
     text-align: center;
 }
-  .iap-min-w_5 {
-    min-width: var(--iap-sizes-5);
-}
-  .iap-cursor_default {
-    cursor: default;
-}
-  .iap-inset_0 {
-    inset: var(--iap-spacing-0);
-}
-  .iap-op_0 {
-    opacity: 0;
-}
-  .iap-d_block {
-    display: block;
-}
-  .iap-vis_visible {
-    visibility: visible;
-}
-  .iap-bg_surface\.default {
-    background: var(--iap-colors-surface-default);
-}
-  .iap-py_2\.5 {
-    padding-block: var(--iap-spacing-2\.5);
+  .iap-lh_1\.2 {
+    line-height: 1.2;
 }
-  .iap-min-w_48 {
-    min-width: var(--iap-sizes-48);
+  .iap-flex-sh_0 {
+    flex-shrink: 0;
 }
-  .iap-w_auto {
-    width: auto;
+  .iap-flex-g_0 {
+    flex-grow: 0;
 }
-  .iap-bx-sh_none {
-    box-shadow: none;
+  .iap-c_slate\.10 {
+    color: var(--iap-colors-slate-10);
 }
-  .iap-gap_5 {
-    gap: var(--iap-spacing-5);
+  .iap-ai_start {
+    align-items: start;
 }
-  .iap-px_2\.5 {
-    padding-inline: var(--iap-spacing-2\.5);
+  .iap-flex-wrap_nowrap {
+    flex-wrap: nowrap;
 }
-  .iap-py_2 {
-    padding-block: var(--iap-spacing-2);
+  .iap-as_stretch {
+    align-self: stretch;
 }
-  .iap-h_auto {
-    height: auto;
+  .iap-flex-wrap_wrap {
+    flex-wrap: wrap;
 }
-  .iap-c_neutral\.9 {
-    color: var(--iap-colors-neutral-9);
+  .iap-jc_start {
+    justify-content: start;
 }
-  .iap-h_4 {
-    height: var(--iap-sizes-4);
+  .iap-c_neutral\.10 {
+    color: var(--iap-colors-neutral-10);
 }
-  .iap-w_5 {
-    width: var(--iap-sizes-5);
+  .iap-flex-sh_1 {
+    flex-shrink: 1;
 }
-  .iap-h_5 {
-    height: var(--iap-sizes-5);
+  .iap-ai_stretch {
+    align-items: stretch;
 }
-  .iap-c_slate\.12 {
-    color: var(--iap-colors-slate-12);
+  .iap-jc_space-between {
+    justify-content: space-between;
 }
-  .iap-py_4 {
-    padding-block: var(--iap-spacing-4);
+  .iap-trunc_true {
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
-  .iap-bd_1px {
-    border: 1px;
+  .iap-trunc_true,.iap-white-space_nowrap {
+    white-space: nowrap;
 }
-  .iap-c_slate\.10 {
-    color: var(--iap-colors-slate-10);
+  .iap-white-space_normal {
+    white-space: normal;
 }
-  .iap-min-h_8\.5 {
-    min-height: 8.5px;
+  .iap-fs_sm {
+    font-size: var(--iap-font-sizes-sm);
 }
-  .iap-bg_white {
-    background: var(--iap-colors-white);
+  .iap-bg-c_transparent {
+    background-color: var(--iap-colors-transparent);
 }
-  .iap-min-w_40 {
-    min-width: var(--iap-sizes-40);
+  .iap-bg-r_no-repeat {
+    background-repeat: no-repeat;
 }
-  .iap-px_0 {
-    padding-inline: var(--iap-spacing-0);
+  .iap-bg-a_local\,_local\,_scroll\,_scroll {
+    background-attachment: local, local, scroll, scroll;
 }
-  .iap-py_0 {
-    padding-block: var(--iap-spacing-0);
+  .iap-bg-s_100\%_15px\,_100\%_15px\,_100\%_2px\,_100\%_2px {
+    background-size: 100% 15px, 100% 15px, 100% 2px, 100% 2px;
 }
-  .iap-c_neutral\.10 {
-    color: var(--iap-colors-neutral-10);
+  .iap-white-space_wrap {
+    white-space: wrap;
 }
-  .iap-bg_slate\.1 {
-    background: var(--iap-colors-slate-1);
+  .iap-bx-sh_none {
+    box-shadow: none;
 }
-  .iap-ov_hidden {
-    overflow: hidden;
+  .iap-c_neutral\.9 {
+    color: var(--iap-colors-neutral-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-trs-dur_faster {
+    --transition-duration: var(--iap-durations-faster);
+    transition-duration: var(--iap-durations-faster);
 }
-  .iap-bdr_token\(sizes\.2\.5\) {
-    border-radius: var(--iap-sizes-2\.5);
+  .iap-d_grid {
+    display: grid;
 }
-  .iap-max-w_fit-content {
-    max-width: fit-content;
+  .iap-asp_aspect-square {
+    aspect-ratio: aspect-square;
 }
-  .iap-white-space_normal {
-    white-space: normal;
+  .iap-d_none {
+    display: none;
 }
-  .iap-w_4 {
-    width: var(--iap-sizes-4);
+  .iap-z_1 {
+    z-index: 1;
 }
-  .iap-w_2 {
-    width: var(--iap-sizes-2);
+  .iap-z_popover {
+    z-index: var(--iap-z-index-popover);
 }
-  .iap-h_2 {
-    height: var(--iap-sizes-2);
+  .iap-isolation_isolate {
+    isolation: isolate;
 }
-  .iap-bg_tomato\.10 {
-    background: var(--iap-colors-tomato-10);
+  .iap-d_inline {
+    display: inline;
 }
-  .iap-bdr_full {
-    border-radius: var(--iap-radii-full);
+  .iap-va_middle {
+    vertical-align: middle;
 }
-  .iap-h_6 {
-    height: var(--iap-sizes-6);
+  .iap-cursor_initial {
+    cursor: initial;
 }
-  .iap-w_6 {
-    width: var(--iap-sizes-6);
+  .iap-flex-g_3 {
+    flex-grow: 3;
 }
-  .iap-min-w_unset {
-    min-width: unset;
+  .iap-flex-g_2 {
+    flex-grow: 2;
 }
-  .iap-p_1 {
-    padding: var(--iap-spacing-1);
+  .iap-flex-g_4 {
+    flex-grow: 4;
 }
-  .iap-bg_gray\.3 {
-    background: var(--iap-colors-gray-3);
+  .iap-cursor_default {
+    cursor: default;
 }
-  .iap-bg_linear-gradient\(\#ffffff_33\%\,_rgba\(255\,_255\,_255\,_0\)\)\,_linear-gradient\(rgba\(255\,_255\,_255\,_0\)\,_\#ffffff_66\%\)_0_100\%\,_radial-gradient\(farthest-side_at_50\%_0\,_rgba\(34\,_34\,_34\,_0\.5\)\,_rgba\(0\,_0\,_0\,_0\)\)\,_radial-gradient\(farthest-side_at_50\%_100\%\,_rgba\(34\,_34\,_34\,_0\.5\)\,_rgba\(0\,_0\,_0\,_0\)\)_0_100\% {
-    background: linear-gradient(#ffffff 33%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #ffffff 66%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(34, 34, 34, 0.5), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(34, 34, 34, 0.5), rgba(0, 0, 0, 0)) 0 100%;
+  .iap-trs-prop_colors {
+    --transition-prop: colors;
+    transition-property: colors;
 }
-  .iap-fill_error\.11 {
-    fill: var(--iap-colors-error-11);
+  .iap-d_block {
+    display: block;
 }
-  .iap-fill_success\.11 {
-    fill: var(--iap-colors-success-11);
+  .iap-vis_visible {
+    visibility: visible;
 }
-  .iap-c_white {
-    color: var(--iap-colors-white);
+  .iap-fw_bold {
+    font-weight: var(--iap-font-weights-bold);
 }
-  .iap-max-h_initial {
-    max-height: initial;
+  .iap-jc_flex-start {
+    justify-content: flex-start;
 }
-  .iap-p_3 {
-    padding: var(--iap-spacing-3);
+  .iap-cg_2 {
+    column-gap: var(--iap-spacing-2);
 }
-  .iap-min-h_28 {
-    min-height: var(--iap-sizes-28);
+  .iap-rg_1 {
+    row-gap: var(--iap-spacing-1);
 }
-  .iap-white-space_wrap {
-    white-space: wrap;
+  .iap-trs-dur_200ms {
+    --transition-duration: 200ms;
+    transition-duration: 200ms;
 }
-  .iap-c_gray\.12 {
-    color: var(--iap-colors-gray-12);
+  .iap-fill_error\.11 {
+    fill: var(--iap-colors-error-11);
 }
-  .iap-w_3\/5 {
-    width: 60%;
+  .iap-fill_success\.11 {
+    fill: var(--iap-colors-success-11);
 }
-  .iap-flex_0_0_auto {
-    flex: 0 0 auto;
+  .iap-flex-d_column-reverse {
+    flex-direction: column-reverse;
 }
-  .iap-w_10 {
-    width: var(--iap-sizes-10);
+  .iap-c_gray\.12 {
+    color: var(--iap-colors-gray-12);
 }
-  .iap-bdr_9999px {
-    border-radius: 9999px;
+  .iap-fs_token\(sizes\.3\) {
+    font-size: var(--iap-sizes-3);
 }
-  .iap-offset_-4 {
-    offset: -4px;
+  .iap-lh_token\(sizes\.4\) {
+    line-height: var(--iap-sizes-4);
 }
-  .iap-px_4 {
-    padding-inline: var(--iap-spacing-4);
+  .iap-c_colorPalette\.12 {
+    color: var(--iap-colors-color-palette-12);
 }
-  .iap-min-w_28 {
-    min-width: var(--iap-sizes-28);
+  .iap-us_none {
+    -webkit-user-select: none;
+    user-select: none;
 }
-  .iap-trs_colors {
-    transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
-    transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
-    transition-duration: var(--transition-duration, 150ms);
+  .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-bg_neutral\.1 {
-    background: var(--iap-colors-neutral-1);
+  .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-bg_transparent {
-    background: var(--iap-colors-transparent);
+  .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-bd_transparent {
-    border: transparent;
+  .iap-stk-w_token\(sizes\.0\.5\) {
+    stroke-width: var(--iap-sizes-0\.5);
 }
-  .iap-h_9 {
-    height: var(--iap-sizes-9);
+  .iap-jc_flex-end {
+    justify-content: flex-end;
 }
-  .iap-d_grid {
-    display: grid;
+  .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-bg_neutral\.3 {
-    background: var(--iap-colors-neutral-3);
+  .iap-grad-from_transparent {
+    --gradient-from: var(--iap-colors-transparent);
 }
-  .iap-bg_black {
-    background: var(--iap-colors-black);
+  .iap-d_none\! {
+    display: none !important;
 }
-  .iap-bg_neutral\.3\! {
-    background: var(--iap-colors-neutral-3) !important;
+  .iap-op_0\.1 {
+    opacity: 0.1;
 }
-  .iap-bg_black\! {
-    background: var(--iap-colors-black) !important;
+  .iap-bd-be-w_var\(--thickness\) {
+    border-block-end-width: var(--thickness);
 }
-  .iap-bx-sh_xl {
-    box-shadow: var(--iap-shadows-xl);
+  .iap-c_warning\.11 {
+    color: var(--iap-colors-warning-11);
 }
   .iap-max-w_none {
@@ -3880,545 +3986,444 @@
     max-height: var(--available-height);
 }
-  .iap-min-w_56 {
-    min-width: var(--iap-sizes-56);
-}
-  .iap-max-w_min\(65em\,_90vw\) {
-    max-width: min(65em, 90vw);
-}
-  .iap-max-h_inherit {
-    max-height: inherit;
-}
-  .iap-min-h_8 {
-    min-height: var(--iap-sizes-8);
-}
-  .iap-bdr_none {
-    border-radius: var(--iap-radii-none);
-}
-  .iap-bd_none {
-    border: var(--iap-borders-none);
-}
-  .iap-p_2 {
-    padding: var(--iap-spacing-2);
-}
-  .iap-tt_uppercase {
-    text-transform: uppercase;
-}
-  .iap-ls_wide {
-    letter-spacing: var(--iap-letter-spacings-wide);
-}
-  .iap-pos_sticky {
-    position: sticky;
-}
-  .iap-z_docked {
-    z-index: var(--iap-z-index-docked);
-}
-  .iap-min-h_auto {
-    min-height: auto;
-}
-  .iap-gap_1\.5 {
-    gap: var(--iap-spacing-1\.5);
-}
-  .iap-min-h_6 {
-    min-height: var(--iap-sizes-6);
-}
-  .iap-min-w_3\/6 {
-    min-width: 50%;
-}
-  .iap-ov-wrap_break-word {
-    overflow-wrap: break-word;
-}
-  .iap-c_slate\.9 {
-    color: var(--iap-colors-slate-9);
-}
-  .iap-min-w_1\/6 {
-    min-width: 16.666667%;
-}
-  .iap-max-w_2\/5 {
-    max-width: 40%;
-}
-  .iap-ta_right {
-    text-align: right;
-}
-  .iap-h_7 {
-    height: var(--iap-sizes-7);
-}
-  .iap-c_fg\.default {
-    color: var(--iap-colors-fg-default);
-}
-  .iap-trf_translate\(-50\%\,_-50\%\) {
-    transform: translate(-50%, -50%);
-}
-  .iap-inset-s_50\% {
-    inset-inline-start: 50%;
+  .iap-h_full {
+    height: var(--iap-sizes-full);
 }
-  .iap-anim_fade-in {
-    animation: var(--iap-animations-fade-in);
+  .iap-w_fit-content {
+    width: fit-content;
 }
-  .iap-bg_green {
-    background: green;
+  .iap-w_full {
+    width: var(--iap-sizes-full);
 }
-  .iap-bg_primary {
-    background: primary;
+  .iap-min-w_56 {
+    min-width: var(--iap-sizes-56);
 }
-  .iap-p_0\.5 {
-    padding: var(--iap-spacing-0\.5);
+  .iap-max-w_min\(65em\,_90vw\) {
+    max-width: min(65em, 90vw);
 }
-  .iap-tw_nowrap {
-    text-wrap: nowrap;
+  .iap-max-h_inherit {
+    max-height: inherit;
 }
-  .iap-flex-d_row {
-    flex-direction: row;
+  .iap-pb_1\.5 {
+    padding-bottom: var(--iap-spacing-1\.5);
 }
-  .iap-flex-wrap_nowrap {
-    flex-wrap: nowrap;
+  .iap-min-h_8 {
+    min-height: var(--iap-sizes-8);
 }
-  .iap-ai_center {
-    align-items: center;
+  .iap-pt_0\.5 {
+    padding-top: var(--iap-spacing-0\.5);
 }
-  .iap-fs_token\(sizes\.3\) {
-    font-size: var(--iap-sizes-3);
+  .iap-ov-y_auto {
+    overflow-y: auto;
 }
-  .iap-lh_token\(sizes\.4\) {
-    line-height: var(--iap-sizes-4);
+  .iap-max-w_md {
+    max-width: var(--iap-sizes-md);
 }
-  .iap-flex-sh_0 {
-    flex-shrink: 0;
+  .iap-top_0 {
+    top: var(--iap-spacing-0);
 }
-  .iap-flex-g_0 {
-    flex-grow: 0;
+  .iap-min-h_auto {
+    min-height: auto;
 }
-  .iap-mb_0\.5 {
-    margin-bottom: var(--iap-spacing-0\.5);
+  .iap-min-h_6 {
+    min-height: var(--iap-sizes-6);
 }
-  .iap-jc_start {
-    justify-content: start;
+  .iap-max-w_full {
+    max-width: var(--iap-sizes-full);
 }
-  .iap-bd-w_1px {
-    border-width: 1px;
+  .iap-min-w_3\/6 {
+    min-width: 50%;
 }
-  .iap-border-style_solid {
-    border-style: solid;
+  .iap-min-w_1\/6 {
+    min-width: 16.666667%;
 }
-  .iap-fw_medium {
-    font-weight: var(--iap-font-weights-medium);
+  .iap-max-w_2\/5 {
+    max-width: 40%;
 }
-  .iap-bd-c_colorPalette\.4 {
-    border-color: var(--iap-colors-color-palette-4);
+  .iap-mt_0\.5 {
+    margin-top: var(--iap-spacing-0\.5);
 }
-  .iap-bd-c_transparent\! {
-    border-color: var(--iap-colors-transparent) !important;
+  .iap-h_4 {
+    height: var(--iap-sizes-4);
 }
-  .iap-bd-c_slate\.5 {
-    border-color: var(--iap-colors-slate-5);
+  .iap-w_4 {
+    width: var(--iap-sizes-4);
 }
-  .iap-jc_flex-end {
-    justify-content: flex-end;
+  .iap-h_7 {
+    height: var(--iap-sizes-7);
 }
-  .iap-right_1 {
-    right: var(--iap-spacing-1);
+  .iap-w_7 {
+    width: var(--iap-sizes-7);
 }
-  .iap-bdr-tr_md {
-    border-top-right-radius: var(--iap-radii-md);
+  .iap-h_6 {
+    height: var(--iap-sizes-6);
 }
-  .iap-bdr-br_md {
-    border-bottom-right-radius: var(--iap-radii-md);
+  .iap-w_6 {
+    width: var(--iap-sizes-6);
 }
-  .iap-top_0 {
-    top: var(--iap-spacing-0);
+  .iap-h_5 {
+    height: var(--iap-sizes-5);
 }
-  .iap-left_full {
-    left: full;
+  .iap-w_3\/5 {
+    width: 60%;
 }
-  .iap-bottom_0 {
-    bottom: var(--iap-spacing-0);
+  .iap-top_50\% {
+    top: 50%;
 }
-  .iap-mr_0 {
-    margin-right: var(--iap-spacing-0);
+  .iap-bd-b-c_transparent {
+    border-bottom-color: var(--iap-colors-transparent);
 }
-  .iap-flex-d_column {
-    flex-direction: column;
+  .iap-bd-l-c_transparent {
+    border-left-color: var(--iap-colors-transparent);
 }
-  .iap-ov-y_scroll {
-    overflow-y: scroll;
+  .iap-ml_2 {
+    margin-left: var(--iap-spacing-2);
 }
-  .iap-ov-x_auto {
-    overflow-x: auto;
+  .iap-min-w_5 {
+    min-width: var(--iap-sizes-5);
 }
-  .iap-mt_1 {
-    margin-top: var(--iap-spacing-1);
+  .iap-w_5 {
+    width: var(--iap-sizes-5);
 }
-  .iap-bd-be-w_var\(--thickness\) {
-    border-block-end-width: var(--thickness);
+  .iap-ml_-0\.5 {
+    margin-left: calc(var(--iap-spacing-0\.5) * -1);
 }
-  .iap-pl_2 {
-    padding-left: var(--iap-spacing-2);
+  .iap-mr_-2\.5 {
+    margin-right: calc(var(--iap-spacing-2\.5) * -1);
 }
-  .iap-pb_2\.5 {
-    padding-bottom: var(--iap-spacing-2\.5);
+  .iap-ov-x_hidden {
+    overflow-x: hidden;
 }
-  .iap-jc_space-between {
-    justify-content: space-between;
+  .iap-bd-l-w_1px {
+    border-left-width: 1px;
 }
-  .iap-flex-wrap_wrap {
-    flex-wrap: wrap;
+  .iap-bd-l-c_slate\.3 {
+    border-left-color: var(--iap-colors-slate-3);
 }
-  .iap-ov-y_auto {
-    overflow-y: auto;
+  .iap-min-h_8\.5 {
+    min-height: 8.5px;
 }
-  .iap-bd-c_warning\.8 {
-    border-color: var(--iap-colors-warning-8);
+  .iap-min-w_40 {
+    min-width: var(--iap-sizes-40);
 }
-  .iap-mt_1\.5 {
-    margin-top: var(--iap-spacing-1\.5);
+  .iap-max-w_fit-content {
+    max-width: fit-content;
 }
-  .iap-flex-g_1 {
-    flex-grow: 1;
+  .iap-w_2 {
+    width: var(--iap-sizes-2);
 }
-  .iap-fs_xs {
-    font-size: var(--iap-font-sizes-xs);
+  .iap-h_2 {
+    height: var(--iap-sizes-2);
 }
-  .iap-flex-g_3 {
-    flex-grow: 3;
+  .iap-min-w_unset {
+    min-width: unset;
 }
-  .iap-flex-g_2 {
-    flex-grow: 2;
+  .iap-pt_5 {
+    padding-top: var(--iap-spacing-5);
 }
-  .iap-pt_1px {
-    padding-top: 1px;
+  .iap-min-h_28 {
+    min-height: var(--iap-sizes-28);
 }
-  .iap-flex-g_4 {
-    flex-grow: 4;
+  .iap-w_10 {
+    width: var(--iap-sizes-10);
 }
-  .iap-ml_2 {
-    margin-left: var(--iap-spacing-2);
+  .iap-h_10 {
+    height: var(--iap-sizes-10);
 }
-  .iap-lh_1\.2 {
-    line-height: 1.2;
+  .iap-min-w_28 {
+    min-width: var(--iap-sizes-28);
 }
-  .iap-trs-prop_colors {
-    --transition-prop: colors;
-    transition-property: colors;
+  .iap-h_9 {
+    height: var(--iap-sizes-9);
 }
-  .iap-bd-t-c_transparent {
-    border-top-color: var(--iap-colors-transparent);
+  .iap-ov-y_hidden {
+    overflow-y: hidden;
 }
-  .iap-bd-w_thin {
-    border-width: thin;
+  .iap-w_3 {
+    width: var(--iap-sizes-3);
 }
-  .iap-bd-c_neutral\.5 {
-    border-color: var(--iap-colors-neutral-5);
+  .iap-left_full {
+    left: full;
 }
-  .iap-ai_start {
-    align-items: start;
+  .iap-bottom_0 {
+    bottom: var(--iap-spacing-0);
 }
-  .iap-fw_normal {
-    font-weight: var(--iap-font-weights-normal);
+  .iap-mr_0 {
+    margin-right: var(--iap-spacing-0);
 }
-  .iap-fw_bold {
-    font-weight: var(--iap-font-weights-bold);
+  .iap-w_0 {
+    width: var(--iap-sizes-0);
 }
-  .iap-mt_2 {
-    margin-top: var(--iap-spacing-2);
+  .iap-min-w_12 {
+    min-width: var(--iap-sizes-12);
 }
-  .iap-jc_center {
-    justify-content: center;
+  .iap-max-w_2\/6 {
+    max-width: 33.333333%;
 }
-  .iap-ml_-0\.5 {
-    margin-left: calc(var(--iap-spacing-0\.5) * -1);
+  .iap-min-w_10 {
+    min-width: var(--iap-sizes-10);
 }
-  .iap-mr_-2\.5 {
-    margin-right: calc(var(--iap-spacing-2\.5) * -1);
+  .iap-pt_1px {
+    padding-top: 1px;
 }
-  .iap-bd-c_gray\.6 {
-    border-color: var(--iap-colors-gray-6);
+  .iap-max-w_3\/6 {
+    max-width: 50%;
 }
-  .iap-ov-x_hidden {
-    overflow-x: hidden;
+  .iap-bd-t-c_transparent {
+    border-top-color: var(--iap-colors-transparent);
 }
-  .iap-bd-l-w_1px {
-    border-left-width: 1px;
+  .iap-min-w_48 {
+    min-width: var(--iap-sizes-48);
 }
-  .iap-bd-l-c_slate\.3 {
-    border-left-color: var(--iap-colors-slate-3);
+  .iap-w_auto {
+    width: auto;
 }
-  .iap-bd-w_1px_1px_1px_0 {
-    border-width: 1px 1px 1px 0;
+  .iap-h_auto {
+    height: auto;
 }
-  .iap-bd-c_slate\.3 {
-    border-color: var(--iap-colors-slate-3);
+  .iap-mt_2 {
+    margin-top: var(--iap-spacing-2);
 }
-  .iap-as_stretch {
-    align-self: stretch;
+  .iap-h_fit-content {
+    height: fit-content;
 }
-  .iap-flex-sh_1 {
-    flex-shrink: 1;
+  .iap-top_-1\.5 {
+    top: calc(var(--iap-spacing-1\.5) * -1);
 }
-  .iap-jc_flex-start {
-    justify-content: flex-start;
+  .iap-right_-1\.5 {
+    right: calc(var(--iap-spacing-1\.5) * -1);
 }
-  .iap-cg_2 {
-    column-gap: var(--iap-spacing-2);
+  .iap-max-h_initial {
+    max-height: initial;
 }
-  .iap-rg_1 {
-    row-gap: var(--iap-spacing-1);
+  .iap-h_initial {
+    height: initial;
 }
-  .iap-trs-dur_200ms {
-    --transition-duration: 200ms;
-    transition-duration: 200ms;
+  .iap-mb_0\.5 {
+    margin-bottom: var(--iap-spacing-0\.5);
 }
-  .iap-ai_stretch {
-    align-items: stretch;
+  .iap-min-h_5 {
+    min-height: var(--iap-sizes-5);
 }
-  .iap-fs_sm {
-    font-size: var(--iap-font-sizes-sm);
+  .iap-h_3 {
+    height: var(--iap-sizes-3);
 }
-  .iap-bd-c_gray\.5 {
-    border-color: var(--iap-colors-gray-5);
+  .iap-min-w_3 {
+    min-width: var(--iap-sizes-3);
 }
-  .iap-bd-w_0\.5 {
-    border-width: 0.5px;
+  .iap-right_1 {
+    right: var(--iap-spacing-1);
 }
-  .iap-bg-c_transparent {
-    background-color: var(--iap-colors-transparent);
+  .iap-bdr-tr_md {
+    border-top-right-radius: var(--iap-radii-md);
 }
-  .iap-bg-r_no-repeat {
-    background-repeat: no-repeat;
+  .iap-bdr-br_md {
+    border-bottom-right-radius: var(--iap-radii-md);
 }
-  .iap-bg-a_local\,_local\,_scroll\,_scroll {
-    background-attachment: local, local, scroll, scroll;
+  .iap-max-w_1\/2 {
+    max-width: 50%;
 }
-  .iap-bg-s_100\%_15px\,_100\%_15px\,_100\%_2px\,_100\%_2px {
-    background-size: 100% 15px, 100% 15px, 100% 2px, 100% 2px;
+  .iap-min-h_16 {
+    min-height: var(--iap-sizes-16);
 }
-  .iap-top_-1\.5 {
-    top: calc(var(--iap-spacing-1\.5) * -1);
+  .iap-pl_2 {
+    padding-left: var(--iap-spacing-2);
 }
-  .iap-right_-1\.5 {
-    right: calc(var(--iap-spacing-1\.5) * -1);
+  .iap-min-h_10 {
+    min-height: var(--iap-sizes-10);
 }
-  .iap-flex-d_column-reverse {
-    flex-direction: column-reverse;
+  .iap-w_5\/6 {
+    width: 83.333333%;
 }
-  .iap-pt_5 {
-    padding-top: var(--iap-spacing-5);
+  .iap-max-h_full {
+    max-height: var(--iap-sizes-full);
 }
-  .iap-trs-dur_faster {
-    --transition-duration: var(--iap-durations-faster);
-    transition-duration: var(--iap-durations-faster);
+  .iap-w_100\% {
+    width: 100%;
 }
-  .iap-bd-c_transparent {
-    border-color: var(--iap-colors-transparent);
+  .iap-ov-y_scroll {
+    overflow-y: scroll;
 }
-  .iap-ov-y_hidden {
-    overflow-y: hidden;
+  .iap-ov-x_auto {
+    overflow-x: auto;
 }
-  .iap-ring-w_0 {
-    outline-width: 0;
+  .iap-w_min\(30rem\,_70vw\) {
+    width: min(30rem, 70vw);
 }
-  .iap-bd-c_gray\.2 {
-    border-color: var(--iap-colors-gray-2);
+  .iap-min-h_14 {
+    min-height: var(--iap-sizes-14);
 }
-  .iap-pb_1\.5 {
-    padding-bottom: var(--iap-spacing-1\.5);
+  .iap-mt_1 {
+    margin-top: var(--iap-spacing-1);
 }
-  .iap-pt_0\.5 {
-    padding-top: var(--iap-spacing-0\.5);
+  .iap-pb_2\.5 {
+    padding-bottom: var(--iap-spacing-2\.5);
 }
-  .iap-mt_0\.5 {
-    margin-top: var(--iap-spacing-0\.5);
+  .iap-mt_1\.5 {
+    margin-top: var(--iap-spacing-1\.5);
 }
-  .iap-top_50\% {
-    top: 50%;
+  .current\:iap-bg_slate\.3:is([data-current]) {
+    background: var(--iap-colors-slate-3);
 }
-  .iap-bd-b-c_transparent {
-    border-bottom-color: var(--iap-colors-transparent);
+  .\[\&\:has\(\.simple-input__textarea\)\]\:iap-p_0:has(.simple-input__textarea) {
+    padding: var(--iap-spacing-0);
 }
-  .iap-bd-l-c_transparent {
-    border-left-color: var(--iap-colors-transparent);
+  .after\:iap-grid-area_1_\/_1_\/_2_\/_2::after,.\[\&_\>_textarea\]\:iap-grid-area_1_\/_1_\/_2_\/_2 > textarea {
+    grid-area: 1 / 1 / 2 / 2;
 }
-  .\[\&_svg\]\:iap-d_inline-block svg {
-    display: inline-block;
+  [data-formula="condition"] .\[\[data-formula\=\"condition\"\]_\&\]\:iap-p_1\.5 {
+    padding: var(--iap-spacing-1\.5);
 }
-  .\[\&_svg\]\:iap-va_middle svg {
-    vertical-align: middle;
+  .\[\&\[data-highlighted\]\]\:iap-bg_touchable\.hover[data-highlighted] {
+    background: var(--iap-colors-touchable-hover);
 }
   [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);
+  .\[\&\:has\(\.simple-input__textarea\)\]\:iap-px_3:has(.simple-input__textarea) {
+    padding-inline: var(--iap-spacing-3);
 }
-  [aria-disabled='true'] .\[\[aria-disabled\=\'true\'\]_\&\]\:iap-cursor_initial {
-    cursor: initial;
+  .after\:iap-bdr_sm::after {
+    border-radius: var(--iap-radii-sm);
 }
-  [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;
+  .after\:iap-px_4::after {
+    padding-inline: var(--iap-spacing-4);
 }
-  .\[\&_svg\]\:iap-h_3 svg {
-    height: var(--iap-sizes-3);
+  .after\:iap-py_2::after {
+    padding-block: var(--iap-spacing-2);
 }
-  .\[\&_svg\]\:iap-w_3 svg {
-    width: var(--iap-sizes-3);
+  .after\:iap-trs_all::after {
+    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);
 }
-  .\[\&_svg\]\:iap-c_warning\.11 svg {
-    color: var(--iap-colors-warning-11);
+  .after\:iap-bd-w_1px::after {
+    border-width: 1px;
 }
-  :not([contenteditable="true"]):not(:has([contenteditable="true"])) .\[\:not\(\[contenteditable\=\"true\"\]\)\:not\(\:has\(\[contenteditable\=\"true\"\]\)\)_\&\]\:iap-d_flex {
-    display: flex;
+  .after\:iap-bd-c_transparent::after {
+    border-color: var(--iap-colors-transparent);
 }
-  [data-formula="condition"] .\[\[data-formula\=\"condition\"\]_\&\]\:iap-p_1\.5 {
-    padding: var(--iap-spacing-1\.5);
+  .after\:iap-border-style_solid::after {
+    border-style: solid;
 }
-  :not([contenteditable="true"]):not(:has([contenteditable="true"])) .\[\:not\(\[contenteditable\=\"true\"\]\)\:not\(\:has\(\[contenteditable\=\"true\"\]\)\)_\&\]\:iap-d_inline-flex {
-    display: inline-flex;
+  .\[\&_\>_textarea\]\:iap-ov_auto > textarea {
+    overflow: auto;
 }
   [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);
 }
@@ -4435,156 +4440,147 @@
     border-radius: var(--iap-radii-md);
 }
-  .\[\&_p\]\:iap-min-h_5 p {
-    min-height: var(--iap-sizes-5);
+  .field-control-panel__group .\[\.field-control-panel__group_\&\]\:iap-bdr_none {
+    border-radius: var(--iap-radii-none);
 }
-  .\[\&\[data-highlighted\]\]\:iap-bg_touchable\.hover[data-highlighted] {
-    background: var(--iap-colors-touchable-hover);
+  [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);
 }
-  .\[\&_\>_svg\]\:iap-w_3 > svg {
-    width: var(--iap-sizes-3);
+  [aria-disabled='true'] .\[\[aria-disabled\=\'true\'\]_\&\]\:iap-bd-c_slate\.5 {
+    border-color: var(--iap-colors-slate-5);
 }
-  .\[\&_\>_svg\]\:iap-h_3 > svg {
-    height: var(--iap-sizes-3);
+  .placeholderShown\:iap-trunc_true:is(:placeholder-shown, [data-placeholder-shown]) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
   .\[\&_\>_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_neutral\.7:is(:disabled, [disabled], [data-disabled]) {
+    color: var(--iap-colors-neutral-7);
 }
-  .disabled\:iap-c_slate\.8:is(:disabled, [disabled], [data-disabled]) {
-    color: var(--iap-colors-slate-8);
+  .placeholder\:iap-c_neutral\.9::placeholder,.placeholder\:iap-c_neutral\.9[data-placeholder] {
+    color: var(--iap-colors-neutral-9);
 }
-  .disabled\:iap-cursor_not-allowed:is(:disabled, [disabled], [data-disabled]) {
-    cursor: not-allowed;
+  .disabled\:iap-c_neutral\.8:is(:disabled, [disabled], [data-disabled]) {
+    color: var(--iap-colors-neutral-8);
 }
-  .\[\&_svg\]\:iap-stk-w_token\(sizes\.0\.5\) svg {
-    stroke-width: var(--iap-sizes-0\.5);
+  .after\:iap-content_attr\(data-replicated-value\)_\'_\'::after {
+    content: attr(data-replicated-value) ' ';
 }
-  .field-control-panel__group .\[\.field-control-panel__group_\&\]\:iap-bdr_none {
-    border-radius: var(--iap-radii-none);
+  .after\:iap-white-space_pre-wrap::after {
+    white-space: pre-wrap;
 }
-  .current\:iap-bg_slate\.3:is([data-current]) {
-    background: var(--iap-colors-slate-3);
+  .after\:iap-vis_hidden::after {
+    visibility: hidden;
 }
-  .\[\&\:has\(\.simple-input__textarea\)\]\:iap-p_0:has(.simple-input__textarea) {
-    padding: var(--iap-spacing-0);
+  .after\:iap-trs-dur_faster::after {
+    --transition-duration: var(--iap-durations-faster);
+    transition-duration: var(--iap-durations-faster);
 }
-  .\[\&\:has\(\.simple-input__textarea\)\]\:iap-px_3:has(.simple-input__textarea) {
-    padding-inline: var(--iap-spacing-3);
+  .\[\&_\>_textarea\]\:iap-resize_none > textarea {
+    resize: none;
 }
-  .disabled\:iap-c_neutral\.7:is(:disabled, [disabled], [data-disabled]) {
-    color: var(--iap-colors-neutral-7);
+  :not([contenteditable="true"]):not(:has([contenteditable="true"])) .\[\:not\(\[contenteditable\=\"true\"\]\)\:not\(\:has\(\[contenteditable\=\"true\"\]\)\)_\&\]\:iap-d_flex {
+    display: flex;
 }
-  .placeholder\:iap-c_neutral\.9::placeholder,.placeholder\:iap-c_neutral\.9[data-placeholder] {
-    color: var(--iap-colors-neutral-9);
+  :not([contenteditable="true"]):not(:has([contenteditable="true"])) .\[\:not\(\[contenteditable\=\"true\"\]\)\:not\(\:has\(\[contenteditable\=\"true\"\]\)\)_\&\]\:iap-ai_center {
+    align-items: center;
 }
-  .disabled\:iap-c_neutral\.8:is(:disabled, [disabled], [data-disabled]) {
-    color: var(--iap-colors-neutral-8);
+  [data-formula="condition"] .\[\[data-formula\=\"condition\"\]_\&\]\:iap-ai_flex-start\! {
+    align-items: flex-start !important;
 }
-  .after\:iap-white-space_pre-wrap::after {
-    white-space: pre-wrap;
+  :not([contenteditable="true"]):not(:has([contenteditable="true"])) .\[\:not\(\[contenteditable\=\"true\"\]\)\:not\(\:has\(\[contenteditable\=\"true\"\]\)\)_\&\]\:iap-d_inline-flex {
+    display: inline-flex;
 }
-  .after\:iap-vis_hidden::after {
-    visibility: hidden;
+  .\[\&_\[data-lexical-text\=\'true\'\]\]\:iap-c_slate\.12 [data-lexical-text='true'] {
+    color: var(--iap-colors-slate-12);
 }
-  .after\:iap-max-h_var\(--uikit-textarea-max-height\,_auto\)::after {
-    max-height: var(--uikit-textarea-max-height, auto);
+  .\[\&\[data-selected\=\"true\"\]\]\:iap-fw_bold[data-selected="true"] {
+    font-weight: var(--iap-font-weights-bold);
 }
-  .after\:iap-bdr_sm::after {
-    border-radius: var(--iap-radii-sm);
+  .disabled\:iap-c_slate\.8:is(:disabled, [disabled], [data-disabled]) {
+    color: var(--iap-colors-slate-8);
 }
-  .after\:iap-px_4::after {
-    padding-inline: var(--iap-spacing-4);
+  .disabled\:iap-cursor_not-allowed:is(:disabled, [disabled], [data-disabled]) {
+    cursor: not-allowed;
 }
-  .after\:iap-py_2::after {
-    padding-block: var(--iap-spacing-2);
+  .\[\&_svg\]\:iap-flex-sh_0 svg {
+    flex-shrink: 0;
 }
-  .after\:iap-trs_all::after {
-    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);
+  .\[\&_svg\]\:iap-flex-g_0 svg {
+    flex-grow: 0;
 }
-  .after\:iap-grid-area_1_\/_1_\/_2_\/_2::after {
-    grid-area: 1 / 1 / 2 / 2;
+  .\[\&_svg\]\:iap-stk-w_token\(sizes\.0\.5\) svg {
+    stroke-width: var(--iap-sizes-0\.5);
 }
-  .\[\&_\>_textarea\]\:iap-resize_none > textarea {
-    resize: none;
+  .\[\&_svg\]\:iap-d_inline-block svg {
+    display: inline-block;
 }
-  .\[\&_\>_textarea\]\:iap-ov_auto > textarea {
-    overflow: auto;
+  .\[\&_svg\]\:iap-va_middle svg {
+    vertical-align: middle;
 }
-  .\[\&_\>_textarea\]\:iap-grid-area_1_\/_1_\/_2_\/_2 > textarea {
-    grid-area: 1 / 1 / 2 / 2;
+  [aria-disabled='true'] .\[\[aria-disabled\=\'true\'\]_\&\]\:iap-pointer-events_none {
+    pointer-events: none;
 }
-  .placeholderShown\:iap-trunc_true:is(:placeholder-shown, [data-placeholder-shown]) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  [aria-disabled='true'] .\[\[aria-disabled\=\'true\'\]_\&\]\:iap-c_black {
+    color: var(--iap-colors-black);
 }
-  [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-cursor_initial {
+    cursor: initial;
 }
-  [aria-disabled='true'] .\[\[aria-disabled\=\'true\'\]_\&\]\:iap-bd-c_slate\.5 {
-    border-color: var(--iap-colors-slate-5);
+  [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;
 }
   .\[\&_\>_span\]\:iap-fw_medium > span,.\[\&_label\]\:iap-fw_medium label {
     font-weight: var(--iap-font-weights-medium);
 }
-  .\[\&\:not\(\:last-child\)\]\:iap-mb_1:not(:last-child) {
-    margin-bottom: var(--iap-spacing-1);
+  .\[\&_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-ai_center {
-    align-items: center;
+  .last\:iap-pb_0:last-child {
+    padding-bottom: var(--iap-spacing-0);
 }
-  [data-formula="condition"] .\[\[data-formula\=\"condition\"\]_\&\]\:iap-ai_flex-start\! {
-    align-items: flex-start !important;
+  .\[\&_\>_svg\]\:iap-w_3 > svg {
+    width: var(--iap-sizes-3);
 }
-  .\[\&\[data-selected\=\"true\"\]\]\:iap-fw_bold[data-selected="true"] {
-    font-weight: var(--iap-font-weights-bold);
+  .\[\&_\>_svg\]\:iap-h_3 > svg {
+    height: var(--iap-sizes-3);
 }
   .first\:iap-bd-l-w_1px:first-child {
@@ -4607,12 +4603,16 @@
     border-top-right-radius: var(--iap-sizes-2\.5);
 }
-  .\[\&_svg\]\:iap-flex-sh_0 svg {
-    flex-shrink: 0;
+  .\[\&_\>_input\]\:iap-w_full > input {
+    width: var(--iap-sizes-full);
 }
-  .\[\&_svg\]\:iap-flex-g_0 svg {
-    flex-grow: 0;
+  .\[\&_svg\]\:iap-w_3\.5 svg {
+    width: var(--iap-sizes-3\.5);
+}
+  .\[\&_svg\]\:iap-h_3\.5 svg {
+    height: var(--iap-sizes-3\.5);
 }
   .\[\&\:has\(\.simple-input__input\)\]\:iap-pt_0\.35rem:has(.simple-input__input) {
@@ -4623,35 +4623,34 @@
     padding-bottom: 0.35rem;
 }
-  .after\:iap-content_attr\(data-replicated-value\)_\'_\'::after {
-    content: attr(data-replicated-value) ' ';
-}
-  .after\:iap-trs-dur_faster::after {
-    --transition-duration: var(--iap-durations-faster);
-    transition-duration: var(--iap-durations-faster);
+  .after\:iap-max-h_var\(--uikit-textarea-max-height\,_auto\)::after {
+    max-height: var(--uikit-textarea-max-height, auto);
 }
-  .after\:iap-bd-w_1px::after {
-    border-width: 1px;
+  .\[\&_p\]\:iap-min-h_5 p {
+    min-height: var(--iap-sizes-5);
 }
-  .after\:iap-bd-c_transparent::after {
-    border-color: var(--iap-colors-transparent);
+  .\[\&_svg\]\:iap-h_3 svg {
+    height: var(--iap-sizes-3);
 }
-  .after\:iap-border-style_solid::after {
-    border-style: solid;
+  .\[\&_svg\]\:iap-w_3 svg {
+    width: var(--iap-sizes-3);
 }
-  .last\:iap-pb_0:last-child {
-    padding-bottom: var(--iap-spacing-0);
+  .\[\&\:not\(\:last-child\)\]\:iap-mb_1:not(:last-child) {
+    margin-bottom: var(--iap-spacing-1);
 }
   .focusWithin\:iap-bg_gray\.2:focus-within {
     background: var(--iap-colors-gray-2);
 }
+  .focusVisible\:iap-bg_neutral\.2:is(:focus-visible, [data-focus-visible]) {
+    background: var(--iap-colors-neutral-2);
+}
   .focus\:iap-bg_colorPalette\.6:is(:focus, [data-focus]) {
     background: var(--iap-colors-color-palette-6);
 }
@@ -4660,14 +4659,6 @@
     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);
-}
   .focusVisible\:iap-ring-w_thin:is(:focus-visible, [data-focus-visible]) {
     outline-width: thin;
 }
@@ -4676,6 +4667,10 @@
     outline-color: var(--iap-colors-blue-10);
 }
+  .focus\:iap-op_1:is(:focus, [data-focus]) {
+    opacity: 1;
+}
   .\[\&\:hover_\.editor-tag-badge__close-button-container\]\:iap-d_flex:hover .editor-tag-badge__close-button-container {
     display: flex;
 }
@@ -4689,46 +4684,36 @@
     --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);
+  .active\:iap-bg_colorPalette\.5:is(:active, [data-active]) {
+    background: var(--iap-colors-color-palette-5);
 }
-  [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);
+  .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-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);
 }
-  [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-via_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-via_transparent .editor-tag-badge__close-button-container {
-    --gradient-via: var(--iap-colors-transparent);
-    --gradient-stops: var(--gradient-from) var(--gradient-from-position), var(--gradient-via) var(--gradient-via-position), var(--gradient-to) var(--gradient-to-position);
+  .\[\&_p\]\:\[\&\:has\(\[data-editor-tag\=\'true\'\]\)\]\:iap-py_0 p:has([data-editor-tag='true']) {
+    padding-block: var(--iap-spacing-0);
 }
-  [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-to_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-to_transparent .editor-tag-badge__close-button-container {
-    --gradient-to: var(--iap-colors-transparent);
+  .field-control-panel__group .\[\.field-control-panel__group_\&\]\:\[\&\:not\(\:first-child\)\]\:iap-bd-l_none:not(:first-child) {
+    border-left: var(--iap-borders-none);
 }
-  .expanded\:\[\&_p\]\:iap-bg_slate\.2:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) p {
-    background: var(--iap-colors-slate-2);
+  .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);
 }
-  .\[\&_p\]\:\[\&\:has\(\[data-editor-tag\=\'true\'\]\)\]\:iap-py_0 p:has([data-editor-tag='true']) {
-    padding-block: var(--iap-spacing-0);
+  .\[\&_p\]\:before\:iap-content_var\(--placeholder-text\) p::before {
+    content: var(--placeholder-text);
 }
   .\[\&_p\]\:before\:iap-float_left p::before {
@@ -4739,10 +4724,6 @@
     pointer-events: none;
 }
-  .\[\&_p\]\:before\:iap-h_0 p::before {
-    height: var(--iap-sizes-0);
-}
   .\[\&_p\]\:before\:iap-c_gray\.9 p::before {
     color: var(--iap-colors-gray-9);
 }
@@ -4755,16 +4736,16 @@
     display: inline-block;
 }
-  .\[\&_p\]\:\[\&_\>_\*\]\:iap-max-w_full p > * {
-    max-width: var(--iap-sizes-full);
+  .\[\&_p\:not\(\:has\(\>_br\:only-child\)\)\]\:before\:iap-content_none p:not(:has(> br:only-child))::before {
+    content: none;
 }
   .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);
+  .empty\:after\:iap-content_var\(--placeholder-text\):is(:empty, [data-empty])::after {
+    content: var(--placeholder-text);
 }
   .field-control-panel__group .\[\.field-control-panel__group_\&\]\:first\:iap-bdr-l_token\(sizes\.2\.5\):first-child {
@@ -4777,30 +4758,44 @@
     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);
+  [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);
 }
-  .\[\&_p\]\:before\:iap-content_var\(--placeholder-text\) p::before {
-    content: var(--placeholder-text);
+  [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);
 }
-  .\[\&_p\:not\(\:has\(\>_br\:only-child\)\)\]\:before\:iap-content_none p:not(:has(> br:only-child))::before {
-    content: none;
+  [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);
 }
-  .empty\:after\:iap-content_var\(--placeholder-text\):is(:empty, [data-empty])::after {
-    content: var(--placeholder-text);
+  [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-via_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-via_transparent .editor-tag-badge__close-button-container {
+    --gradient-via: var(--iap-colors-transparent);
+    --gradient-stops: var(--gradient-from) var(--gradient-from-position), var(--gradient-via) var(--gradient-via-position), var(--gradient-to) var(--gradient-to-position);
 }
-  .focus\:\[\&_svg\]\:iap-stk-w_3px:is(:focus, [data-focus]) svg {
-    stroke-width: 3px;
+  [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-to_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-to_transparent .editor-tag-badge__close-button-container {
+    --gradient-to: var(--iap-colors-transparent);
+}
+  .\[\&_p\]\:before\:iap-h_0 p::before {
+    height: var(--iap-sizes-0);
+}
+  .\[\&_p\]\:\[\&_\>_\*\]\:iap-max-w_full p > * {
+    max-width: var(--iap-sizes-full);
 }
   .focus\:\[\&_\+_\.span\]\:iap-vis_hidden:is(:focus, [data-focus]) + .span {
     visibility: hidden;
 }
+  .focus\:\[\&_svg\]\:iap-stk-w_3px:is(:focus, [data-focus]) svg {
+    stroke-width: 3px;
+}
   .\[\&\: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);
 }
@@ -4815,12 +4810,6 @@
     .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) {
@@ -4836,14 +4825,14 @@
 }
   @media (hover: hover) and (pointer: fine) {
-    .hover\:iap-cursor_pointer:is(:hover, [data-hover]) {
-      cursor: pointer;
+    .\[\&_svg\]\:hover\:iap-stk-w_3px svg:is(:hover, [data-hover]) {
+      stroke-width: 3px;
 }
 }
   @media (hover: hover) and (pointer: fine) {
-    .hover\:iap-bg_colorPalette\.4:is(:hover, [data-hover]) {
-      background: var(--iap-colors-color-palette-4);
+    .hover\:iap-bg_slate\.3:is(:hover, [data-hover]) {
+      background: var(--iap-colors-slate-3);
 }
 }
@@ -4854,8 +4843,14 @@
 }
   @media (hover: hover) and (pointer: fine) {
-    .hover\:iap-op_1:is(:hover, [data-hover]) {
-      opacity: 1;
+    .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);
 }
 }
@@ -4872,44 +4867,44 @@
 }
   @media (hover: hover) and (pointer: fine) {
-    .hover\:iap-bg_slate\.4:is(:hover, [data-hover]) {
-      background: var(--iap-colors-slate-4);
+    .hover\:iap-bg_revert-layer:is(:hover, [data-hover]) {
+      background: revert-layer;
 }
 }
   @media (hover: hover) and (pointer: fine) {
-    .hover\:iap-bg_slate\.2:is(:hover, [data-hover]) {
-      background: var(--iap-colors-slate-2);
+    .hover\:iap-bg_colorPalette\.4:is(:hover, [data-hover]) {
+      background: var(--iap-colors-color-palette-4);
 }
 }
   @media (hover: hover) and (pointer: fine) {
-    .hover\:iap-bg_slate\.3:is(:hover, [data-hover]) {
-      background: var(--iap-colors-slate-3);
+    .hover\:iap-bd-c_slate\.4:is(:hover, [data-hover]) {
+      border-color: var(--iap-colors-slate-4);
 }
 }
   @media (hover: hover) and (pointer: fine) {
-    .hover\:iap-c_slate\.11:is(:hover, [data-hover]) {
-      color: var(--iap-colors-slate-11);
+    .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-bg_revert-layer:is(:hover, [data-hover]) {
-      background: revert-layer;
+    .hover\:iap-op_1:is(:hover, [data-hover]) {
+      opacity: 1;
 }
 }
   @media (hover: hover) and (pointer: fine) {
-    .hover\:iap-bd-c_colorPalette\.5:is(:hover, [data-hover]) {
-      border-color: var(--iap-colors-color-palette-5);
+    .hover\:iap-c_slate\.11:is(:hover, [data-hover]) {
+      color: var(--iap-colors-slate-11);
 }
 }
   @media (hover: hover) and (pointer: fine) {
-    .hover\:iap-bd-c_slate\.4:is(:hover, [data-hover]) {
-      border-color: var(--iap-colors-slate-4);
+    .hover\:iap-cursor_pointer:is(:hover, [data-hover]) {
+      cursor: pointer;
 }
 }
 }