@tight-embedded/react 6.1.0 → 6.3.1

package/dist/index.css

@@ -99,7 +99,7 @@
     --Tight-fontSizes-md: 14px;
     --Tight-fontSizes-lg: 16px;
     --Tight-fontSizes-xl: 20px;
-    --Tight-fontSizes-2xl: 36px;
+    --Tight-fontSizes-2xl: 24px;
     --Tight-fontWeights-sm: 400;
     --Tight-fontWeights-md: 600;
     --Tight-fontWeights-lg: 900;
@@ -174,10 +174,12 @@
     --Tight-colors-surface-intent-action-discreet: transparent;
     --Tight-colors-surface-intent-action-discreet-hover: var(--Tight-colors-brand-action-weak);
     --Tight-colors-surface-intent-action-discreet-active: var(--Tight-colors-brand-action);
+    --Tight-colors-surface-intent-action-highlight: var(--Tight-colors-brand-action-opaque);
     --Tight-colors-surface-intent-success: var(--Tight-colors-brand-success-weak);
     --Tight-colors-surface-intent-success-hover: var(--Tight-colors-brand-success);
     --Tight-colors-surface-intent-success-active: var(--Tight-colors-brand-success-strong);
     --Tight-colors-surface-intent-success-disabled: var(--Tight-colors-surface-foreground-disabled);
+    --Tight-colors-surface-intent-success-highlight: var(--Tight-colors-brand-success-opaque);
     --Tight-colors-surface-intent-warning: var(--Tight-colors-brand-warning-weak);
     --Tight-colors-surface-intent-warning-hover: var(--Tight-colors-brand-warning);
     --Tight-colors-surface-intent-warning-active: var(--Tight-colors-brand-warning-strong);
@@ -187,7 +189,7 @@
     --Tight-colors-surface-intent-danger-active: var(--Tight-colors-brand-danger-strong);
     --Tight-colors-surface-intent-danger-disabled: var(--Tight-colors-surface-foreground-disabled);
     --Tight-colors-surface-intent-danger-weak: var(--Tight-colors-brand-danger-weak);
-    --Tight-colors-surface-intent-danger-opaque: var(--Tight-colors-brand-danger-opaque);
+    --Tight-colors-surface-intent-danger-highlight: var(--Tight-colors-brand-danger-opaque);
     --Tight-colors-typography-base: var(--Tight-colors-black700);
     --Tight-colors-typography-base-weak: var(--Tight-colors-black400);
     --Tight-colors-typography-contrast: var(--Tight-colors-white100);
@@ -432,18 +434,6 @@
     background: var(--Tight-colors-surface-intent-danger);
 }
 
-  .tsystem-p_10px {
-    padding: 10px;
-}
-
-  .tsystem-p_6px {
-    padding: 6px;
-}
-
-  .tsystem-bd_\{borderWidths\.md\}_solid_transparent {
-    border: var(--Tight-borderWidths-md) solid transparent;
-}
-
   .tsystem-p_16px_12px {
     padding: 16px 12px;
 }
@@ -472,6 +462,18 @@
     border: 1px solid;
 }
 
+  .tsystem-bd_1px_solid_\{colors\.border\.intent\.action\} {
+    border: 1px solid var(--Tight-colors-border-intent-action);
+}
+
+  .tsystem-p_6px {
+    padding: 6px;
+}
+
+  .tsystem-bd_1px_solid_\{colors\.border\.intent\.warning\} {
+    border: 1px solid var(--Tight-colors-border-intent-warning);
+}
+
   .tsystem-p_8px {
     padding: 8px;
 }
@@ -524,6 +526,10 @@
     padding: 15px;
 }
 
+  .tsystem-p_0_25px {
+    padding: 0 25px;
+}
+
   .tsystem-bd_\{borderWidths\.lg\}_solid {
     border: var(--Tight-borderWidths-lg) solid;
 }
@@ -536,18 +542,6 @@
     background: var(--Tight-colors-brand-primary-strong);
 }
 
-  .tsystem-bd_1px_solid_\{colors\.border\.intent\.action\} {
-    border: 1px solid var(--Tight-colors-border-intent-action);
-}
-
-  .tsystem-bd_1px_solid_\{colors\.border\.intent\.warning\} {
-    border: 1px solid var(--Tight-colors-border-intent-warning);
-}
-
-  .tsystem-p_0_25px {
-    padding: 0 25px;
-}
-
   .tsystem-bd_\{borderWidths\.lg\}_solid_transparent {
     border: var(--Tight-borderWidths-lg) solid transparent;
 }
@@ -568,6 +562,14 @@
     margin: 0 8px;
 }
 
+  .tsystem-p_10px {
+    padding: 10px;
+}
+
+  .tsystem-bd-x_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+    border-inline: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
   .tsystem-anim_linear_1s_spin_infinite {
     animation: linear 1s spin infinite;
 }
@@ -612,6 +614,10 @@
     margin: 0 auto;
 }
 
+  .tsystem-bd_\{borderWidths\.md\}_solid_transparent {
+    border: var(--Tight-borderWidths-md) solid transparent;
+}
+
   .tsystem-p_10 {
     padding: 10px;
 }
@@ -636,14 +642,6 @@
     background: foreground;
 }
 
-  .tsystem-p_10px_8px {
-    padding: 10px 8px;
-}
-
-  .tsystem-bg_surface\.intent\.danger\.opaque {
-    background: var(--Tight-colors-surface-intent-danger-opaque);
-}
-
   .tsystem-p_4px_8px {
     padding: 4px 8px;
 }
@@ -680,20 +678,8 @@
     border: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-weak);
 }
 
-  .tsystem-p_12px_0_4px {
-    padding: 12px 0 4px;
-}
-
-  .tsystem-bd_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
-    border: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
-}
-
-  .tsystem-p_15px_15px_0_15px {
-    padding: 15px 15px 0 15px;
-}
-
-  .tsystem-p_26px {
-    padding: 26px;
+  .tsystem-p_4px_0 {
+    padding: 4px 0;
 }
 
   .tsystem-p_2px {
@@ -708,6 +694,18 @@
     background: var(--Tight-colors-none);
 }
 
+  .tsystem-bd_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+    border: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
+  .tsystem-p_15px_15px_0_15px {
+    padding: 15px 15px 0 15px;
+}
+
+  .tsystem-p_26px {
+    padding: 26px;
+}
+
   .tsystem-bd_0 {
     border: 0;
 }
@@ -716,6 +714,10 @@
     padding: 25px;
 }
 
+  .tsystem-bd_\{borderWidths\.md\}_dashed_\{colors\.border\.layout\} {
+    border: var(--Tight-borderWidths-md) dashed var(--Tight-colors-border-layout);
+}
+
   .tsystem-bg_brand\.success {
     background: var(--Tight-colors-brand-success);
 }
@@ -728,6 +730,10 @@
     padding: large;
 }
 
+  .tsystem-p_8px_12px {
+    padding: 8px 12px;
+}
+
   .tsystem-p_6px_0_6px_6px {
     padding: 6px 0 6px 6px;
 }
