@tight-embedded/react 6.5.0 → 6.7.0

package/dist/index.css

@@ -70,25 +70,33 @@
     --Tight-colors-white200: #F9F9F9;
     --Tight-colors-white300: #EDEDED;
     --Tight-colors-white600: #E7E8E9;
+    --Tight-colors-white700: #E0E2E3;
     --Tight-colors-black100: #CED1D2;
+    --Tight-colors-black200: #A7ACAD;
+    --Tight-colors-black300: #A4A9AB;
     --Tight-colors-black400: #6F7576;
     --Tight-colors-black600: #50595C;
     --Tight-colors-black700: #182428;
+    --Tight-colors-black800: #030506;
     --Tight-colors-blue200: #EDFAFC;
     --Tight-colors-blue300: #DAF4FA;
     --Tight-colors-blue400: #CAECF3;
     --Tight-colors-blue500: #94D8E8;
     --Tight-colors-blue700: #2AB2D1;
     --Tight-colors-blue900: #177F96;
+    --Tight-colors-green100: #EDFAF4;
     --Tight-colors-green200: #DBF9EA;
     --Tight-colors-green300: #B8F3D5;
     --Tight-colors-green400: #94E8BD;
     --Tight-colors-green500: #5FDD9C;
     --Tight-colors-green700: #009C75;
+    --Tight-colors-green900: #067559;
     --Tight-colors-yellow200: #FFF3C3;
     --Tight-colors-yellow300: #FFE787;
     --Tight-colors-yellow400: #FCD34D;
     --Tight-colors-yellow500: #FBBF24;
+    --Tight-colors-yellow700: #F59E0B;
+    --Tight-colors-yellow800: #B35F00;
     --Tight-colors-red200: #FFCBCB;
     --Tight-colors-red300: #FF9797;
     --Tight-colors-red400: #F45C5C;
@@ -128,30 +136,42 @@
     --Tight-sizes-breakpoint-xl: 1280px;
     --Tight-sizes-breakpoint-1.5xl: 1400px;
     --Tight-sizes-breakpoint-2xl: 1536px;
+    --Tight-colors-brand-primary-weaker: var(--Tight-colors-black200);
     --Tight-colors-brand-primary-weak: var(--Tight-colors-black400);
     --Tight-colors-brand-primary: var(--Tight-colors-black600);
     --Tight-colors-brand-primary-strong: var(--Tight-colors-black700);
+    --Tight-colors-brand-primary-stronger: var(--Tight-colors-black800);
+    --Tight-colors-brand-secondary-weaker: var(--Tight-colors-white100);
     --Tight-colors-brand-secondary-weak: var(--Tight-colors-white200);
     --Tight-colors-brand-secondary: var(--Tight-colors-white600);
     --Tight-colors-brand-secondary-strong: var(--Tight-colors-black100);
     --Tight-colors-brand-action-opaque: var(--Tight-colors-blue200);
+    --Tight-colors-brand-action-weaker: var(--Tight-colors-brand-action-opaque);
     --Tight-colors-brand-action-weak: var(--Tight-colors-blue300);
     --Tight-colors-brand-action: var(--Tight-colors-blue400);
     --Tight-colors-brand-action-strong: var(--Tight-colors-blue500);
     --Tight-colors-brand-action-stronger: var(--Tight-colors-blue700);
     --Tight-colors-brand-action-strongest: var(--Tight-colors-blue900);
-    --Tight-colors-brand-success-opaque: var(--Tight-colors-green200);
+    --Tight-colors-brand-success-opaque: var(--Tight-colors-green100);
+    --Tight-colors-brand-success-weaker: var(--Tight-colors-brand-success-opaque);
     --Tight-colors-brand-success-weak: var(--Tight-colors-green300);
     --Tight-colors-brand-success: var(--Tight-colors-green400);
     --Tight-colors-brand-success-strong: var(--Tight-colors-green500);
+    --Tight-colors-brand-success-stronger: var(--Tight-colors-green700);
+    --Tight-colors-brand-success-strongest: var(--Tight-colors-green900);
     --Tight-colors-brand-warning-opaque: var(--Tight-colors-yellow200);
+    --Tight-colors-brand-warning-weaker: var(--Tight-colors-brand-warning-opaque);
     --Tight-colors-brand-warning-weak: var(--Tight-colors-yellow300);
     --Tight-colors-brand-warning: var(--Tight-colors-yellow400);
     --Tight-colors-brand-warning-strong: var(--Tight-colors-yellow500);
+    --Tight-colors-brand-warning-stronger: var(--Tight-colors-yellow700);
+    --Tight-colors-brand-warning-strongest: var(--Tight-colors-yellow800);
     --Tight-colors-brand-danger-opaque: var(--Tight-colors-red200);
+    --Tight-colors-brand-danger-weaker: var(--Tight-colors-brand-danger-opaque);
     --Tight-colors-brand-danger-weak: var(--Tight-colors-red300);
     --Tight-colors-brand-danger: var(--Tight-colors-red400);
     --Tight-colors-brand-danger-strong: var(--Tight-colors-red500);
+    --Tight-colors-brand-danger-stronger: var(--Tight-colors-red700);
     --Tight-colors-surface-background: var(--Tight-colors-white200);
     --Tight-colors-surface-background-hover: var(--Tight-colors-white300);
     --Tight-colors-surface-foreground: var(--Tight-colors-white100);
@@ -159,12 +179,12 @@
     --Tight-colors-surface-foreground-disabled: var(--Tight-colors-white600);
     --Tight-colors-surface-elevated: var(--Tight-colors-white300);
     --Tight-colors-surface-elevated-hover: var(--Tight-colors-white600);
-    --Tight-colors-surface-intent-primary: var(--Tight-colors-brand-primary-weak);
-    --Tight-colors-surface-intent-primary-hover: var(--Tight-colors-brand-primary);
-    --Tight-colors-surface-intent-primary-active: var(--Tight-colors-brand-primary-strong);
+    --Tight-colors-surface-intent-primary: var(--Tight-colors-brand-primary-strong);
+    --Tight-colors-surface-intent-primary-hover: var(--Tight-colors-brand-primary-stronger);
+    --Tight-colors-surface-intent-primary-active: var(--Tight-colors-brand-primary-stronger);
     --Tight-colors-surface-intent-primary-disabled: var(--Tight-colors-surface-foreground-disabled);
     --Tight-colors-surface-intent-secondary: var(--Tight-colors-brand-secondary-weak);
-    --Tight-colors-surface-intent-secondary-hover: var(--Tight-colors-brand-secondary);
+    --Tight-colors-surface-intent-secondary-hover: var(--Tight-colors-brand-secondary-strong);
     --Tight-colors-surface-intent-secondary-active: var(--Tight-colors-brand-secondary-strong);
     --Tight-colors-surface-intent-secondary-disabled: var(--Tight-colors-surface-foreground-disabled);
     --Tight-colors-surface-intent-action: var(--Tight-colors-brand-action-weak);
@@ -174,22 +194,24 @@
     --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-action-highlight: var(--Tight-colors-brand-action-weaker);
     --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-success-highlight: var(--Tight-colors-brand-success-weaker);
     --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);
     --Tight-colors-surface-intent-warning-disabled: var(--Tight-colors-surface-foreground-disabled);
+    --Tight-colors-surface-intent-warning-highlight: var(--Tight-colors-brand-warning-weaker);
     --Tight-colors-surface-intent-danger: var(--Tight-colors-brand-danger-weak);
     --Tight-colors-surface-intent-danger-hover: var(--Tight-colors-brand-danger);
     --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-highlight: var(--Tight-colors-brand-danger-opaque);
+    --Tight-colors-surface-intent-danger-highlight: var(--Tight-colors-brand-danger-weaker);
+    --Tight-colors-surface-reports-alternateRows: var(--Tight-colors-brand-action-weaker);
     --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);
@@ -289,7 +311,6 @@
     --Tight-colors-overlay: rgba(0, 0, 0, 0.5);
     --Tight-colors-transparent: transparent;
     --Tight-colors-none: none;
-    --Tight-colors-inherit: inherit;
     --Tight-colors-currentColor: currentColor;
     --Tight-fonts-body: var(--Tight-fonts-base);
     --Tight-fonts-label: var(--Tight-fonts-base);
@@ -446,6 +467,10 @@
     padding: 8px 16px;
 }
 
+  .tsystem-p_16px {
+    padding: 16px;
+}
+
   .tsystem-p_5px {
     padding: 5px;
 }
@@ -454,14 +479,22 @@
     padding: 12px 16px;
 }
 
-  .tsystem-p_16px {
-    padding: 16px;
-}
-
   .tsystem-bd_1px_solid {
     border: 1px solid;
 }
 
+  .tsystem-bg_transparent {
+    background: var(--Tight-colors-transparent);
+}
+
+  .tsystem-bd_none {
+    border: none;
+}
+
+  .tsystem-p_0 {
+    padding: 0;
+}
+
   .tsystem-p_6px {
     padding: 6px;
 }
@@ -494,10 +527,6 @@
     margin: 0;
 }
 
-  .tsystem-p_0 {
-    padding: 0;
-}
-
   .tsystem-p_24px {
     padding: 24px;
 }
@@ -506,18 +535,10 @@
     border: 1px solid var(--Tight-colors-border-layout);
 }
 
-  .tsystem-bd_none {
-    border: none;
-}
-
   .tsystem-bg_surface\.foreground {
     background: var(--Tight-colors-surface-foreground);
 }
 
-  .tsystem-bg_transparent {
-    background: var(--Tight-colors-transparent);
-}
-
   .tsystem-p_15px {
     padding: 15px;
 }
@@ -570,6 +591,18 @@
     animation: var(--Tight-animations-shimmer);
 }
 
+  .tsystem-p_2px {
+    padding: 2px;
+}
+
+  .tsystem-bg_none {
+    background: var(--Tight-colors-none);
+}
+
+  .tsystem-p_5px_10px {
+    padding: 5px 10px;
+}
+
   .tsystem-anim_appear\.instant {
     animation: var(--Tight-animations-appear-instant);
 }
@@ -610,6 +643,30 @@
     padding: 15px;
 }
 
+  .tsystem-p_36px_24px {
+    padding: 36px 24px;
+}
+
+  .tsystem-bd_inherit {
+    border: inherit;
+}
+
+  .tsystem-p_6px_8px {
+    padding: 6px 8px;
+}
+
+  .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_1px_solid_\{colors\.border\.intent\.action\} {
     border: 1px solid var(--Tight-colors-border-intent-action);
 }
@@ -622,8 +679,8 @@
     border: var(--Tight-borderWidths-md) solid transparent;
 }
 
-  .tsystem-p_10 {
-    padding: 10px;
+  .tsystem-m_2px {
+    margin: 2px;
 }
 
   .tsystem-p_16px_12px_16px_16px {
@@ -682,30 +739,6 @@
     padding: 4px 0;
 }
 
-  .tsystem-p_2px {
-    padding: 2px;
-}
-
-  .tsystem-p_5px_10px {
-    padding: 5px 10px;
-}
-
-  .tsystem-bg_none {
-    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;
 }
@@ -746,10 +779,6 @@
     padding: 6px 0 6px 6px;
 }
 
-  .tsystem-m_6px_6px_6px_5px {
-    margin: 6px 6px 6px 5px;
-}
-
   .tsystem-p_0_6px_0_0 {
     padding: 0 6px 0 0;
 }
@@ -758,6 +787,10 @@
     animation: var(--Tight-animations-spin);
 }
 
+  .tsystem-bd_left {
+    border: left;
+}
+
   .tsystem-p_12 {
     padding: 12px;
 }
@@ -802,8 +835,8 @@
     border-style: solid;
 }
 