@@ -784,19 +790,6 @@
     border-color: var(--Tight-colors-border-intent-danger);
 }
 
-  .tsystem-ring_none {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-}
-
-  .tsystem-bdr_md {
-    border-radius: var(--Tight-radii-md);
-}
-
-  .tsystem-gap_9px {
-    gap: 9px;
-}
-
   .tsystem-border-style_solid {
     border-style: solid;
 }
@@ -833,6 +826,15 @@
     gap: 8px;
 }
 
+  .tsystem-bdr_md {
+    border-radius: var(--Tight-radii-md);
+}
+
+  .tsystem-ring_none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
   .tsystem-bd-w_lg {
     border-width: var(--Tight-borderWidths-lg);
 }
@@ -853,6 +855,10 @@
     gap: 10px;
 }
 
+  .tsystem-bd-c_border\.intent\.primary {
+    border-color: var(--Tight-colors-border-intent-primary);
+}
+
   .tsystem-gap_12px {
     gap: 12px;
 }
@@ -893,10 +899,6 @@
     overflow: wrap;
 }
 
-  .tsystem-bd-c_border\.intent\.primary {
-    border-color: var(--Tight-colors-border-intent-primary);
-}
-
   .tsystem-bdr_999px {
     border-radius: 999px;
 }
@@ -965,12 +967,24 @@
     padding-inline: 8px;
 }
 
-  .tsystem-bdr_9999px {
-    border-radius: 9999px;
+  .tsystem-bdr_zero {
+    border-radius: var(--Tight-radii-zero);
+}
+
+  .tsystem-bd-b_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+    border-bottom: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
+  .tsystem-bd-t_none {
+    border-top: none;
+}
+
+  .tsystem-bd-b_none {
+    border-bottom: none;
 }
 
-  .tsystem-ring_3px_solid {
-    outline: 3px solid;
+  .tsystem-gap_9px {
+    gap: 9px;
 }
 
   .tsystem-bg-p_100\%_0 {
@@ -981,10 +995,6 @@
     gap: 15px;
 }
 
-  .tsystem-bdr_zero {
-    border-radius: var(--Tight-radii-zero);
-}
-
   .tsystem-gap_0 {
     gap: 0;
 }
@@ -1017,10 +1027,6 @@
     border-bottom: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-weak);
 }
 
-  .tsystem-bd-t_none {
-    border-top: none;
-}
-
   .tsystem-bd-l_none {
     border-left: none;
 }
@@ -1057,18 +1063,6 @@
     border-width: 1px;
 }
 
-  .tsystem-bd-c_surface\.intent\.warning\.active {
-    border-color: var(--Tight-colors-surface-intent-warning-active);
-}
-
-  .tsystem-bd-c_surface\.intent\.danger\.weak {
-    border-color: var(--Tight-colors-surface-intent-danger-weak);
-}
-
-  .tsystem-bd-c_surface\.intent\.success\.active {
-    border-color: var(--Tight-colors-surface-intent-success-active);
-}
-
   .tsystem-bd-w_sm {
     border-width: var(--Tight-borderWidths-sm);
 }
@@ -1077,16 +1071,16 @@
     border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-strong);
 }
 
-  .tsystem-gap_3px {
-    gap: 3px;
+  .tsystem-gap_6px {
+    gap: 6px;
 }
 
   .tsystem-gap_10 {
     gap: 10px;
 }
 
-  .tsystem-bd-b_none {
-    border-bottom: none;
+  .tsystem-bdr_9999px {
+    border-radius: 9999px;
 }
 
   .tsystem-bdr_2px {
@@ -1109,8 +1103,12 @@
     border-left: 1px solid var(--Tight-colors-border-layout);
 }
 
-  .tsystem-tw_nowrap {
-    text-wrap: nowrap;
+  .tsystem-bd-c_active {
+    border-color: active;
+}
+
+  .tsystem-bd-c_brand\.action\.strong {
+    border-color: var(--Tight-colors-brand-action-strong);
 }
 
   .tsystem-gap_2px_2px {
@@ -1133,10 +1131,6 @@
     overflow: auto;
 }
 
-  .tsystem-bdr_0px {
-    border-radius: 0px;
-}
-
   .tsystem-gap_30px {
     gap: 30px;
 }
@@ -1153,8 +1147,8 @@
     overflow: scroll;
 }
 
-  .tsystem-gap_6px {
-    gap: 6px;
+  .tsystem-px_10px {
+    padding-inline: 10px;
 }
 
   .tsystem-bd-l_4px_solid_transparent {
@@ -1189,42 +1183,6 @@
     display: flex;
 }
 
-  .tsystem-c_typography\.intent\.secondary {
-    color: var(--Tight-colors-typography-intent-secondary);
-}
-
-  .tsystem-bg-c_surface\.intent\.action\.discreet {
-    background-color: var(--Tight-colors-surface-intent-action-discreet);
-}
-
-  .tsystem-fs_md {
-    font-size: var(--Tight-fontSizes-md);
-}
-
-  .tsystem-fw_md {
-    font-weight: var(--Tight-fontWeights-md);
-}
-
-  .tsystem-fs_sm {
-    font-size: var(--Tight-fontSizes-sm);
-}
-
-  .tsystem-fw_sm {
-    font-weight: var(--Tight-fontWeights-sm);
-}
-
-  .tsystem-bx-sh_0_0_0_0_transparent {
-    box-shadow: 0 0 0 0 transparent;
-}
-
-  .tsystem-pos_relative {
-    position: relative;
-}
-
-  .tsystem-c_icon\.base {
-    color: var(--Tight-colors-icon-base);
-}
-
   .tsystem-bg-c_brand\.primary {
     background-color: var(--Tight-colors-brand-primary);
 }
@@ -1257,10 +1215,18 @@
     white-space: nowrap;
 }
 
+  .tsystem-fs_sm {
+    font-size: var(--Tight-fontSizes-sm);
+}
+
   .tsystem-font-style_normal {
     font-style: normal;
 }
 
+  .tsystem-fw_sm {
+    font-weight: var(--Tight-fontWeights-sm);
+}
+
   .tsystem-lh_12px {
     line-height: 12px;
 }
@@ -1269,6 +1235,14 @@
     letter-spacing: 0.66px;
 }
 
+  .tsystem-white-space_normal {
+    white-space: normal;
+}
+
+  .tsystem-ov-wrap_break-word {
+    overflow-wrap: break-word;
+}
+
   .tsystem-bx-s_border-box {
     box-sizing: border-box;
 }
@@ -1301,10 +1275,43 @@
     align-self: stretch;
 }
 