-  .tsystem-bdr_borderWidths\.sm {
-    border-radius: borderWidths.sm;
+  .tsystem-bdr_lg {
+    border-radius: var(--Tight-radii-lg);
 }
 
   .tsystem-ov_hidden {
@@ -818,6 +851,14 @@
     flex: 1 1 0;
 }
 
+  .tsystem-gap_12px {
+    gap: 12px;
+}
+
+  .tsystem-ov_visible {
+    overflow: visible;
+}
+
   .tsystem-trs_background_300ms_ease-out\,_background-color_300ms_ease-out\,_border-color_300ms_ease-out\,_box-shadow_0ms {
     transition: background 300ms ease-out, background-color 300ms ease-out, border-color 300ms ease-out, box-shadow 0ms;
 }
@@ -834,10 +875,6 @@
     flex: 0 0 auto;
 }
 
-  .tsystem-bdr_lg {
-    border-radius: var(--Tight-radii-lg);
-}
-
   .tsystem-gap_inherit {
     gap: inherit;
 }
@@ -871,14 +908,6 @@
     gap: 10px;
 }
 
-  .tsystem-gap_12px {
-    gap: 12px;
-}
-
-  .tsystem-bdr_borderWidth\.sm {
-    border-radius: borderWidth.sm;
-}
-
   .tsystem-flex_1_0_0 {
     flex: 1 0 0;
 }
@@ -947,12 +976,8 @@
     transition: height 0.5s, width 0.5s;
 }
 
-  .tsystem-gap_45px {
-    gap: 45px;
-}
-
-  .tsystem-ov_visible {
-    overflow: visible;
+  .tsystem-gap_24px {
+    gap: 24px;
 }
 
   .tsystem-gap_20px {
@@ -963,6 +988,10 @@
     border-top: hidden;
 }
 
+  .tsystem-gap_45px {
+    gap: 45px;
+}
+
   .tsystem-bdr_0 {
     border-radius: 0;
 }
@@ -1035,6 +1064,30 @@
     transition: all 300ms ease-out;
 }
 
+  .tsystem-bdr_4px {
+    border-radius: 4px;
+}
+
+  .tsystem-tw_wrap {
+    text-wrap: wrap;
+}
+
+  .tsystem-bdr_borderWidths\.sm {
+    border-radius: borderWidths.sm;
+}
+
+  .tsystem-bd-c_currentColor {
+    border-color: var(--Tight-colors-currentColor);
+}
+
+  .tsystem-bd-w_1px {
+    border-width: 1px;
+}
+
+  .tsystem-bdr_8px {
+    border-radius: 8px;
+}
+
   .tsystem-bd-b_\{borderWidths\.md\}_solid_\{colors\.border\.layout\.weak\} {
     border-bottom: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-weak);
 }
@@ -1071,10 +1124,6 @@
     padding-inline: 16px;
 }
 
-  .tsystem-bd-w_1px {
-    border-width: 1px;
-}
-
   .tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\.strong\} {
     border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-strong);
 }
@@ -1083,10 +1132,6 @@
     gap: 6px;
 }
 
-  .tsystem-gap_10 {
-    gap: 10px;
-}
-
   .tsystem-bdr_9999px {
     border-radius: 9999px;
 }
@@ -1111,10 +1156,6 @@
     border-color: active;
 }
 
-  .tsystem-bd-c_brand\.action\.strong {
-    border-color: var(--Tight-colors-brand-action-strong);
-}
-
   .tsystem-gap_2px_2px {
     gap: 2px 2px;
 }
@@ -1143,6 +1184,18 @@
     border-width: var(--Tight-borderWidths-sm);
 }
 
+  .tsystem-bd-w_md {
+    border-width: var(--Tight-borderWidths-md);
+}
+
+  .tsystem-bd-c_border\.layout\.weak {
+    border-color: var(--Tight-colors-border-layout-weak);
+}
+
+  .tsystem-bd-c_weak {
+    border-color: weak;
+}
+
   .tsystem-flex_1_1_100\% {
     flex: 1 1 100%;
 }
@@ -1272,10 +1325,6 @@
     line-height: 12px;
 }
 
-  .tsystem-ls_0\.66px {
-    letter-spacing: 0.66px;
-}
-
   .tsystem-white-space_normal {
     white-space: normal;
 }
@@ -1284,6 +1333,30 @@
     overflow-wrap: break-word;
 }
 
+  .tsystem-ff_body {
+    font-family: var(--Tight-fonts-body);
+}
+
+  .tsystem-fs_md {
+    font-size: var(--Tight-fontSizes-md);
+}
+
+  .tsystem-lh_18px {
+    line-height: 18px;
+}
+
+  .tsystem-fw_md {
+    font-weight: var(--Tight-fontWeights-md);
+}
+
+  .tsystem-lh_16px {
+    line-height: 16px;
+}
+
+  .tsystem-lh_14px {
+    line-height: 14px;
+}
+
   .tsystem-bx-s_border-box {
     box-sizing: border-box;
 }
@@ -1308,6 +1381,10 @@
     text-align: left;
 }
 
+  .tsystem-c_icon\.base {
+    color: var(--Tight-colors-icon-base);
+}
+
   .tsystem-jc_flex-start {
     justify-content: flex-start;
 }
@@ -1325,10 +1402,6 @@
     cursor: default;
 }
 
-  .tsystem-d_none {
-    display: none;
-}
-
   .tsystem-bg-c_money\.positive\.weak {
     background-color: var(--Tight-colors-money-positive-weak);
 }
@@ -1357,18 +1430,10 @@
     font-size: var(--Tight-fontSizes-xl);
 }
 
-  .tsystem-fw_md {
-    font-weight: var(--Tight-fontWeights-md);
-}
-
   .tsystem-lh_26px {
     line-height: 26px;
 }
 
-  .tsystem-ls_1\.2px {
-    letter-spacing: 1.2px;
-}
-
   .tsystem-pos_fixed {
     position: fixed;
 }
@@ -1393,22 +1458,10 @@
     justify-content: start;
 }
 
-  .tsystem-stk_icon\.base {
-    stroke: var(--Tight-colors-icon-base);
-}
-
   .tsystem-fs_lg {
     font-size: var(--Tight-fontSizes-lg);
 }
 