+  .tsystem-c_typography\.intent\.action {
+    color: var(--Tight-colors-typography-intent-action);
+}
+
+  .tsystem-c_typography\.intent\.primary {
+    color: var(--Tight-colors-typography-intent-primary);
+}
+
+  .tsystem-bg-c_surface\.intent\.primary {
+    background-color: var(--Tight-colors-surface-intent-primary);
+}
+
+  .tsystem-c_typography\.intent\.success {
+    color: var(--Tight-colors-typography-intent-success);
+}
+
+  .tsystem-bg-c_surface\.intent\.success {
+    background-color: var(--Tight-colors-surface-intent-success);
+}
+
+  .tsystem-c_typography\.intent\.warning {
+    color: var(--Tight-colors-typography-intent-warning);
+}
+
+  .tsystem-bg-c_surface\.intent\.warning {
+    background-color: var(--Tight-colors-surface-intent-warning);
+}
+
   .tsystem-jc_flex-start {
     justify-content: flex-start;
 }
 
+  .tsystem-us_none {
+    -webkit-user-select: none;
+    user-select: none;
+}
+
   .tsystem-c_typography\.base\.weak {
     color: var(--Tight-colors-typography-base-weak);
 }
@@ -1349,6 +1356,10 @@
     color: var(--Tight-colors-inherit);
 }
 
+  .tsystem-pos_relative {
+    position: relative;
+}
+
   .tsystem-bg-c_surface\.background {
     background-color: var(--Tight-colors-surface-background);
 }
@@ -1361,14 +1372,6 @@
     white-space: pre-wrap;
 }
 
-  .tsystem-c_typography\.intent\.primary {
-    color: var(--Tight-colors-typography-intent-primary);
-}
-
-  .tsystem-bg-c_surface\.intent\.primary {
-    background-color: var(--Tight-colors-surface-intent-primary);
-}
-
   .tsystem-flex-d_column-reverse {
     flex-direction: column-reverse;
 }
@@ -1377,10 +1380,6 @@
     position: absolute;
 }
 
-  .tsystem-bg-c_surface\.intent\.warning {
-    background-color: var(--Tight-colors-surface-intent-warning);
-}
-
   .tsystem-bx-sh_0_0_0_1px_\{colors\.border\.intent\.warning\} {
     box-shadow: 0 0 0 1px var(--Tight-colors-border-intent-warning);
 }
@@ -1433,7 +1432,11 @@
     flex-grow: 1;
 }
 
-  .tsystem-c_icon\.accent\.danger {
+  .tsystem-bg-c_surface\.intent\.action\.discreet {
+    background-color: var(--Tight-colors-surface-intent-action-discreet);
+}
+
+  .tsystem-c_icon\.accent\.danger {
     color: var(--Tight-colors-icon-accent-danger);
 }
 
@@ -1525,32 +1528,8 @@
     fill: var(--Tight-colors-transparent);
 }
 
-  .tsystem-c_white100 {
-    color: var(--Tight-colors-white100);
-}
-
-  .tsystem-c_typography\.intent\.action {
-    color: var(--Tight-colors-typography-intent-action);
-}
-
-  .tsystem-c_typography\.intent\.danger {
-    color: var(--Tight-colors-typography-intent-danger);
-}
-
-  .tsystem-bg-c_surface\.intent\.danger {
-    background-color: var(--Tight-colors-surface-intent-danger);
-}
-
-  .tsystem-c_typography\.intent\.success {
-    color: var(--Tight-colors-typography-intent-success);
-}
-
-  .tsystem-bg-c_surface\.intent\.success {
-    background-color: var(--Tight-colors-surface-intent-success);
-}
-
-  .tsystem-c_typography\.intent\.warning {
-    color: var(--Tight-colors-typography-intent-warning);
+  .tsystem-bx-sh_0_0_0_0_transparent {
+    box-shadow: 0 0 0 0 transparent;
 }
 
   .tsystem-c_icon\.contrast {
@@ -1573,24 +1552,8 @@
     background-color: yellow;
 }
 
-  .tsystem-ring-o_3px {
-    outline-offset: 3px;
-}
-
-  .tsystem-bg-c_brand\.action\.stronger {
-    background-color: var(--Tight-colors-brand-action-stronger);
-}
-
-  .tsystem-ring-c_brand\.action\.stronger {
-    outline-color: var(--Tight-colors-brand-action-stronger);
-}
-
-  .tsystem-ring-c_brand\.primary {
-    outline-color: var(--Tight-colors-brand-primary);
-}
-
-  .tsystem-ov-wrap_break-word {
-    overflow-wrap: break-word;
+  .tsystem-fill_surface\.intent\.action\.active {
+    fill: var(--Tight-colors-surface-intent-action-active);
 }
 
   .tsystem-fw_label\.strong {
@@ -1621,6 +1584,18 @@
     background-color: var(--Tight-colors-border-layout-strong);
 }
 
+  .tsystem-bg-c_brand\.action\.strong {
+    background-color: var(--Tight-colors-brand-action-strong);
+}
+
+  .tsystem-bg-c_surface\.intent\.action\.highlight {
+    background-color: var(--Tight-colors-surface-intent-action-highlight);
+}
+
+  .tsystem-c_typography\.intent\.secondary {
+    color: var(--Tight-colors-typography-intent-secondary);
+}
+
   .tsystem-bg-c_surface\.elevated {
     background-color: var(--Tight-colors-surface-elevated);
 }
@@ -1637,6 +1612,14 @@
     box-shadow: var(--Tight-shadows-box-shadow);
 }
 
+  .tsystem-bg-c_surface\.intent\.success\.highlight {
+    background-color: var(--Tight-colors-surface-intent-success-highlight);
+}
+
+  .tsystem-bg-c_surface\.intent\.danger\.highlight {
+    background-color: var(--Tight-colors-surface-intent-danger-highlight);
+}
+
   .tsystem-op_0\.6 {
     opacity: 0.6;
 }
@@ -1683,6 +1666,10 @@
     pointer-events: all;
 }
 
+  .tsystem-fs_md {
+    font-size: var(--Tight-fontSizes-md);
+}
+
   .tsystem-fw_lg {
     font-weight: var(--Tight-fontWeights-lg);
 }
@@ -1699,14 +1686,14 @@
     color: var(--Tight-colors-typography-label);
 }
 
-  .tsystem-white-space_normal {
-    white-space: normal;
-}
-
   .tsystem-ta_start {
     text-align: start;
 }
 
+  .tsystem-fw_md {
+    font-weight: var(--Tight-fontWeights-md);
+}
+
   .tsystem-fw_label\.sub {
     font-weight: var(--Tight-fontWeights-label-sub);
 }
@@ -1723,6 +1710,10 @@
     color: var(--Tight-colors-typography-accent-action);
 }
 
+  .tsystem-c_brand\.action\.strongest {
+    color: var(--Tight-colors-brand-action-strongest);
+}
+
   .tsystem-d_-webkit-box {
     display: -webkit-box;
 }
@@ -1735,6 +1726,14 @@
     -webkit-box-orient: vertical;
 }
 
+  .tsystem-lh_20px {
+    line-height: 20px;
+}
+
+  .tsystem-ls_0\.96px {
+    letter-spacing: 0.96px;
+}
+
   .tsystem-trf_rotate\(-20deg\) {
     transform: rotate(-20deg);
 }
@@ -1755,6 +1754,18 @@
     font-size: 10em;
 }
 