-  .tsystem-lh_18px {
-    line-height: 18px;
-}
-
-  .tsystem-ls_0\.96px {
-    letter-spacing: 0.96px;
-}
-
   .tsystem-ff_label {
     font-family: var(--Tight-fonts-label);
 }
@@ -1513,6 +1566,10 @@
     align-items: start;
 }
 
+  .tsystem-d_none {
+    display: none;
+}
+
   .tsystem-bx-sh_0_0_0_0_transparent {
     box-shadow: 0 0 0 0 transparent;
 }
@@ -1541,22 +1598,14 @@
     fill: var(--Tight-colors-surface-intent-action-active);
 }
 
-  .tsystem-fw_label\.strong {
-    font-weight: var(--Tight-fontWeights-label-strong);
-}
-
-  .tsystem-c_typography\.label\.strong {
-    color: var(--Tight-colors-typography-label-strong);
-}
-
-  .tsystem-ls_0\.84px {
-    letter-spacing: 0.84px;
-}
-
   .tsystem-ai_stretch {
     align-items: stretch;
 }
 
+  .tsystem-bg-c_border\.layout\.weak {
+    background-color: var(--Tight-colors-border-layout-weak);
+}
+
   .tsystem-bg-c_border\.layout {
     background-color: var(--Tight-colors-border-layout);
 }
@@ -1565,8 +1614,12 @@
     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_border\.intent\.secondary {
+    background-color: var(--Tight-colors-border-intent-secondary);
+}
+
+  .tsystem-d_block {
+    display: block;
 }
 
   .tsystem-bg-c_surface\.intent\.action\.highlight {
@@ -1593,6 +1646,18 @@
     background-size: 400%;
 }
 
+  .tsystem-cursor_not-allowed {
+    cursor: not-allowed;
+}
+
+  .tsystem-op_0\.5 {
+    opacity: 0.5;
+}
+
+  .tsystem-flex-wrap_wrap {
+    flex-wrap: wrap;
+}
+
   .tsystem-bx-sh_box-shadow {
     box-shadow: var(--Tight-shadows-box-shadow);
 }
@@ -1613,10 +1678,6 @@
     opacity: 0.6;
 }
 
-  .tsystem-cursor_not-allowed {
-    cursor: not-allowed;
-}
-
   .tsystem-jc_end {
     justify-content: end;
 }
@@ -1635,18 +1696,6 @@
     border-top-right-radius: var(--Tight-radii-lg);
 }
 
-  .tsystem-flex-wrap_wrap {
-    flex-wrap: wrap;
-}
-
-  .tsystem-rg_10px {
-    row-gap: 10px;
-}
-
-  .tsystem-cg_max\(10px\,_calc\(50\%_-_600px\)\) {
-    column-gap: max(10px, calc(50% - 600px));
-}
-
   .tsystem-c_icon\.intent\.primary {
     color: var(--Tight-colors-icon-intent-primary);
 }
@@ -1655,18 +1704,10 @@
     pointer-events: all;
 }
 
-  .tsystem-fs_md {
-    font-size: var(--Tight-fontSizes-md);
-}
-
   .tsystem-fw_lg {
     font-weight: var(--Tight-fontWeights-lg);
 }
 
-  .tsystem-lh_16px {
-    line-height: 16px;
-}
-
   .tsystem-fw_label {
     font-weight: var(--Tight-fontWeights-label);
 }
@@ -1756,7 +1797,7 @@
 }
 
   .tsystem-c_inherit {
-    color: var(--Tight-colors-inherit);
+    color: inherit;
 }
 
   .tsystem-wb_break-word {
@@ -1779,6 +1820,68 @@
     background-color: var(--Tight-colors-typography-base);
 }
 
+  .tsystem-bg-linear_to-t {
+    --gradient-stops: var(--gradient-via-stops, var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-to) var(--gradient-to-position));
+    --gradient-position: to top;
+    background-image: linear-gradient(var(--gradient-stops));
+}
+
+  .tsystem-grad-from_\#009C75 {
+    --gradient-from: #009C75;
+}
+
+  .tsystem-grad-to_\#2AD17B {
+    --gradient-to: #2AD17B;
+}
+
+  .tsystem-grad-from-pos_23\.41\% {
+    --gradient-from-position: 23.41%;
+}
+
+  .tsystem-grad-to-pos_106\.24\% {
+    --gradient-to-position: 106.24%;
+}
+
+  .tsystem-fw_label\.strong {
+    font-weight: var(--Tight-fontWeights-label-strong);
+}
+
+  .tsystem-c_\#FFF {
+    color: #FFF;
+}
+
+  .tsystem-d_inline {
+    display: inline;
+}
+
+  .tsystem-ta_end {
+    text-align: end;
+}
+
+  .tsystem-cursor_inherit {
+    cursor: inherit;
+}
+
+  .tsystem-pos_sticky {
+    position: sticky;
+}
+
+  .tsystem-z_1 {
+    z-index: 1;
+}
+
+  .tsystem-bg-c_inherit {
+    background-color: inherit;
+}
+
+  .tsystem-cq-t_inline-size {
+    container-type: inline-size;
+}
+
+  .tsystem-cq-n_page {
+    container-name: page;
+}
+
   .tsystem-c_typography\.intent\.danger {
     color: var(--Tight-colors-typography-intent-danger);
 }
@@ -1799,16 +1902,12 @@
     color: var(--Tight-colors-typography-intent-warning);
 }
 
-  .tsystem-c_icon\.base {
-    color: var(--Tight-colors-icon-base);
-}
-
   .tsystem-fw_body {
     font-weight: var(--Tight-fontWeights-body);
 }
 
-  .tsystem-ff_body {
-    font-family: var(--Tight-fonts-body);
+  .tsystem-c_typography\.label\.strong {
+    color: var(--Tight-colors-typography-label-strong);
 }
 
   .tsystem-c_brand\.primary\.weak {
@@ -1843,10 +1942,6 @@
     line-height: 25px;
 }
 
-  .tsystem-ls_2px {
-    letter-spacing: 2px;
-}
-
   .tsystem-fw_metric\.sm {
     font-weight: var(--Tight-fontWeights-metric-sm);
 }
@@ -1907,12 +2002,46 @@
     color: var(--Tight-colors-money-positive);
 }
 