+  .tsystem-c_typography\.intent\.danger {
+    color: var(--Tight-colors-typography-intent-danger);
+}
+
+  .tsystem-bg-c_surface\.intent\.danger {
+    background-color: var(--Tight-colors-surface-intent-danger);
+}
+
+  .tsystem-c_icon\.base {
+    color: var(--Tight-colors-icon-base);
+}
+
   .tsystem-fw_body {
     font-weight: var(--Tight-fontWeights-body);
 }
@@ -1763,6 +1774,10 @@
     font-family: var(--Tight-fonts-body);
 }
 
+  .tsystem-c_brand\.primary\.weak {
+    color: var(--Tight-colors-brand-primary-weak);
+}
+
   .tsystem-fw_label\.strongSub {
     font-weight: var(--Tight-fontWeights-label-strongSub);
 }
@@ -1859,15 +1874,6 @@
     color: var(--Tight-colors-money-positive);
 }
 
-  .tsystem-us_none {
-    -webkit-user-select: none;
-    user-select: none;
-}
-
-  .tsystem-c_brand\.primary\.weak {
-    color: var(--Tight-colors-brand-primary-weak);
-}
-
   .tsystem-c_brand\.danger {
     color: var(--Tight-colors-brand-danger);
 }
@@ -1929,10 +1935,6 @@
     stroke: var(--Tight-colors-icon-base);
 }
 
-  .tsystem-ls_0\.96px {
-    letter-spacing: 0.96px;
-}
-
   .tsystem-lh_14px {
     line-height: 14px;
 }
@@ -1959,6 +1961,14 @@
     background-color: foreground;
 }
 
+  .tsystem-z_1 {
+    z-index: 1;
+}
+
+  .tsystem-isolation_isolate {
+    isolation: isolate;
+}
+
   .tsystem-grid-tc_repeat\(7\,_1fr\) {
     grid-template-columns: repeat(7, 1fr);
 }
@@ -2020,34 +2030,6 @@
     font-size: 16px;
 }
 
-  .tsystem-stk_var\(--Tight-colors-border-layout\) {
-    stroke: var(--Tight-colors-border-layout);
-}
-
-  .tsystem-fill_var\(--Tight-colors-money-positive-weak\) {
-    fill: var(--Tight-colors-money-positive-weak);
-}
-
-  .tsystem-fill_var\(--Tight-colors-money-negative-weak\) {
-    fill: var(--Tight-colors-money-negative-weak);
-}
-
-  .tsystem-c_var\(--Tight-colors-money-positive-weak\) {
-    color: var(--Tight-colors-money-positive-weak);
-}
-
-  .tsystem-c_var\(--Tight-colors-money-negative-weak\) {
-    color: var(--Tight-colors-money-negative-weak);
-}
-
-  .tsystem-c_var\(--Tight-colors-money-positive\) {
-    color: var(--Tight-colors-money-positive);
-}
-
-  .tsystem-c_var\(--Tight-colors-money-negative\) {
-    color: var(--Tight-colors-money-negative);
-}
-
   .tsystem-c_positive {
     color: positive;
 }
@@ -2064,14 +2046,26 @@
     stroke-dasharray: 0;
 }
 
+  .tsystem-stk_var\(--Tight-colors-border-layout\) {
+    stroke: var(--Tight-colors-border-layout);
+}
+
   .tsystem-fill_var\(--Tight-colors-money-positive-strong\) {
     fill: var(--Tight-colors-money-positive-strong);
 }
 
+  .tsystem-fill_var\(--Tight-colors-money-positive-weak\) {
+    fill: var(--Tight-colors-money-positive-weak);
+}
+
   .tsystem-fill_var\(--Tight-colors-money-negative-strong\) {
     fill: var(--Tight-colors-money-negative-strong);
 }
 
+  .tsystem-fill_var\(--Tight-colors-money-negative-weak\) {
+    fill: var(--Tight-colors-money-negative-weak);
+}
+
   .tsystem-fill_var\(--Tight-colors-border-layout\) {
     fill: var(--Tight-colors-border-layout);
 }
@@ -2108,8 +2102,16 @@
     z-index: 100;
 }
 
-  .tsystem-white-space_wrap {
-    white-space: wrap;
+  .tsystem-c_surface\.intent\.danger\.active {
+    color: var(--Tight-colors-surface-intent-danger-active);
+}
+
+  .tsystem-c_var\(--Tight-colors-money-positive\) {
+    color: var(--Tight-colors-money-positive);
+}
+
+  .tsystem-c_var\(--Tight-colors-money-negative\) {
+    color: var(--Tight-colors-money-negative);
 }
 
   .tsystem-ff_Duplet_Regular\,_sans-serif {
@@ -2180,6 +2182,10 @@
     padding-right: 16px;
 }
 
+  .tsystem-h_100\% {
+    height: 100%;
+}
+
   .tsystem-h_48px {
     height: 48px;
 }
@@ -2216,10 +2222,6 @@
     height: 32px;
 }
 
-  .tsystem-h_100\% {
-    height: 100%;
-}
-
   .tsystem-pl_10px {
     padding-left: 10px;
 }
@@ -2444,14 +2446,6 @@
     min-height: 48px;
 }
 
-  .tsystem-w_24 {
-    width: 24px;
-}
-
-  .tsystem-h_24 {
-    height: 24px;
-}
-
   .tsystem-w_15px {
     width: 15px;
 }
@@ -2460,12 +2454,12 @@
     height: 15px;
 }
 
-  .tsystem-w_9px {
-    width: 9px;
+  .tsystem-w_24 {
+    width: 24px;
 }
 
-  .tsystem-h_9px {
-    height: 9px;
+  .tsystem-h_24 {
+    height: 24px;
 }
 
   .tsystem-h_37px {
@@ -2488,6 +2482,14 @@
     min-height: var(--Tight-borderWidths-md);
 }
 
+  .tsystem-min-h_52px {
+    min-height: 52px;
+}
+
+  .tsystem-min-w_58px {
+    min-width: 58px;
+}
+
   .tsystem-w_30px {
     width: 30px;
 }
@@ -2568,6 +2570,18 @@
     max-width: 1440px;
 }
 
+  .tsystem-pl_8px {
+    padding-left: 8px;
+}
+
+  .tsystem-pt_4px {
+    padding-top: 4px;
+}
+
+  .tsystem-pb_4px {
+    padding-bottom: 4px;
+}
+
   .tsystem-min-w_150px {
     min-width: 150px;
 }
@@ -2736,26 +2750,10 @@
     margin-bottom: 42px;
 }
 
-  .tsystem-w_1226px {
-    width: 1226px;
-}
-
   .tsystem-max-w_1440 {
     max-width: 1440px;
 }
 
-  .tsystem-pl_15px {
-    padding-left: 15px;
-}
-
-  .tsystem-pr_15px {
-    padding-right: 15px;
-}
-
-  .tsystem-h_35px {
-    height: 35px;
-}
-
   .tsystem-pl_20px {
     padding-left: 20px;
 }
@@ -2780,6 +2778,10 @@
     min-height: 20px;
 }
 
+  .tsystem-w_0 {
+    width: 0;
+}
+
   .tsystem-pl_5px {
     padding-left: 5px;
 }