-  .tsystem-c_brand\.danger {
-    color: var(--Tight-colors-brand-danger);
+  .tsystem-fs_18px {
+    font-size: 18px;
 }
 
-  .tsystem-d_block {
-    display: block;
+  .tsystem-fs_14px {
+    font-size: 14px;
+}
+
+  .tsystem-c_black600 {
+    color: var(--Tight-colors-black600);
+}
+
+  .tsystem-c_black400 {
+    color: var(--Tight-colors-black400);
+}
+
+  .tsystem-bg-cp_content-box {
+    background-clip: content-box;
+    -webkit-background-clip: content-box;
+}
+
+  .tsystem-c_currentColor {
+    color: var(--Tight-colors-currentColor);
+}
+
+  .tsystem-bx-sh_none {
+    box-shadow: none;
+}
+
+  .tsystem-bg-c_green700 {
+    background-color: var(--Tight-colors-green700);
+}
+
+  .tsystem-bkdp_brightness\(85\%\) {
+    backdrop-filter: brightness(85%);
+    -webkit-backdrop-filter: brightness(85%);
+}
+
+  .tsystem-c_brand\.danger {
+    color: var(--Tight-colors-brand-danger);
 }
 
   .tsystem-d_grid {
@@ -1939,18 +2068,10 @@
     transform: rotate(90deg);
 }
 
-  .tsystem-pos_sticky {
-    position: sticky;
-}
-
   .tsystem-stk_icon\.base\.weak {
     stroke: var(--Tight-colors-icon-base-weak);
 }
 
-  .tsystem-lh_14px {
-    line-height: 14px;
-}
-
   .tsystem-bg-c_brand\.secondary {
     background-color: var(--Tight-colors-brand-secondary);
 }
@@ -1973,10 +2094,6 @@
     background-color: foreground;
 }
 
-  .tsystem-z_1 {
-    z-index: 1;
-}
-
   .tsystem-isolation_isolate {
     isolation: isolate;
 }
@@ -2118,6 +2235,14 @@
     font-size: 26px;
 }
 
+  .tsystem-c_icon\.base\.weak {
+    color: var(--Tight-colors-icon-base-weak);
+}
+
+  .tsystem-overlay_true {
+    overlay: true;
+}
+
   .tsystem-c_surface\.intent\.danger\.active {
     color: var(--Tight-colors-surface-intent-danger-active);
 }
@@ -2126,6 +2251,30 @@
     grid-template-columns: 1fr 1fr;
 }
 
+  .tsystem-cursor_auto {
+    cursor: auto;
+}
+
+  .tsystem-bd-cl_separate {
+    border-collapse: separate;
+}
+
+  .tsystem-bd-sp_0 {
+    border-spacing: 0;
+}
+
+  .tsystem-z_2 {
+    z-index: 2;
+}
+
+  .tsystem-cq-t_scroll-state {
+    container-type: scroll-state;
+}
+
+  .tsystem-cq-n_report-table-container {
+    container-name: report-table-container;
+}
+
   .tsystem-c_var\(--Tight-colors-money-positive\) {
     color: var(--Tight-colors-money-positive);
 }
@@ -2186,6 +2335,14 @@
     overflow-y: auto;
 }
 
+  .tsystem-max-w_none {
+    max-width: none;
+}
+
+  .tsystem-min-h_48px {
+    min-height: 48px;
+}
+
   .tsystem-w_50px {
     width: 50px;
 }
@@ -2382,8 +2539,12 @@
     overflow-x: hidden;
 }
 
-  .tsystem-min-h_48px {
-    min-height: 48px;
+  .tsystem-w_17px {
+    width: 17px;
+}
+
+  .tsystem-h_17px {
+    height: 17px;
 }
 
   .tsystem-w_15px {
@@ -2466,6 +2627,18 @@
     height: 80px;
 }
 
+  .tsystem-w_14px {
+    width: 14px;
+}
+
+  .tsystem-h_14px {
+    height: 14px;
+}
+
+  .tsystem-max-w_200px {
+    max-width: 200px;
+}
+
   .tsystem-max-w_900px {
     max-width: 900px;
 }
@@ -2502,10 +2675,6 @@
     margin-top: 16px;
 }
 
-  .tsystem-max-w_1440px {
-    max-width: 1440px;
-}
-
   .tsystem-pl_8px {
     padding-left: 8px;
 }
@@ -2518,6 +2687,10 @@
     padding-bottom: 4px;
 }
 
+  .tsystem-max-w_1440px {
+    max-width: 1440px;
+}
+
   .tsystem-min-w_150px {
     min-width: 150px;
 }
@@ -2526,8 +2699,16 @@
     height: 300px;
 }
 
-  .tsystem-w_400px {
-    width: 400px;
+  .tsystem-min-w_295px {
+    min-width: 295px;
+}
+
+  .tsystem-max-w_426px {
+    max-width: 426px;
+}
+
+  .tsystem-h_295px {
+    height: 295px;
 }
 
   .tsystem-min-w_900px {
@@ -2690,6 +2871,58 @@
     max-width: 250px;
 }
 
+  .tsystem-w_361 {
+    width: 361px;
+}
+
+  .tsystem-w_89 {
+    width: 89px;
+}
+
+  .tsystem-w_200px {
+    width: 200px;
+}
+
+  .tsystem-bd-l-w_md {
+    border-left-width: var(--Tight-borderWidths-md);
+}
+
+  .tsystem-bd-l-c_border\.layout {
+    border-left-color: var(--Tight-colors-border-layout);
+}
+
+  .tsystem-border-right-style_solid {
+    border-right-style: solid;
+}
+
+  .tsystem-bd-r-w_md {
+    border-right-width: var(--Tight-borderWidths-md);
+}
+
+  .tsystem-bd-r-c_border\.layout {
+    border-right-color: var(--Tight-colors-border-layout);
+}
+
+  .tsystem-min-h_250px {
+    min-height: 250px;
+}
+
+  .tsystem-max-h_320px {
+    max-height: 320px;
+}
+
+  .tsystem-pl_15px {
+    padding-left: 15px;
+}
+
+  .tsystem-pr_15px {
+    padding-right: 15px;
+}
+
+  .tsystem-h_35px {
+    height: 35px;
+}
+
   .tsystem-mb_8px {
     margin-bottom: 8px;
 }
@@ -2750,18 +2983,10 @@
     height: 16px;
 }
 