@@ -2836,6 +2838,18 @@
     width: 75px;
 }
 
+  .tsystem-pl_15px {
+    padding-left: 15px;
+}
+
+  .tsystem-pr_15px {
+    padding-right: 15px;
+}
+
+  .tsystem-h_35px {
+    height: 35px;
+}
+
   .tsystem-max-w_1 {
     max-width: 1px;
 }
@@ -2872,6 +2886,10 @@
     min-width: 120px;
 }
 
+  .tsystem-w_24px {
+    width: 24px;
+}
+
   .tsystem-max-h_150 {
     max-height: 150px;
 }
@@ -2880,10 +2898,6 @@
     max-height: 49px;
 }
 
-  .tsystem-min-h_52px {
-    min-height: 52px;
-}
-
   .tsystem-max-w_325px {
     max-width: 325px;
 }
@@ -2892,12 +2906,8 @@
     max-height: 314px;
 }
 
-  .tsystem-pt_4px {
-    padding-top: 4px;
-}
-
-  .tsystem-pb_4px {
-    padding-bottom: 4px;
+  .tsystem-right_16px {
+    right: 16px;
 }
 
   .tsystem-pl_25px {
@@ -2908,14 +2918,6 @@
     padding-right: 20px;
 }
 
-  .tsystem-w_300px {
-    width: 300px;
-}
-
-  .tsystem-top_20 {
-    top: 20px;
-}
-
   .tsystem-right_20 {
     right: 20px;
 }
@@ -2924,18 +2926,6 @@
     left: 20px;
 }
 
-  .tsystem-bottom_5 {
-    bottom: 5px;
-}
-
-  .tsystem-min-w_180px {
-    min-width: 180px;
-}
-
-  .tsystem-h_1px {
-    height: 1px;
-}
-
   .tsystem-max-h_247px {
     max-height: 247px;
 }
@@ -2948,10 +2938,6 @@
     margin-bottom: 10px;
 }
 
-  .tsystem-w_342px {
-    width: 342px;
-}
-
   .tsystem-w_512px {
     width: 512px;
 }
@@ -2984,14 +2970,6 @@
     width: 70%;
 }
 
-  .tsystem-w_200 {
-    width: 200px;
-}
-
-  .tsystem-min-w_200 {
-    min-width: 200px;
-}
-
   .tsystem-ml_6px {
     margin-left: 6px;
 }
@@ -3008,6 +2986,18 @@
     width: 151px;
 }
 
+  .tsystem-mt_22px {
+    margin-top: 22px;
+}
+
+  .tsystem-w_200 {
+    width: 200px;
+}
+
+  .tsystem-min-w_200 {
+    min-width: 200px;
+}
+
   .tsystem-pt_50px {
     padding-top: 50px;
 }
@@ -3048,6 +3038,38 @@
     min-height: 24px;
 }
 
+  .tsystem-mb_16px {
+    margin-bottom: 16px;
+}
+
+  .tsystem-w_160px {
+    width: 160px;
+}
+
+  .tsystem-w_54px {
+    width: 54px;
+}
+
+  .tsystem-top_12 {
+    top: 12px;
+}
+
+  .tsystem-w_172 {
+    width: 172px;
+}
+
+  .tsystem-w_66 {
+    width: 66px;
+}
+
+  .tsystem-top_20 {
+    top: 20px;
+}
+
+  .tsystem-bottom_5 {
+    bottom: 5px;
+}
+
   .tsystem-max-w_120px {
     max-width: 120px;
 }
@@ -3056,6 +3078,14 @@
     width: 1px;
 }
 
+  .tsystem-h_1px {
+    height: 1px;
+}
+
+  .tsystem-min-w_180px {
+    min-width: 180px;
+}
+
   .tsystem-min-w_175px {
     min-width: 175px;
 }
@@ -3096,10 +3126,30 @@
     transition: width 300ms ease-out;
 }
 
+  .first\:tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\}:first-child {
+    border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
   .\[\&\[data-haserror\=\'true\'\]\]\:tsystem-bd-c_border\.intent\.danger[data-haserror='true'] {
     border-color: var(--Tight-colors-border-intent-danger);
 }
 
+  .first\:tsystem-bd-r_none:first-child {
+    border-right: none;
+}
+
+  .last\:tsystem-bd-l_none:last-child {
+    border-left: none;
+}
+
+  .\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:tsystem-bd-l_none:not(:first-child):not(:last-child) {
+    border-left: none;
+}
+
+  .\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:tsystem-bd-r_none:not(:first-child):not(:last-child) {
+    border-right: none;
+}
+
   .\[\&\[data-selected\=\'true\'\]\]\:tsystem-bd-c_border\.intent\.action\.active[data-selected='true'] {
     border-color: var(--Tight-colors-border-intent-action-active);
 }
@@ -3170,28 +3220,8 @@
     stroke: var(--Tight-colors-icon-intent-danger);
 }
 
-  .\[\&\:disabled\]\:tsystem-cursor_not-allowed:disabled {
-    cursor: not-allowed;
-}
-
-  .\[\&\:disabled\]\:tsystem-op_0\.6:disabled {
-    opacity: 0.6;
-}
-
-  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary .Tight-text {
-    color: var(--Tight-colors-typography-intent-secondary);
-}
-
-  .\[\&\:disabled\]\:tsystem-cursor_default:disabled {
-    cursor: default;
-}
-
-  .\[\&_path\]\:tsystem-stk_icon\.base path {
-    stroke: var(--Tight-colors-icon-base);
-}
-
-  .\[\&_path\]\:tsystem-stk_icon\.accent\.danger path {
-    stroke: var(--Tight-colors-icon-accent-danger);
+  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action .Tight-text {
+    color: var(--Tight-colors-typography-intent-action);
 }
 
   .\[\&\:\:before\]\:tsystem-content_\'\'::before {
@@ -3202,14 +3232,6 @@
     position: absolute;
 }
 
-  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action .Tight-text {
-    color: var(--Tight-colors-typography-intent-action);
-}
-
-  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.danger .Tight-text {
-    color: var(--Tight-colors-typography-intent-danger);
-}
-
   .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.primary .Tight-text {
     color: var(--Tight-colors-typography-intent-primary);
 }
@@ -3230,6 +3252,14 @@
     color: var(--Tight-colors-typography-intent-warning);
 }
 
+  .\[\&_path\]\:tsystem-stk_icon\.base path {
+    stroke: var(--Tight-colors-icon-base);
+}
+
+  .\[\&_path\]\:tsystem-stk_icon\.accent\.danger path {
+    stroke: var(--Tight-colors-icon-accent-danger);
+}
+
   .\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.active[data-state='open'] {
     background-color: var(--Tight-colors-surface-intent-action-active);
 }
@@ -3250,14 +3280,18 @@
     background-color: var(--Tight-colors-currentColor);
 }
 
-  .\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-state='open'] {
-    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
-}
-
   .\[\&\:\:placeholder\]\:tsystem-c_typography\.base\.weak::placeholder {
     color: var(--Tight-colors-typography-base-weak);
 }
 