-  .tsystem-w_270px {
-    width: 270px;
-}
-
   .tsystem-min-w_269px {
     min-width: 269px;
 }
 
-  .tsystem-w_200px {
-    width: 200px;
-}
-
   .tsystem-min-w_200px {
     min-width: 200px;
 }
@@ -2774,10 +2999,6 @@
     margin-bottom: 42px;
 }
 
-  .tsystem-max-w_1440 {
-    max-width: 1440px;
-}
-
   .tsystem-pl_20px {
     padding-left: 20px;
 }
@@ -2806,22 +3027,6 @@
     margin-top: auto;
 }
 
-  .tsystem-w_14px {
-    width: 14px;
-}
-
-  .tsystem-h_14px {
-    height: 14px;
-}
-
-  .tsystem-max-w_200px {
-    max-width: 200px;
-}
-
-  .tsystem-h_17px {
-    height: 17px;
-}
-
   .tsystem-mb_10px {
     margin-bottom: 10px;
 }
@@ -2846,18 +3051,6 @@
     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;
 }
@@ -2914,6 +3107,10 @@
     right: 16px;
 }
 
+  .tsystem-max-h_44px {
+    max-height: 44px;
+}
+
   .tsystem-pl_25px {
     padding-left: 25px;
 }
@@ -2946,6 +3143,18 @@
     width: 26px;
 }
 
+  .tsystem-mt_22px {
+    margin-top: 22px;
+}
+
+  .tsystem-w_200 {
+    width: 200px;
+}
+
+  .tsystem-min-w_200 {
+    min-width: 200px;
+}
+
   .tsystem-max-h_247px {
     max-height: 247px;
 }
@@ -3006,18 +3215,6 @@
     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;
 }
@@ -3090,6 +3287,58 @@
     bottom: 5px;
 }
 
+  .tsystem-bd-t-w_md {
+    border-top-width: var(--Tight-borderWidths-md);
+}
+
+  .tsystem-border-top-style_solid {
+    border-top-style: solid;
+}
+
+  .tsystem-bd-t-w_4px {
+    border-top-width: 4px;
+}
+
+  .tsystem-border-top-style_double {
+    border-top-style: double;
+}
+
+  .tsystem-bd-t-c_border\.layout\.strong {
+    border-top-color: var(--Tight-colors-border-layout-strong);
+}
+
+  .tsystem-bd-b-w_4px {
+    border-bottom-width: 4px;
+}
+
+  .tsystem-border-bottom-style_double {
+    border-bottom-style: double;
+}
+
+  .tsystem-bd-b-c_border\.layout\.strong {
+    border-bottom-color: var(--Tight-colors-border-layout-strong);
+}
+
+  .tsystem-bd-b-w_md {
+    border-bottom-width: var(--Tight-borderWidths-md);
+}
+
+  .tsystem-min-w_800px {
+    min-width: 800px;
+}
+
+  .tsystem-bd-b-c_border\.layout {
+    border-bottom-color: var(--Tight-colors-border-layout);
+}
+
+  .tsystem-ov-x_auto {
+    overflow-x: auto;
+}
+
+  .tsystem-max-h_80dvh {
+    max-height: 80dvh;
+}
+
   .tsystem-max-w_120px {
     max-width: 120px;
 }
@@ -3300,6 +3549,10 @@
     pointer-events: none;
 }
 
+  [data-scrolled-x=true] .scrolledX\:tsystem-filter_drop-shadow\(4px_2px_4px_rgba\(0\,_0\,_0\,_0\.05\)\) {
+    filter: drop-shadow(4px 2px 4px rgba(0, 0, 0, 0.05));
+}
+
   .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action .Tight-text {
     color: var(--Tight-colors-typography-intent-action);
 }
@@ -3308,12 +3561,12 @@
     color: var(--Tight-colors-typography-intent-danger);
 }
 
-  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.primary .Tight-text {
-    color: var(--Tight-colors-typography-intent-primary);
+  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary .Tight-text {
+    color: var(--Tight-colors-typography-intent-secondary);
 }
 
-  .\[\&_path\]\:tsystem-stk_icon\.intent\.primary path {
-    stroke: var(--Tight-colors-icon-intent-primary);
+  .\[\&_path\]\:tsystem-stk_icon\.intent\.secondary path {
+    stroke: var(--Tight-colors-icon-intent-secondary);
 }
 
   .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.success .Tight-text {
@@ -3328,8 +3581,8 @@
     color: var(--Tight-colors-typography-intent-warning);
 }
 
-  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary .Tight-text {
-    color: var(--Tight-colors-typography-intent-secondary);
+  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.primary .Tight-text {
+    color: var(--Tight-colors-typography-intent-primary);
 }
 
   .\[\&\:disabled\]\:tsystem-cursor_default:disabled {
@@ -3372,12 +3625,20 @@
     background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
+  .odd\:tsystem-bg-c_surface\.reports\.alternateRows:nth-child(odd) {
+    background-color: var(--Tight-colors-surface-reports-alternateRows);
+}
+
+  .even\:tsystem-bg-c_surface\.foreground:nth-child(even) {
+    background-color: var(--Tight-colors-surface-foreground);
+}
+
   .\[\&_path\]\:tsystem-stk_surface\.foreground path {
     stroke: var(--Tight-colors-surface-foreground);
 }
 
   .\[\&_\.Tight-amount-input\,_\&_\.Tight-text\]\:tsystem-c_inherit .Tight-amount-input,.\[\&_\.Tight-amount-input\,_\&_\.Tight-text\]\:tsystem-c_inherit .Tight-text {
-    color: var(--Tight-colors-inherit);
+    color: inherit;
 }
 
   .\[\&\:\:before\]\:tsystem-top_-11px::before {
@@ -3444,6 +3705,18 @@
     padding-bottom: 16px;
 }
 
+  [data-scrolled-x=true] .scrolledX\:tsystem-border-right-style_solid {
+    border-right-style: solid;
+}
+
+  [data-scrolled-x=true] .scrolledX\:tsystem-bd-r-w_md {
+    border-right-width: var(--Tight-borderWidths-md);
+}
+
+  [data-scrolled-x=true] .scrolledX\:tsystem-bd-r-c_border\.layout {
+    border-right-color: var(--Tight-colors-border-layout);
+}
+
   .first\:tsystem-bdr-tl_sm:first-child {
     border-top-left-radius: var(--Tight-radii-sm);
 }
@@ -3699,8 +3972,12 @@
     background-color: var(--Tight-colors-surface-intent-action-hover);
 }
 
-  .hover\:tsystem-bg-c_brand\.action\.opaque:is(:hover, [data-hover]) {
-    background-color: var(--Tight-colors-brand-action-opaque);
+  .hover\:tsystem-bg-c_brand\.action\.weaker:is(:hover, [data-hover]) {
+    background-color: var(--Tight-colors-brand-action-weaker);
+}
+
+  .\[\&\:hover\]\:tsystem-c_black400:hover {
+    color: var(--Tight-colors-black400);
 }
 
   .hover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:is(:hover, [data-hover]) {
@@ -3715,10 +3992,6 @@
     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);
-}
-
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.success\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.success\.active[data-active='true']:enabled {
     border-color: var(--Tight-colors-border-intent-success-active);
 }
@@ -3727,6 +4000,10 @@
     border-color: var(--Tight-colors-border-intent-warning-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);
+}
+
   .\[\&\: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);
 }
@@ -3743,8 +4020,8 @@
     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);
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.secondary\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.secondary\.active[data-active='true']:enabled {
+    background-color: var(--Tight-colors-surface-intent-secondary-active);
 }
 
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.success\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.success\.active[data-active='true']:enabled {
@@ -3755,6 +4032,10 @@
     background-color: var(--Tight-colors-surface-intent-warning-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);
+}
+
   .\[\&\: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);
 }
@@ -3835,12 +4116,12 @@
     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);
+  .\[\&\: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\]\:\[\&_path\]\:tsystem-stk_icon\.intent\.primary\.active:active:enabled path,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_path\]\:tsystem-stk_icon\.intent\.primary\.active[data-active='true']:enabled path {
-    stroke: var(--Tight-colors-icon-intent-primary-active);
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_path\]\:tsystem-stk_icon\.intent\.secondary\.active:active:enabled path,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_path\]\:tsystem-stk_icon\.intent\.secondary\.active[data-active='true']:enabled path {
+    stroke: var(--Tight-colors-icon-intent-secondary-active);
 }
 
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.success\.active:active:enabled .Tight-text,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.success\.active[data-active='true']:enabled .Tight-text {
@@ -3855,8 +4136,22 @@
     color: var(--Tight-colors-typography-intent-warning-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);
+  .\[\&\: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);
+}
+
+  @container page (min-width: 34.5rem) {
+    .\@page\/md\:tsystem-grid-c_span_2 {
+      grid-column: span 2;
+}
+
+    .\@page\/md\:tsystem-d_grid {
+      display: grid;
+}
+
+    .\@page\/md\:tsystem-grid-tc_1fr_1fr {
+      grid-template-columns: 1fr 1fr;
+}
 }
 
   @media screen and (min-width: 40rem) {
@@ -3888,18 +4183,14 @@
       background-color: var(--Tight-colors-surface-intent-action-discreet);
 }
 
-    .sm\:tsystem-fs_label\.strong {
-      font-size: var(--Tight-fontSizes-label-strong);
+    .sm\:tsystem-fs_label {
+      font-size: var(--Tight-fontSizes-label);
 }
 
     .sm\:tsystem-lh_16px {
       line-height: 16px;
 }
 
-    .sm\:tsystem-fs_label {
-      font-size: var(--Tight-fontSizes-label);
-}
-
     .sm\:tsystem-d_none {
       display: none;
 }
@@ -3944,6 +4235,10 @@
       justify-content: flex-end;
 }
 
+    .sm\:tsystem-fs_label\.strong {
+      font-size: var(--Tight-fontSizes-label-strong);
+}
+
     .sm\:tsystem-bx-sh_none {
       box-shadow: none;
 }
@@ -3960,6 +4255,10 @@
       flex-direction: row;
 }
 
+    .sm\:tsystem-max-w_512px {
+      max-width: 512px;
+}
+
     .sm\:tsystem-min-w_600px {
       min-width: 600px;
 }
@@ -3992,10 +4291,6 @@
       min-width: 512px;
 }
 
-    .sm\:tsystem-max-w_512px {
-      max-width: 512px;
-}
-
     .sm\:tsystem-max-w_300 {
       max-width: 300px;
 }
@@ -4008,6 +4303,10 @@
       min-height: 35px;
 }
 
+    .sm\:tsystem-min-w_80px {
+      min-width: 80px;
+}
+
     .sm\:tsystem-min-w_360px {
       min-width: 360px;
 }
@@ -4048,9 +4347,47 @@
       justify-content: flex-end;
 }
 
+    .md\:tsystem-flex-d_row {
+      flex-direction: row;
+}
+
+    .md\:tsystem-trf_none {
+      transform: none;
+}
+
+    .md\:tsystem-w_416 {
+      width: 416px;
+}
+
     .md\:tsystem-min-w_800px {
       min-width: 800px;
 }