+  .\[\&\:disabled\]\:tsystem-cursor_not-allowed:disabled {
+    cursor: not-allowed;
+}
+
+  .\[\&\:disabled\]\:tsystem-op_0\.6:disabled {
+    opacity: 0.6;
+}
+
   .\[\&_\*\]\:tsystem-bx-s_border-box * {
     box-sizing: border-box;
 }
@@ -3266,6 +3300,22 @@
     pointer-events: none;
 }
 
+  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.danger .Tight-text {
+    color: var(--Tight-colors-typography-intent-danger);
+}
+
+  .\[\&\:disabled\]\:tsystem-cursor_default:disabled {
+    cursor: default;
+}
+
+  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary .Tight-text {
+    color: var(--Tight-colors-typography-intent-secondary);
+}
+
+  .\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-state='open'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
+}
+
   .placeholder\:tsystem-c_typography\.base\.weak::placeholder,.placeholder\:tsystem-c_typography\.base\.weak[data-placeholder] {
     color: var(--Tight-colors-typography-base-weak);
 }
@@ -3314,34 +3364,6 @@
     color: var(--Tight-colors-inherit);
 }
 
-  .\[\&\[data-open\=\'true\'\]\]\:tsystem-max-h_1\/3[data-open='true'] {
-    max-height: 33.333333%;
-}
-
-  .\[\&\[data-open\=\'true\'\]\]\:tsystem-pt_16[data-open='true'] {
-    padding-top: 16px;
-}
-
-  .\[\&\[data-open\=\'true\'\]\]\:tsystem-pb_16[data-open='true'] {
-    padding-bottom: 16px;
-}
-
-  .\[\&\:\:before\]\:tsystem-top_-10px::before {
-    top: -10px;
-}
-
-  .\[\&\:\:before\]\:tsystem-left_-10px::before {
-    left: -10px;
-}
-
-  .\[\&\:\:before\]\:tsystem-right_-10px::before {
-    right: -10px;
-}
-
-  .\[\&\:\:before\]\:tsystem-bottom_-10px::before {
-    bottom: -10px;
-}
-
   .\[\&\:\:before\]\:tsystem-top_-11px::before {
     top: -11px;
 }
@@ -3354,8 +3376,20 @@
     right: -11px;
 }
 
-  .\[\&\:\:before\]\:tsystem-bottom_-11px::before {
-    bottom: -11px;
+  .\[\&\:\:before\]\:tsystem-bottom_-11px::before {
+    bottom: -11px;
+}
+
+  .\[\&\[data-open\=\'true\'\]\]\:tsystem-max-h_1\/3[data-open='true'] {
+    max-height: 33.333333%;
+}
+
+  .\[\&\[data-open\=\'true\'\]\]\:tsystem-pt_16[data-open='true'] {
+    padding-top: 16px;
+}
+
+  .\[\&\[data-open\=\'true\'\]\]\:tsystem-pb_16[data-open='true'] {
+    padding-bottom: 16px;
 }
 
   .\[\&_\.Tight-text\:\:after\]\:tsystem-bottom_0 .Tight-text::after {
@@ -3378,6 +3412,22 @@
     width: 100%;
 }
 
+  .\[\&\:\:before\]\:tsystem-top_-10px::before {
+    top: -10px;
+}
+
+  .\[\&\:\:before\]\:tsystem-left_-10px::before {
+    left: -10px;
+}
+
+  .\[\&\:\:before\]\:tsystem-right_-10px::before {
+    right: -10px;
+}
+
+  .\[\&\:\:before\]\:tsystem-bottom_-10px::before {
+    bottom: -10px;
+}
+
   .first\:tsystem-bdr-tl_sm:first-child {
     border-top-left-radius: var(--Tight-radii-sm);
 }
@@ -3394,10 +3444,6 @@
     border-bottom-right-radius: var(--Tight-radii-sm);
 }
 
-  .\[\&_\>_\*_\+_\*\]\:tsystem-ml_-1px > * + * {
-    margin-left: -1px;
-}
-
   .\[\&\[data-today\=\'true\'\]\:\:after\]\:tsystem-bottom_3px[data-today='true']::after {
     bottom: 3px;
 }
@@ -3410,18 +3456,6 @@
     height: 4px;
 }
 
-  .first\:tsystem-bd-t-w_1px:first-child {
-    border-top-width: 1px;
-}
-
-  .first\:tsystem-border-top-style_solid:first-child {
-    border-top-style: solid;
-}
-
-  .first\:tsystem-bd-t-c_border\.layout:first-child {
-    border-top-color: var(--Tight-colors-border-layout);
-}
-
   .\[\&\:\:before\]\:tsystem-top_-9px::before {
     top: -9px;
 }
@@ -3516,10 +3550,6 @@
     border-color: var(--Tight-colors-border-intent-danger-hover);
 }
 
-  .\[\&\:focus-visible\]\:tsystem-ring_4px_solid:focus-visible {
-    outline: 4px solid;
-}
-
   .focusVisible\:tsystem-ring_4px_solid:is(:focus-visible, [data-focus-visible]) {
     outline: 4px solid;
 }
@@ -3529,6 +3559,10 @@
     outline-offset: 2px;
 }
 
+  .\[\&\:focus-visible\]\:tsystem-ring_4px_solid:focus-visible {
+    outline: 4px solid;
+}
+
   .\[\&\:focus-visible\]\:tsystem-trs_none:focus-visible {
     transition: none;
 }
@@ -3541,14 +3575,14 @@
     outline: 4px solid;
 }
 
-  .\[\&\[data-clicked\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring_4px_solid[data-clicked='false']:has(:focus-visible) {
-    outline: 4px solid;
-}
-
   .\[\&\:focus-visible\]\:tsystem-ring_2px_solid:focus-visible {
     outline: 2px solid;
 }
 
+  .\[\&\[data-active\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring_4px_solid[data-active='false']:has(:focus-visible) {
+    outline: 4px solid;
+}
+
   .\[\&\:has\(button\:focus-visible\)\]\:tsystem-ring_4px_solid:has(button:focus-visible) {
     outline: 4px solid;
 }
@@ -3557,15 +3591,15 @@
     border-radius: var(--Tight-radii-sm);
 }
 
-  .\[\&\:focus-visible\]\:tsystem-ring-c_border\.layout:focus-visible {
-    outline-color: var(--Tight-colors-border-layout);
+  .\[\&\[data-clicked\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring_4px_solid[data-clicked='false']:has(:focus-visible) {
+    outline: 4px solid;
 }
 
-  .\[\&\:focus-visible\]\:tsystem-ring-o_-1px:focus-visible {
-    outline-offset: -1px;
+  .focusVisible\:tsystem-ring-c_border\.layout:is(:focus-visible, [data-focus-visible]) {
+    outline-color: var(--Tight-colors-border-layout);
 }
 
-  .focusVisible\:tsystem-ring-c_border\.layout:is(:focus-visible, [data-focus-visible]) {
+  .\[\&\:focus-visible\]\:tsystem-ring-c_border\.layout:focus-visible {
     outline-color: var(--Tight-colors-border-layout);
 }
 
@@ -3593,14 +3627,18 @@
     pointer-events: none;
 }
 
-  .\[\&\[data-clicked\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring-c_border\.layout[data-clicked='false']:has(:focus-visible) {
-    outline-color: var(--Tight-colors-border-layout);
-}
-
   .\[\&\:focus-visible\]\:tsystem-ring-o_2px:focus-visible {
     outline-offset: 2px;
 }
 
+  .\[\&\:focus-visible\]\:tsystem-ring-o_-1px:focus-visible {
+    outline-offset: -1px;
+}
+
+  .\[\&\[data-active\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring-c_border\.layout[data-active='false']:has(:focus-visible) {
+    outline-color: var(--Tight-colors-border-layout);
+}
+
   .focus\:tsystem-z_2:is(:focus, [data-focus]) {
     z-index: 2;
 }
@@ -3621,6 +3659,10 @@
     outline-offset: 2px;
 }
 
+  .\[\&\[data-clicked\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring-c_border\.layout[data-clicked='false']:has(:focus-visible) {
+    outline-color: var(--Tight-colors-border-layout);
+}
+
   .\[\&\:focus-visible\:\:before\]\:tsystem-top_0:focus-visible::before {
     top: 0;
 }
@@ -3645,26 +3687,14 @@
     background-color: var(--Tight-colors-brand-action-opaque);
 }
 
-  .hover\:tsystem-z_1:is(:hover, [data-hover]) {
-    z-index: 1;
-}
-
   .hover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:is(:hover, [data-hover]) {
     background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 
-  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_transparent:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_transparent[data-active='true']:enabled {
-    border-color: var(--Tight-colors-transparent);
-}
-
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.action\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.action\.active[data-active='true']:enabled {
     border-color: var(--Tight-colors-border-intent-action-active);
 }
 
-  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.danger\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.danger\.active[data-active='true']:enabled {
-    border-color: var(--Tight-colors-border-intent-danger-active);
-}
-
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.primary\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.primary\.active[data-active='true']:enabled {
     border-color: var(--Tight-colors-border-intent-primary-active);
 }
@@ -3677,16 +3707,12 @@
     border-color: var(--Tight-colors-border-intent-warning-active);
 }
 
-  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-active='true']:enabled {
-    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
-}
-
-  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-c_icon\.intent\.action\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-c_icon\.intent\.action\.active[data-active='true']:enabled {
-    color: var(--Tight-colors-icon-intent-action-active);
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.danger\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.danger\.active[data-active='true']:enabled {
+    border-color: var(--Tight-colors-border-intent-danger-active);
 }
 
-  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-fill_icon\.intent\.action\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-fill_icon\.intent\.action\.active[data-active='true']:enabled {
-    fill: var(--Tight-colors-icon-intent-action-active);
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_transparent:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_transparent[data-active='true']:enabled {
+    border-color: var(--Tight-colors-transparent);
 }
 
   .active\:tsystem-bg-c_surface\.intent\.action\.discreet\.active:is(:active, [data-active]) {
@@ -3697,10 +3723,6 @@
     background-color: var(--Tight-colors-surface-intent-action-active);
 }
 
-  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.danger\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.danger\.active[data-active='true']:enabled {
-    background-color: var(--Tight-colors-surface-intent-danger-active);
-}
-
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.primary\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.primary\.active[data-active='true']:enabled {
     background-color: var(--Tight-colors-surface-intent-primary-active);
 }
@@ -3713,6 +3735,22 @@
     background-color: var(--Tight-colors-surface-intent-warning-active);
 }
 
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.danger\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.danger\.active[data-active='true']:enabled {
+    background-color: var(--Tight-colors-surface-intent-danger-active);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-active='true']:enabled {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-c_icon\.intent\.action\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-c_icon\.intent\.action\.active[data-active='true']:enabled {
+    color: var(--Tight-colors-icon-intent-action-active);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-fill_icon\.intent\.action\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-fill_icon\.intent\.action\.active[data-active='true']:enabled {
+    fill: var(--Tight-colors-icon-intent-action-active);
+}
+
   .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.secondary\.hover:focus-visible .Tight-sub-label,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.secondary\.hover[data-state='open'] .Tight-sub-label {
     color: var(--Tight-colors-typography-intent-secondary-hover);
 }
@@ -3773,18 +3811,10 @@
     stroke: var(--Tight-colors-icon-intent-danger-hover);
 }
 
-  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary\.active:active:enabled .Tight-text,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary\.active[data-active='true']:enabled .Tight-text {
-    color: var(--Tight-colors-typography-intent-secondary-active);
-}
-
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action\.active:active:enabled .Tight-text,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action\.active[data-active='true']:enabled .Tight-text {
     color: var(--Tight-colors-typography-intent-action-active);
 }
 
-  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.danger\.active:active:enabled .Tight-text,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.danger\.active[data-active='true']:enabled .Tight-text {
-    color: var(--Tight-colors-typography-intent-danger-active);
-}
-
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.primary\.active:active:enabled .Tight-text,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.primary\.active[data-active='true']:enabled .Tight-text {
     color: var(--Tight-colors-typography-intent-primary-active);
 }
@@ -3805,6 +3835,14 @@
     color: var(--Tight-colors-typography-intent-warning-active);
 }
 
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.danger\.active:active:enabled .Tight-text,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.danger\.active[data-active='true']:enabled .Tight-text {
+    color: var(--Tight-colors-typography-intent-danger-active);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary\.active:active:enabled .Tight-text,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary\.active[data-active='true']:enabled .Tight-text {
+    color: var(--Tight-colors-typography-intent-secondary-active);
+}
+
   .\[\&\:hover\]\:\[\&_svg\]\:\[\&_path\]\:tsystem-stk_icon\.accent\.danger:hover svg path {
     stroke: var(--Tight-colors-icon-accent-danger);
 }
@@ -3846,6 +3884,10 @@
       line-height: 16px;
 }
 
+    .sm\:tsystem-fs_label {
+      font-size: var(--Tight-fontSizes-label);
+}
+
     .sm\:tsystem-d_none {
       display: none;
 }
@@ -3982,14 +4024,6 @@
 }
 
   @media screen and (min-width: 53.125rem) {
-    .md\:tsystem-flex_1_1_0 {
-      flex: 1 1 0;
-}
-
-    .md\:tsystem-flex_0_0_342px {
-      flex: 0 0 342px;
-}
-
     .md\:tsystem-d_grid {
       display: grid;
 }
@@ -4020,10 +4054,6 @@
       border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout);
 }
 
-    .xl\:tsystem-p_16px {
-      padding: 16px;
-}
-
     .xl\:tsystem-p_0_10px {
       padding: 0 10px;
 }
@@ -4032,6 +4062,10 @@
       background: var(--Tight-colors-surface-background);
 }
 
+    .xl\:tsystem-p_16px {
+      padding: 16px;
+}
+
     .xl\:tsystem-gap_15px {
       gap: 15px;
 }
@@ -4064,14 +4098,6 @@
       overscroll-behavior: none;
 }
 
-    .xl\:tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
-      border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
-}
-
-    .xl\:tsystem-gap_12px {
-      gap: 12px;
-}
-
     .xl\:tsystem-flex_1_0_0 {
       flex: 1 0 0;
 }
@@ -4084,6 +4110,18 @@
       border-radius: var(--Tight-radii-sm);
 }
 
+    .xl\:tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+      border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
+    .xl\:tsystem-gap_12px {
+      gap: 12px;
+}
+
+    .xl\:tsystem-flex_0_0_342px {
+      flex: 0 0 342px;
+}
+
     .xl\:tsystem-flex-sh_0 {
       flex-shrink: 0;
 }
@@ -4116,8 +4154,8 @@
       background-color: var(--Tight-colors-overlay);
 }
 
-    .xl\:tsystem-jc_flex-end {
-      justify-content: flex-end;
+    .xl\:tsystem-ai_flex-end {
+      align-items: flex-end;
 }
 
     .xl\:tsystem-lh_16px {
@@ -4156,6 +4194,10 @@
       font-size: var(--Tight-fontSizes-label-strong);
 }
 
+    .xl\:tsystem-ls_0\.84px {
+      letter-spacing: 0.84px;
+}
+
     .xl\:tsystem-fs_label\.strongSub {
       font-size: var(--Tight-fontSizes-label-strongSub);
 }
@@ -4176,6 +4218,10 @@
       font-size: 14px;
 }
 
+    .xl\:tsystem-flex-wrap_wrap {
+      flex-wrap: wrap;
+}
+
     .xl\:tsystem-h_auto {
       height: auto;
 }
@@ -4232,26 +4278,36 @@
       height: 60px;
 }
 
+    .xl\:tsystem-min-w_450px {
+      min-width: 450px;
+}
+
+    .xl\:tsystem-w_342px {
+      width: 342px;
+}
+
+    .xl\:tsystem-max-w_342px {
+      max-width: 342px;
+}
+
     .xl\:tsystem-min-w_900px {
       min-width: 900px;
-}
 }
 
-  @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary\.hover:not(:disabled, [disabled], [data-disabled]) .Tight-text:hover {
-      color: var(--Tight-colors-typography-intent-secondary-hover);
+    .xl\:tsystem-max-w_500px {
+      max-width: 500px;
 }
 }
 
-  @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action\.hover:not(:disabled, [disabled], [data-disabled]) .Tight-text:hover {
-      color: var(--Tight-colors-typography-intent-action-hover);
+  @media screen and (max-width: 87.4975rem) {
+    .tsystem-show_1\.5xl {
+      display: none;
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.danger\.hover:not(:disabled, [disabled], [data-disabled]) .Tight-text:hover {
-      color: var(--Tight-colors-typography-intent-danger-hover);
+    .supportHover\:notDisabled\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action\.hover:not(:disabled, [disabled], [data-disabled]) .Tight-text:hover {
+      color: var(--Tight-colors-typography-intent-action-hover);
 }
 }
 
@@ -4286,20 +4342,20 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bd_\{borderWidths\.lg\}_solid:not(:disabled, [disabled], [data-disabled]):hover {
-      border: var(--Tight-borderWidths-lg) solid;
+    .supportHover\:notDisabled\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.danger\.hover:not(:disabled, [disabled], [data-disabled]) .Tight-text:hover {
+      color: var(--Tight-colors-typography-intent-danger-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bd-c_border\.layout:not(:disabled, [disabled], [data-disabled]):hover {
-      border-color: var(--Tight-colors-border-layout);
+    .supportHover\:notDisabled\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary\.hover:not(:disabled, [disabled], [data-disabled]) .Tight-text:hover {
+      color: var(--Tight-colors-typography-intent-secondary-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:enabled\:tsystem-bd-c_border\.intent\.action\.hover:enabled:hover {
-      border-color: var(--Tight-colors-border-intent-action-hover);
+    .supportHover\:notDisabled\:tsystem-bd_\{borderWidths\.lg\}_solid:not(:disabled, [disabled], [data-disabled]):hover {
+      border: var(--Tight-borderWidths-lg) solid;
 }
 }
 
@@ -4319,12 +4375,6 @@
     .supportHover\:notDisabled\:tsystem-bd-c_border\.intent\.action\.hover:not(:disabled, [disabled], [data-disabled]):hover {
       border-color: var(--Tight-colors-border-intent-action-hover);
 }
-}
-
-  @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bd-c_border\.intent\.danger\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      border-color: var(--Tight-colors-border-intent-danger-hover);
-}
 }
 
   @media (hover: hover) and (pointer: fine) {
@@ -4349,6 +4399,24 @@
     .\[\&_\.Tight-text\:\:after\]\:supportHover\:tsystem-trs_width_300ms_ease-out .Tight-text::after:hover {
       transition: width 300ms ease-out;
 }
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .supportHover\:notDisabled\:tsystem-bd-c_border\.intent\.danger\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      border-color: var(--Tight-colors-border-intent-danger-hover);
+}
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .supportHover\:enabled\:tsystem-bd-c_border\.intent\.action\.hover:enabled:hover {
+      border-color: var(--Tight-colors-border-intent-action-hover);
+}
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .supportHover\:notDisabled\:tsystem-bd-c_border\.layout:not(:disabled, [disabled], [data-disabled]):hover {
+      border-color: var(--Tight-colors-border-layout);
+}
 }
 
   @media (hover: hover) and (pointer: fine) {
@@ -4442,26 +4510,26 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
+    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.action\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      background-color: var(--Tight-colors-surface-intent-action-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:enabled\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:enabled:hover {
-      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
+    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.primary\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      background-color: var(--Tight-colors-surface-intent-primary-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:enabled\:tsystem-c_icon\.intent\.action\.hover:enabled:hover {
-      color: var(--Tight-colors-icon-intent-action-hover);
+    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.success\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      background-color: var(--Tight-colors-surface-intent-success-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:enabled\:tsystem-fill_icon\.intent\.action\.hover:enabled:hover {
-      fill: var(--Tight-colors-icon-intent-action-hover);
+    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.warning\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      background-color: var(--Tight-colors-surface-intent-warning-hover);
 }
 }
 
@@ -4472,8 +4540,8 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.action\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      background-color: var(--Tight-colors-surface-intent-action-hover);
+    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 
@@ -4484,20 +4552,20 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.primary\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      background-color: var(--Tight-colors-surface-intent-primary-hover);
+    .supportHover\:enabled\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:enabled:hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.success\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      background-color: var(--Tight-colors-surface-intent-success-hover);
+    .supportHover\:enabled\:tsystem-c_icon\.intent\.action\.hover:enabled:hover {
+      color: var(--Tight-colors-icon-intent-action-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.warning\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      background-color: var(--Tight-colors-surface-intent-warning-hover);
+    .supportHover\:enabled\:tsystem-fill_icon\.intent\.action\.hover:enabled:hover {
+      fill: var(--Tight-colors-icon-intent-action-hover);
 }
 }