+
+    .md\:tsystem-min-w_110px {
+      min-width: 110px;
+}
+}
+
+  @container page (min-width: 65.75rem) {
+    .\@page\/xl\:tsystem-grid-c_unset {
+      grid-column: unset;
+}
+
+    .\@page\/xl\:tsystem-d_flex {
+      display: flex;
+}
+
+    .\@page\/xl\:tsystem-d_none {
+      display: none;
+}
+
+    .\@page\/xl\:tsystem-grid-tc_1fr_2fr_4fr {
+      grid-template-columns: 1fr 2fr 4fr;
+}
+
+    .\@page\/xl\:tsystem-grid-tr_1fr {
+      grid-template-rows: 1fr;
+}
 }
 
   @media screen and (min-width: 80rem) {
@@ -4070,10 +4407,6 @@
       padding: 4px;
 }
 
-    .xl\:tsystem-bd_\{borderWidths\.lg\}_solid_\{colors\.border\.layout\} {
-      border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout);
-}
-
     .xl\:tsystem-p_16px {
       padding: 16px;
 }
@@ -4098,14 +4431,6 @@
       flex: 1 1 0;
 }
 
-    .xl\:tsystem-gap_16px {
-      gap: 16px;
-}
-
-    .xl\:tsystem-bdr_borderWidths\.sm {
-      border-radius: borderWidths.sm;
-}
-
     .xl\:tsystem-gap_10px {
       gap: 10px;
 }
@@ -4134,6 +4459,10 @@
       flex: 0 0 342px;
 }
 
+    .xl\:tsystem-ai_flex-end {
+      align-items: flex-end;
+}
+
     .xl\:tsystem-flex-sh_0 {
       flex-shrink: 0;
 }
@@ -4150,18 +4479,6 @@
       align-items: center;
 }
 
-    .xl\:tsystem-d_flex {
-      display: flex;
-}
-
-    .xl\:tsystem-ai_flex-start {
-      align-items: flex-start;
-}
-
-    .xl\:tsystem-as_stretch {
-      align-self: stretch;
-}
-
     .xl\:tsystem-jc_flex-end {
       justify-content: flex-end;
 }
@@ -4170,6 +4487,10 @@
       background-color: var(--Tight-colors-overlay);
 }
 
+    .xl\:tsystem-d_flex {
+      display: flex;
+}
+
     .xl\:tsystem-flex-d_column {
       flex-direction: column;
 }
@@ -4178,6 +4499,10 @@
       justify-content: center;
 }
 
+    .xl\:tsystem-ai_flex-start {
+      align-items: flex-start;
+}
+
     .xl\:tsystem-fs_14px {
       font-size: 14px;
 }
@@ -4186,10 +4511,6 @@
       line-height: 16px;
 }
 
-    .xl\:tsystem-ai_flex-end {
-      align-items: flex-end;
-}
-
     .xl\:tsystem-fs_label {
       font-size: var(--Tight-fontSizes-label);
 }
@@ -4222,10 +4543,6 @@
       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);
 }
@@ -4266,14 +4583,6 @@
       padding-right: 0;
 }
 
-    .xl\:tsystem-h_318px {
-      height: 318px;
-}
-
-    .xl\:tsystem-max-h_318px {
-      max-height: 318px;
-}
-
     .xl\:tsystem-h_35px {
       height: 35px;
 }
@@ -4294,6 +4603,10 @@
       height: 60px;
 }
 
+    .xl\:tsystem-max-h_35px {
+      max-height: 35px;
+}
+
     .xl\:tsystem-min-w_450px {
       min-width: 450px;
 }
@@ -4313,12 +4626,6 @@
     .xl\:tsystem-max-w_500px {
       max-width: 500px;
 }
-}
-
-  @media screen and (max-width: 87.4975rem) {
-    .tsystem-show_1\.5xl {
-      display: none;
-}
 }
 
   @media (hover: hover) and (pointer: fine) {
@@ -4340,8 +4647,14 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:\[\&_path\]\:tsystem-stk_icon\.intent\.primary\.hover:not(:disabled, [disabled], [data-disabled]) path:hover {
-      stroke: var(--Tight-colors-icon-intent-primary-hover);
+    .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\:notDisabled\:\[\&_path\]\:tsystem-stk_icon\.intent\.secondary\.hover:not(:disabled, [disabled], [data-disabled]) path:hover {
+      stroke: var(--Tight-colors-icon-intent-secondary-hover);
 }
 }
 
@@ -4361,12 +4674,6 @@
     .supportHover\:notDisabled\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.warning\.hover:not(:disabled, [disabled], [data-disabled]) .Tight-text:hover {
       color: var(--Tight-colors-typography-intent-warning-hover);
 }
-}
-
-  @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);
-}
 }
 
   @media (hover: hover) and (pointer: fine) {
@@ -4412,20 +4719,20 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bd-c_border\.intent\.success\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      border-color: var(--Tight-colors-border-intent-success-hover);
+    .supportHover\:notDisabled\:tsystem-bd-c_border\.intent\.secondary\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      border-color: var(--Tight-colors-border-intent-secondary-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bd-c_border\.intent\.warning\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      border-color: var(--Tight-colors-border-intent-warning-hover);
+    .supportHover\:notDisabled\:tsystem-bd-c_border\.intent\.success\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      border-color: var(--Tight-colors-border-intent-success-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\:tsystem-bd-c_border\.intent\.warning\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      border-color: var(--Tight-colors-border-intent-warning-hover);
 }
 }
 
@@ -4553,6 +4860,12 @@
     .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.danger\.hover:not(:disabled, [disabled], [data-disabled]):hover {
       background-color: var(--Tight-colors-surface-intent-danger-hover);
 }
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.secondary\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      background-color: var(--Tight-colors-surface-intent-secondary-hover);
+}
 }
 
   @media (hover: hover) and (pointer: fine) {
@@ -4697,6 +5010,12 @@
     .supportHover\:tsystem-trs_color_100ms_ease-out:hover {
       transition: color 100ms ease-out;
 }
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .supportHover\:tsystem-td_underline:hover {
+      text-decoration: underline;
+}
 }
 
   @media (hover: hover) and (pointer: fine) {