@tight-embedded/react 6.3.1 → 6.4.0

package/dist/index.css

@@ -462,18 +462,10 @@
     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;
 }
@@ -486,22 +478,6 @@
     border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout-weak);
 }
 
-  .tsystem-p_12px_15px {
-    padding: 12px 15px;
-}
-
-  .tsystem-p_15 {
-    padding: 15px;
-}
-
-  .tsystem-bd_none {
-    border: none;
-}
-
-  .tsystem-p_0 {
-    padding: 0;
-}
-
   .tsystem-p_md {
     padding: md;
 }
@@ -518,10 +494,30 @@
     margin: 0;
 }
 
+  .tsystem-p_0 {
+    padding: 0;
+}
+
   .tsystem-p_24px {
     padding: 24px;
 }
 
+  .tsystem-bd_1px_solid_\{colors\.border\.layout\} {
+    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;
 }
@@ -534,10 +530,6 @@
     border: var(--Tight-borderWidths-lg) solid;
 }
 
-  .tsystem-bg_surface\.foreground {
-    background: var(--Tight-colors-surface-foreground);
-}
-
   .tsystem-bg_brand\.primary\.strong {
     background: var(--Tight-colors-brand-primary-strong);
 }
@@ -554,10 +546,6 @@
     padding: 16px 16px;
 }
 
-  .tsystem-bd_1px_solid_\{colors\.border\.layout\} {
-    border: 1px solid var(--Tight-colors-border-layout);
-}
-
   .tsystem-m_0_8px {
     margin: 0 8px;
 }
@@ -566,6 +554,10 @@
     padding: 10px;
 }
 
+  .tsystem-p_8px_12px {
+    padding: 8px 12px;
+}
+
   .tsystem-bd-x_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
     border-inline: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
 }
@@ -582,10 +574,6 @@
     animation: var(--Tight-animations-appear-instant);
 }
 
-  .tsystem-bg_transparent {
-    background: var(--Tight-colors-transparent);
-}
-
   .tsystem-p_12px {
     padding: 12px;
 }
@@ -614,6 +602,22 @@
     margin: 0 auto;
 }
 
+  .tsystem-p_12px_15px {
+    padding: 12px 15px;
+}
+
+  .tsystem-p_15 {
+    padding: 15px;
+}
+
+  .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-bd_\{borderWidths\.md\}_solid_transparent {
     border: var(--Tight-borderWidths-md) solid transparent;
 }
@@ -642,10 +646,6 @@
     background: foreground;
 }
 
-  .tsystem-p_4px_8px {
-    padding: 4px 8px;
-}
-
   .tsystem-p_10px_12px_10px_15px {
     padding: 10px 12px 10px 15px;
 }
@@ -730,8 +730,16 @@
     padding: large;
 }
 
-  .tsystem-p_8px_12px {
-    padding: 8px 12px;
+  .tsystem-p_4px_8px {
+    padding: 4px 8px;
+}
+
+  .tsystem-bd_0\.75px_solid_\{colors\.border\.layout\} {
+    border: 0.75px solid var(--Tight-colors-border-layout);
+}
+
+  .tsystem-p_16 {
+    padding: 16px;
 }
 
   .tsystem-p_6px_0_6px_6px {
@@ -750,12 +758,12 @@
     animation: var(--Tight-animations-spin);
 }
 
-  .tsystem-p_15px_0px {
-    padding: 15px 0px;
+  .tsystem-p_12 {
+    padding: 12px;
 }
 
-  .tsystem-p_4px {
-    padding: 4px;
+  .tsystem-bdr_999px {
+    border-radius: 999px;
 }
 
   .tsystem-gap_5px {
@@ -802,6 +810,14 @@
     overflow: hidden;
 }
 
+  .tsystem-gap_16px {
+    gap: 16px;
+}
+
+  .tsystem-flex_1_1_0 {
+    flex: 1 1 0;
+}
+
   .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;
 }
@@ -822,6 +838,14 @@
     border-radius: var(--Tight-radii-lg);
 }
 
+  .tsystem-gap_inherit {
+    gap: inherit;
+}
+
+  .tsystem-gap_4px {
+    gap: 4px;
+}
+
   .tsystem-gap_8px {
     gap: 8px;
 }
@@ -843,22 +867,10 @@
     border-color: var(--Tight-colors-border-layout-strong);
 }
 
-  .tsystem-gap_16px {
-    gap: 16px;
-}
-
-  .tsystem-gap_4px {
-    gap: 4px;
-}
-
   .tsystem-gap_10px {
     gap: 10px;
 }
 
-  .tsystem-bd-c_border\.intent\.primary {
-    border-color: var(--Tight-colors-border-intent-primary);
-}
-
   .tsystem-gap_12px {
     gap: 12px;
 }
@@ -875,86 +887,18 @@
     border-radius: 50%;
 }
 
-  .tsystem-bd-w_1 {
-    border-width: 1px;
-}
-
-  .tsystem-flex_1 {
-    flex: 1 1 0%;
-}
-
-  .tsystem-td_none {
-    text-decoration: none;
-}
-
-  .tsystem-bd-t_\{borderWidths\.lg\}_solid {
-    border-top: var(--Tight-borderWidths-lg) solid;
-}
-
-  .tsystem-gap_15 {
-    gap: 15px;
-}
-
-  .tsystem-ov_wrap {
-    overflow: wrap;
-}
-
-  .tsystem-bdr_999px {
-    border-radius: 999px;
+  .tsystem-ovs-b_contain {
+    overscroll-behavior: contain;
 }
 
-  .tsystem-gap_26px {
-    gap: 26px;
+  .tsystem-bdr_2px {
+    border-radius: 2px;
 }
 
-  .tsystem-flex_1_1_0\% {
+  .tsystem-flex_1 {
     flex: 1 1 0%;
 }
 
-  .tsystem-flex-flow_column {
-    flex-flow: column;
-}
-
-  .tsystem-gap_8 {
-    gap: 8px;
-}
-
-  .tsystem-bd-b_1px_solid {
-    border-bottom: 1px solid;
-}
-
-  .tsystem-bdr_0 {
-    border-radius: 0;
-}
-
-  .tsystem-gap_4 {
-    gap: 4px;
-}
-
-  .tsystem-bdr_9999 {
-    border-radius: 9999px;
-}
-
-  .tsystem-gap_5 {
-    gap: 5px;
-}
-
-  .tsystem-bd-w_0 {
-    border-width: 0;
-}
-
-  .tsystem-trs_all_300ms_ease-out {
-    transition: all 300ms ease-out;
-}
-
-  .tsystem-flex_1_1_0 {
-    flex: 1 1 0;
-}
-
-  .tsystem-ovs-b_contain {
-    overscroll-behavior: contain;
-}
-
   .tsystem-bd-c_normal {
     border-color: normal;
 }
@@ -1019,72 +963,132 @@
     border-top: hidden;
 }
 
+  .tsystem-bdr_0 {
+    border-radius: 0;
+}
+
   .tsystem-gap_9 {
     gap: 9px;
 }
 
-  .tsystem-bd-b_\{borderWidths\.md\}_solid_\{colors\.border\.layout\.weak\} {
-    border-bottom: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-weak);
+  .tsystem-bd-w_1 {
+    border-width: 1px;
 }
 
-  .tsystem-bd-l_none {
-    border-left: none;
+  .tsystem-td_none {
+    text-decoration: none;
 }
 
-  .tsystem-bd-r_none {
-    border-right: none;
+  .tsystem-bd-t_\{borderWidths\.lg\}_solid {
+    border-top: var(--Tight-borderWidths-lg) solid;
 }
 
-  .tsystem-gap_14px {
-    gap: 14px;
+  .tsystem-gap_15 {
+    gap: 15px;
 }
 
-  .tsystem-px_16px_12px {
-    padding-inline: 16px 12px;
+  .tsystem-ov_wrap {
+    overflow: wrap;
 }
 
-  .tsystem-bd-t_1px_solid {
-    border-top: 1px solid;
+  .tsystem-bd-c_border\.intent\.primary {
+    border-color: var(--Tight-colors-border-intent-primary);
 }
 
-  .tsystem-place-self_center {
-    place-self: center;
+  .tsystem-gap_26px {
+    gap: 26px;
 }
 
-  .tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\.weak\} {
-    border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-weak);
+  .tsystem-flex_1_1_0\% {
+    flex: 1 1 0%;
 }
 
-  .tsystem-px_16px {
-    padding-inline: 16px;
+  .tsystem-flex-flow_column {
+    flex-flow: column;
 }
 
-  .tsystem-bd-w_1px {
-    border-width: 1px;
+  .tsystem-gap_8 {
+    gap: 8px;
 }
 
-  .tsystem-bd-w_sm {
-    border-width: var(--Tight-borderWidths-sm);
+  .tsystem-bd-b_1px_solid {
+    border-bottom: 1px solid;
 }
 
-  .tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\.strong\} {
-    border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-strong);
+  .tsystem-gap_4 {
+    gap: 4px;
 }
 
-  .tsystem-gap_6px {
-    gap: 6px;
+  .tsystem-bdr_9999 {
+    border-radius: 9999px;
 }
 
-  .tsystem-gap_10 {
-    gap: 10px;
+  .tsystem-gap_5 {
+    gap: 5px;
 }
 
-  .tsystem-bdr_9999px {
-    border-radius: 9999px;
+  .tsystem-bd-w_0 {
+    border-width: 0;
 }
 
-  .tsystem-bdr_2px {
-    border-radius: 2px;
+  .tsystem-trs_all_300ms_ease-out {
+    transition: all 300ms ease-out;
+}
+
+  .tsystem-bd-b_\{borderWidths\.md\}_solid_\{colors\.border\.layout\.weak\} {
+    border-bottom: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-weak);
+}
+
+  .tsystem-bd-l_none {
+    border-left: none;
+}
+
+  .tsystem-bd-r_none {
+    border-right: none;
+}
+
+  .tsystem-gap_14px {
+    gap: 14px;
+}
+
+  .tsystem-px_16px_12px {
+    padding-inline: 16px 12px;
+}
+
+  .tsystem-bd-t_1px_solid {
+    border-top: 1px solid;
+}
+
+  .tsystem-place-self_center {
+    place-self: center;
+}
+
+  .tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\.weak\} {
+    border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-weak);
+}
+
+  .tsystem-px_16px {
+    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);
+}
+
+  .tsystem-gap_6px {
+    gap: 6px;
+}
+
+  .tsystem-gap_10 {
+    gap: 10px;
+}
+
+  .tsystem-bdr_9999px {
+    border-radius: 9999px;
 }
 
   .tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
@@ -1135,6 +1139,10 @@
     gap: 30px;
 }
 
+  .tsystem-bd-w_sm {
+    border-width: var(--Tight-borderWidths-sm);
+}
+
   .tsystem-flex_1_1_100\% {
     flex: 1 1 100%;
 }
@@ -1163,6 +1171,22 @@
     border-color: var(--Tight-colors-surface-intent-action-active);
 }
 
+  .tsystem-pos_absolute {
+    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);
+}
+
+  .tsystem-pos_relative {
+    position: relative;
+}
+
   .tsystem-d_inline-flex {
     display: inline-flex;
 }
@@ -1207,6 +1231,23 @@
     background-color: var(--Tight-colors-surface-foreground);
 }
 
+  .tsystem-flex-d_column {
+    flex-direction: column;
+}
+
+  .tsystem-as_stretch {
+    align-self: stretch;
+}
+
+  .tsystem-scr-bar_hidden {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}
+
+  .tsystem-scr-bar_hidden::-webkit-scrollbar {
+    display: none;
+}
+
   .tsystem-tov_ellipsis {
     text-overflow: ellipsis;
 }
@@ -1251,10 +1292,6 @@
     background-color: var(--Tight-colors-surface-intent-action);
 }
 
-  .tsystem-flex-d_column {
-    flex-direction: column;
-}
-
   .tsystem-ta_right {
     text-align: right;
 }
@@ -1271,38 +1308,6 @@
     text-align: left;
 }
 
-  .tsystem-as_stretch {
-    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;
 }
@@ -1340,96 +1345,72 @@
     flex-shrink: 0;
 }
 
-  .tsystem-flex-d_row-reverse {
-    flex-direction: row-reverse;
-}
-
-  .tsystem-pos_static {
-    position: static;
-}
-
-  .tsystem-flex-sh_1 {
-    flex-shrink: 1;
-}
-
-  .tsystem-c_inherit {
-    color: var(--Tight-colors-inherit);
+  .tsystem-flex-d_column-reverse {
+    flex-direction: column-reverse;
 }
 
-  .tsystem-pos_relative {
-    position: relative;
+  .tsystem-ff_heading {
+    font-family: var(--Tight-fonts-heading);
 }
 
-  .tsystem-bg-c_surface\.background {
-    background-color: var(--Tight-colors-surface-background);
+  .tsystem-fs_xl {
+    font-size: var(--Tight-fontSizes-xl);
 }
 
-  .tsystem-wb_break-word {
-    word-break: break-word;
+  .tsystem-fw_md {
+    font-weight: var(--Tight-fontWeights-md);
 }
 
-  .tsystem-white-space_pre-wrap {
-    white-space: pre-wrap;
+  .tsystem-lh_26px {
+    line-height: 26px;
 }
 
-  .tsystem-flex-d_column-reverse {
-    flex-direction: column-reverse;
+  .tsystem-ls_1\.2px {
+    letter-spacing: 1.2px;
 }
 
-  .tsystem-pos_absolute {
-    position: absolute;
+  .tsystem-pos_fixed {
+    position: fixed;
 }
 
-  .tsystem-bx-sh_0_0_0_1px_\{colors\.border\.intent\.warning\} {
-    box-shadow: 0 0 0 1px var(--Tight-colors-border-intent-warning);
+  .tsystem-bg-c_overlay {
+    background-color: var(--Tight-colors-overlay);
 }
 
-  .tsystem-scr-bar-w_thin {
-    scrollbar-width: thin;
+  .tsystem-bg-c_surface\.background {
+    background-color: var(--Tight-colors-surface-background);
 }
 
-  .tsystem-ai_stretch {
-    align-items: stretch;
+  .tsystem-flex-g_1 {
+    flex-grow: 1;
 }
 
   .tsystem-bg-c_transparent {
     background-color: var(--Tight-colors-transparent);
 }
 
-  .tsystem-ai_start {
-    align-items: start;
-}
-
-  .tsystem-jc_end {
-    justify-content: end;
-}
-
-  .tsystem-bg-c_typography\.base {
-    background-color: var(--Tight-colors-typography-base);
-}
-
-  .tsystem-bg-c_border\.layout {
-    background-color: var(--Tight-colors-border-layout);
+  .tsystem-jc_start {
+    justify-content: start;
 }
 
-  .tsystem-ta_center {
-    text-align: center;
+  .tsystem-stk_icon\.base {
+    stroke: var(--Tight-colors-icon-base);
 }
 
-  .tsystem-jc_flex-end {
-    justify-content: flex-end;
+  .tsystem-fs_lg {
+    font-size: var(--Tight-fontSizes-lg);
 }
 
-  .tsystem-pos_fixed {
-    position: fixed;
+  .tsystem-lh_18px {
+    line-height: 18px;
 }
 
-  .tsystem-bg-c_overlay {
-    background-color: var(--Tight-colors-overlay);
+  .tsystem-ls_0\.96px {
+    letter-spacing: 0.96px;
 }
 
-  .tsystem-flex-g_1 {
-    flex-grow: 1;
+  .tsystem-ff_label {
+    font-family: var(--Tight-fonts-label);
 }
 
   .tsystem-bg-c_surface\.intent\.action\.discreet {
@@ -1528,6 +1509,10 @@
     fill: var(--Tight-colors-transparent);
 }
 
+  .tsystem-ai_start {
+    align-items: start;
+}
+
   .tsystem-bx-sh_0_0_0_0_transparent {
     box-shadow: 0 0 0 0 transparent;
 }
@@ -1560,26 +1545,22 @@
     font-weight: var(--Tight-fontWeights-label-strong);
 }
 
-  .tsystem-fs_lg {
-    font-size: var(--Tight-fontSizes-lg);
-}
-
-  .tsystem-ff_label {
-    font-family: var(--Tight-fonts-label);
-}
-
   .tsystem-c_typography\.label\.strong {
     color: var(--Tight-colors-typography-label-strong);
 }
 
-  .tsystem-lh_18px {
-    line-height: 18px;
-}
-
   .tsystem-ls_0\.84px {
     letter-spacing: 0.84px;
 }
 
+  .tsystem-ai_stretch {
+    align-items: stretch;
+}
+
+  .tsystem-bg-c_border\.layout {
+    background-color: var(--Tight-colors-border-layout);
+}
+
   .tsystem-bg-c_border\.layout\.strong {
     background-color: var(--Tight-colors-border-layout-strong);
 }
@@ -1596,6 +1577,10 @@
     color: var(--Tight-colors-typography-intent-secondary);
 }
 
+  .tsystem-jc_flex-end {
+    justify-content: flex-end;
+}
+
   .tsystem-bg-c_surface\.elevated {
     background-color: var(--Tight-colors-surface-elevated);
 }
@@ -1612,6 +1597,10 @@
     box-shadow: var(--Tight-shadows-box-shadow);
 }
 
+  .tsystem-flex-sh_1 {
+    flex-shrink: 1;
+}
+
   .tsystem-bg-c_surface\.intent\.success\.highlight {
     background-color: var(--Tight-colors-surface-intent-success-highlight);
 }
@@ -1628,9 +1617,9 @@
     cursor: not-allowed;
 }
 
-  .tsystem-jc_start {
-    justify-content: start;
-}
+  .tsystem-jc_end {
+    justify-content: end;
+}
 
   .tsystem-bdr-b_lg {
     border-bottom-left-radius: var(--Tight-radii-lg);
@@ -1686,12 +1675,16 @@
     color: var(--Tight-colors-typography-label);
 }
 
-  .tsystem-ta_start {
-    text-align: start;
+  .tsystem-c_typography\.intent\.primary {
+    color: var(--Tight-colors-typography-intent-primary);
 }
 
-  .tsystem-fw_md {
-    font-weight: var(--Tight-fontWeights-md);
+  .tsystem-ta_center {
+    text-align: center;
+}
+
+  .tsystem-ta_start {
+    text-align: start;
 }
 
   .tsystem-fw_label\.sub {
@@ -1702,6 +1695,10 @@
     color: var(--Tight-colors-typography-label-sub);
 }
 
+  .tsystem-c_typography\.intent\.action {
+    color: var(--Tight-colors-typography-intent-action);
+}
+
   .tsystem-c_typography\.accent\.danger {
     color: var(--Tight-colors-typography-accent-danger);
 }
@@ -1730,10 +1727,6 @@
     line-height: 20px;
 }
 
-  .tsystem-ls_0\.96px {
-    letter-spacing: 0.96px;
-}
-
   .tsystem-trf_rotate\(-20deg\) {
     transform: rotate(-20deg);
 }
@@ -1754,6 +1747,38 @@
     font-size: 10em;
 }
 
+  .tsystem-flex-d_row-reverse {
+    flex-direction: row-reverse;
+}
+
+  .tsystem-pos_static {
+    position: static;
+}
+
+  .tsystem-c_inherit {
+    color: var(--Tight-colors-inherit);
+}
+
+  .tsystem-wb_break-word {
+    word-break: break-word;
+}
+
+  .tsystem-white-space_pre-wrap {
+    white-space: pre-wrap;
+}
+
+  .tsystem-bg-c_surface\.intent\.primary {
+    background-color: var(--Tight-colors-surface-intent-primary);
+}
+
+  .tsystem-scr-bar-w_thin {
+    scrollbar-width: thin;
+}
+
+  .tsystem-bg-c_typography\.base {
+    background-color: var(--Tight-colors-typography-base);
+}
+
   .tsystem-c_typography\.intent\.danger {
     color: var(--Tight-colors-typography-intent-danger);
 }
@@ -1762,6 +1787,18 @@
     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-c_icon\.base {
     color: var(--Tight-colors-icon-base);
 }
@@ -1798,10 +1835,6 @@
     font-weight: var(--Tight-fontWeights-heading);
 }
 
-  .tsystem-ff_heading {
-    font-family: var(--Tight-fonts-heading);
-}
-
   .tsystem-c_typography\.heading {
     color: var(--Tight-colors-typography-heading);
 }
@@ -1906,23 +1939,6 @@
     transform: rotate(90deg);
 }
 
-  .tsystem-fs_26px {
-    font-size: 26px;
-}
-
-  .tsystem-lh_26px {
-    line-height: 26px;
-}
-
-  .tsystem-scr-bar_hidden {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-}
-
-  .tsystem-scr-bar_hidden::-webkit-scrollbar {
-    display: none;
-}
-
   .tsystem-pos_sticky {
     position: sticky;
 }
@@ -1931,10 +1947,6 @@
     stroke: var(--Tight-colors-icon-base-weak);
 }
 
-  .tsystem-stk_icon\.base {
-    stroke: var(--Tight-colors-icon-base);
-}
-
   .tsystem-lh_14px {
     line-height: 14px;
 }
@@ -2102,10 +2114,18 @@
     z-index: 100;
 }
 
+  .tsystem-fs_26px {
+    font-size: 26px;
+}
+
   .tsystem-c_surface\.intent\.danger\.active {
     color: var(--Tight-colors-surface-intent-danger-active);
 }
 
+  .tsystem-grid-tc_1fr_1fr {
+    grid-template-columns: 1fr 1fr;
+}
+
   .tsystem-c_var\(--Tight-colors-money-positive\) {
     color: var(--Tight-colors-money-positive);
 }
@@ -2122,6 +2142,30 @@
     background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 
+  .tsystem-top_-1 {
+    top: -1px;
+}
+
+  .tsystem-right_-1 {
+    right: -1px;
+}
+
+  .tsystem-w_10 {
+    width: 10px;
+}
+
+  .tsystem-h_10 {
+    height: 10px;
+}
+
+  .tsystem-w_25px {
+    width: 25px;
+}
+
+  .tsystem-h_25px {
+    height: 25px;
+}
+
   .tsystem-max-w_100\% {
     max-width: 100%;
 }
@@ -2138,6 +2182,10 @@
     width: 100%;
 }
 
+  .tsystem-ov-y_auto {
+    overflow-y: auto;
+}
+
   .tsystem-w_50px {
     width: 50px;
 }
@@ -2146,6 +2194,10 @@
     height: 50px;
 }
 
+  .tsystem-ml_auto {
+    margin-left: auto;
+}
+
   .tsystem-h_44px {
     height: 44px;
 }
@@ -2189,189 +2241,45 @@
   .tsystem-h_48px {
     height: 48px;
 }
-
-  .tsystem-pt_8px {
-    padding-top: 8px;
-}
-
-  .tsystem-pb_8px {
-    padding-bottom: 8px;
-}
-
-  .tsystem-pr_8px {
-    padding-right: 8px;
-}
-
-  .tsystem-pl_4px {
-    padding-left: 4px;
-}
-
-  .tsystem-bd-l-w_4px {
-    border-left-width: 4px;
-}
-
-  .tsystem-border-left-style_solid {
-    border-left-style: solid;
-}
-
-  .tsystem-bd-l-c_brand\.action\.strong {
-    border-left-color: var(--Tight-colors-brand-action-strong);
-}
-
-  .tsystem-h_32px {
-    height: 32px;
-}
-
-  .tsystem-pl_10px {
-    padding-left: 10px;
-}
-
-  .tsystem-min-w_0 {
-    min-width: 0;
-}
-
-  .tsystem-max-w_325 {
-    max-width: 325px;
-}
-
-  .tsystem-min-h_0 {
-    min-height: 0;
-}
-
-  .tsystem-h_auto {
-    height: auto;
-}
-
-  .tsystem-bd-t-c_border\.layout {
-    border-top-color: var(--Tight-colors-border-layout);
-}
-
-  .tsystem-mb_18px {
-    margin-bottom: 18px;
-}
-
-  .tsystem-top_-1 {
-    top: -1px;
-}
-
-  .tsystem-right_-1 {
-    right: -1px;
-}
-
-  .tsystem-w_10 {
-    width: 10px;
-}
-
-  .tsystem-h_10 {
-    height: 10px;
-}
-
-  .tsystem-w_25px {
-    width: 25px;
-}
-
-  .tsystem-h_25px {
-    height: 25px;
-}
-
-  .tsystem-ov-y_auto {
-    overflow-y: auto;
-}
-
-  .tsystem-ov-x_hidden {
-    overflow-x: hidden;
-}
-
-  .tsystem-max-h_calc\(100\%_\+_15px\) {
-    max-height: calc(100% + 15px);
-}
-
-  .tsystem-mb_-15px {
-    margin-bottom: -15px;
-}
-
-  .tsystem-min-h_1 {
-    min-height: 1px;
-}
-
-  .tsystem-w_lg {
-    width: lg;
-}
-
-  .tsystem-h_lg {
-    height: lg;
-}
-
-  .tsystem-w_md {
-    width: md;
-}
-
-  .tsystem-h_xl {
-    height: xl;
-}
-
-  .tsystem-bd-b-c_border\.layout\.weak {
-    border-bottom-color: var(--Tight-colors-border-layout-weak);
-}
-
-  .tsystem-pt_16px {
-    padding-top: 16px;
-}
-
-  .tsystem-pb_16px {
-    padding-bottom: 16px;
-}
-
-  .tsystem-max-h_8 {
-    max-height: 8px;
-}
-
-  .tsystem-min-h_8 {
-    min-height: 8px;
-}
-
-  .tsystem-max-w_8 {
-    max-width: 8px;
-}
-
-  .tsystem-min-w_8 {
-    min-width: 8px;
+
+  .tsystem-pt_8px {
+    padding-top: 8px;
 }
 
-  .tsystem-pl_16 {
-    padding-left: 16px;
+  .tsystem-pb_8px {
+    padding-bottom: 8px;
 }
 
-  .tsystem-pr_16 {
-    padding-right: 16px;
+  .tsystem-pr_8px {
+    padding-right: 8px;
 }
 
-  .tsystem-border-bottom-style_solid {
-    border-bottom-style: solid;
+  .tsystem-pl_4px {
+    padding-left: 4px;
 }
 
-  .tsystem-max-h_0 {
-    max-height: 0;
+  .tsystem-bd-l-w_4px {
+    border-left-width: 4px;
 }
 
-  .tsystem-min-h_\{borderWidths\.lg\} {
-    min-height: var(--Tight-borderWidths-lg);
+  .tsystem-border-left-style_solid {
+    border-left-style: solid;
 }
 
-  .tsystem-max-h_\{borderWidths\.lg\} {
-    max-height: var(--Tight-borderWidths-lg);
+  .tsystem-bd-l-c_brand\.action\.strong {
+    border-left-color: var(--Tight-colors-brand-action-strong);
 }
 
-  .tsystem-pl_15 {
-    padding-left: 15px;
+  .tsystem-h_32px {
+    height: 32px;
 }
 
-  .tsystem-pr_15 {
-    padding-right: 15px;
+  .tsystem-pl_10px {
+    padding-left: 10px;
 }
 
-  .tsystem-max-w_250 {
-    max-width: 250px;
+  .tsystem-min-w_0 {
+    min-width: 0;
 }
 
   .tsystem-min-h_100dvh {
@@ -2438,10 +2346,42 @@
     min-height: 100%;
 }
 
+  .tsystem-min-h_0 {
+    min-height: 0;
+}
+
   .tsystem-min-w_128px {
     min-width: 128px;
 }
 
+  .tsystem-max-h_49px {
+    max-height: 49px;
+}
+
+  .tsystem-min-w_fit-content {
+    min-width: fit-content;
+}
+
+  .tsystem-w_0 {
+    width: 0;
+}
+
+  .tsystem-pl_5px {
+    padding-left: 5px;
+}
+
+  .tsystem-mr_15px {
+    margin-right: 15px;
+}
+
+  .tsystem-w_25 {
+    width: 25px;
+}
+
+  .tsystem-ov-x_hidden {
+    overflow-x: hidden;
+}
+
   .tsystem-min-h_48px {
     min-height: 48px;
 }
@@ -2550,10 +2490,6 @@
     width: 44px;
 }
 
-  .tsystem-min-w_fit-content {
-    min-width: fit-content;
-}
-
   .tsystem-h_85px {
     height: 85px;
 }
@@ -2646,6 +2582,114 @@
     padding-bottom: 20px;
 }
 
+  .tsystem-max-w_325 {
+    max-width: 325px;
+}
+
+  .tsystem-h_auto {
+    height: auto;
+}
+
+  .tsystem-bd-t-c_border\.layout {
+    border-top-color: var(--Tight-colors-border-layout);
+}
+
+  .tsystem-mb_18px {
+    margin-bottom: 18px;
+}
+
+  .tsystem-max-h_calc\(100\%_\+_15px\) {
+    max-height: calc(100% + 15px);
+}
+
+  .tsystem-mb_-15px {
+    margin-bottom: -15px;
+}
+
+  .tsystem-min-h_1 {
+    min-height: 1px;
+}
+
+  .tsystem-w_lg {
+    width: lg;
+}
+
+  .tsystem-h_lg {
+    height: lg;
+}
+
+  .tsystem-w_md {
+    width: md;
+}
+
+  .tsystem-h_xl {
+    height: xl;
+}
+
+  .tsystem-bd-b-c_border\.layout\.weak {
+    border-bottom-color: var(--Tight-colors-border-layout-weak);
+}
+
+  .tsystem-pt_16px {
+    padding-top: 16px;
+}
+
+  .tsystem-pb_16px {
+    padding-bottom: 16px;
+}
+
+  .tsystem-max-h_8 {
+    max-height: 8px;
+}
+
+  .tsystem-min-h_8 {
+    min-height: 8px;
+}
+
+  .tsystem-max-w_8 {
+    max-width: 8px;
+}
+
+  .tsystem-min-w_8 {
+    min-width: 8px;
+}
+
+  .tsystem-pl_16 {
+    padding-left: 16px;
+}
+
+  .tsystem-pr_16 {
+    padding-right: 16px;
+}
+
+  .tsystem-border-bottom-style_solid {
+    border-bottom-style: solid;
+}
+
+  .tsystem-max-h_0 {
+    max-height: 0;
+}
+
+  .tsystem-min-h_\{borderWidths\.lg\} {
+    min-height: var(--Tight-borderWidths-lg);
+}
+
+  .tsystem-max-h_\{borderWidths\.lg\} {
+    max-height: var(--Tight-borderWidths-lg);
+}
+
+  .tsystem-pl_15 {
+    padding-left: 15px;
+}
+
+  .tsystem-pr_15 {
+    padding-right: 15px;
+}
+
+  .tsystem-max-w_250 {
+    max-width: 250px;
+}
+
   .tsystem-mb_8px {
     margin-bottom: 8px;
 }
@@ -2714,10 +2758,6 @@
     min-width: 269px;
 }
 
-  .tsystem-ml_auto {
-    margin-left: auto;
-}
-
   .tsystem-w_200px {
     width: 200px;
 }
@@ -2726,22 +2766,6 @@
     min-width: 200px;
 }
 
-  .tsystem-bottom_-25px {
-    bottom: -25px;
-}
-
-  .tsystem-right_2px {
-    right: 2px;
-}
-
-  .tsystem-left_2px {
-    left: 2px;
-}
-
-  .tsystem-w_26px {
-    width: 26px;
-}
-
   .tsystem-max-w_1150px {
     max-width: 1150px;
 }
@@ -2778,22 +2802,6 @@
     min-height: 20px;
 }
 
-  .tsystem-w_0 {
-    width: 0;
-}
-
-  .tsystem-pl_5px {
-    padding-left: 5px;
-}
-
-  .tsystem-mr_15px {
-    margin-right: 15px;
-}
-
-  .tsystem-w_25 {
-    width: 25px;
-}
-
   .tsystem-mt_auto {
     margin-top: auto;
 }
@@ -2894,10 +2902,6 @@
     max-height: 150px;
 }
 
-  .tsystem-max-h_49px {
-    max-height: 49px;
-}
-
   .tsystem-max-w_325px {
     max-width: 325px;
 }
@@ -2926,6 +2930,22 @@
     left: 20px;
 }
 
+  .tsystem-bottom_-25px {
+    bottom: -25px;
+}
+
+  .tsystem-right_2px {
+    right: 2px;
+}
+
+  .tsystem-left_2px {
+    left: 2px;
+}
+
+  .tsystem-w_26px {
+    width: 26px;
+}
+
   .tsystem-max-h_247px {
     max-height: 247px;
 }
@@ -3074,18 +3094,14 @@
     max-width: 120px;
 }
 
-  .tsystem-w_1px {
-    width: 1px;
+  .tsystem-min-w_180px {
+    min-width: 180px;
 }
 
   .tsystem-h_1px {
     height: 1px;
 }
 
-  .tsystem-min-w_180px {
-    min-width: 180px;
-}
-
   .tsystem-min-w_175px {
     min-width: 175px;
 }
@@ -3102,20 +3118,12 @@
     border: var(--Tight-borderWidths-lg) solid;
 }
 
-  .\[\&_\>_\.Tight-text\]\:tsystem-trs_color_300ms_ease-out > .Tight-text {
-    transition: color 300ms ease-out;
-}
-
-  .\[\&_path\]\:tsystem-trs_stroke_300ms_ease-out path {
-    transition: stroke 300ms ease-out;
-}
-
-  .\[\&\[data-open\=\'true\'\]\]\:tsystem-bd-w_lg[data-open='true'] {
-    border-width: var(--Tight-borderWidths-lg);
+  .\[\&_\>_\.Tight-text\]\:tsystem-trs_color_300ms_ease-out > .Tight-text {
+    transition: color 300ms ease-out;
 }
 
-  .\[\&\[data-open\=\'true\'\]\]\:tsystem-ov_scroll[data-open='true'] {
-    overflow: scroll;
+  .\[\&_path\]\:tsystem-trs_stroke_300ms_ease-out path {
+    transition: stroke 300ms ease-out;
 }
 
   .\[\&_\.Tight-text\:\:after\]\:tsystem-trs_width_100ms_ease-out .Tight-text::after {
@@ -3130,6 +3138,14 @@
     border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
 }
 
+  .\[\&\[data-open\=\'true\'\]\]\:tsystem-bd-w_lg[data-open='true'] {
+    border-width: var(--Tight-borderWidths-lg);
+}
+
+  .\[\&\[data-open\=\'true\'\]\]\:tsystem-ov_scroll[data-open='true'] {
+    overflow: scroll;
+}
+
   .\[\&\[data-haserror\=\'true\'\]\]\:tsystem-bd-c_border\.intent\.danger[data-haserror='true'] {
     border-color: var(--Tight-colors-border-intent-danger);
 }
@@ -3220,10 +3236,6 @@
     stroke: var(--Tight-colors-icon-intent-danger);
 }
 
-  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action .Tight-text {
-    color: var(--Tight-colors-typography-intent-action);
-}
-
   .\[\&\:\:before\]\:tsystem-content_\'\'::before {
     content: '';
 }
@@ -3232,24 +3244,12 @@
     position: absolute;
 }
 
-  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.primary .Tight-text {
-    color: var(--Tight-colors-typography-intent-primary);
-}
-
-  .\[\&_path\]\:tsystem-stk_icon\.intent\.primary path {
-    stroke: var(--Tight-colors-icon-intent-primary);
-}
-
-  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.success .Tight-text {
-    color: var(--Tight-colors-typography-intent-success);
-}
-
-  .\[\&_path\]\:tsystem-stk_icon\.intent\.success path {
-    stroke: var(--Tight-colors-icon-intent-success);
+  .placeholder\:tsystem-c_typography\.label\.sub::placeholder,.placeholder\:tsystem-c_typography\.label\.sub[data-placeholder] {
+    color: var(--Tight-colors-typography-label-sub);
 }
 
-  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.warning .Tight-text {
-    color: var(--Tight-colors-typography-intent-warning);
+  .placeholder\:tsystem-c_typography\.base\.weak::placeholder,.placeholder\:tsystem-c_typography\.base\.weak[data-placeholder] {
+    color: var(--Tight-colors-typography-base-weak);
 }
 
   .\[\&_path\]\:tsystem-stk_icon\.base path {
@@ -3300,24 +3300,44 @@
     pointer-events: none;
 }
 
+  .\[\&_\.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);
 }
 
-  .\[\&\:disabled\]\:tsystem-cursor_default:disabled {
-    cursor: default;
+  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.primary .Tight-text {
+    color: var(--Tight-colors-typography-intent-primary);
+}
+
+  .\[\&_path\]\:tsystem-stk_icon\.intent\.primary path {
+    stroke: var(--Tight-colors-icon-intent-primary);
+}
+
+  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.success .Tight-text {
+    color: var(--Tight-colors-typography-intent-success);
+}
+
+  .\[\&_path\]\:tsystem-stk_icon\.intent\.success path {
+    stroke: var(--Tight-colors-icon-intent-success);
+}
+
+  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.warning .Tight-text {
+    color: var(--Tight-colors-typography-intent-warning);
 }
 
   .\[\&_\.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);
+  .\[\&\:disabled\]\:tsystem-cursor_default:disabled {
+    cursor: default;
 }
 
-  .placeholder\:tsystem-c_typography\.base\.weak::placeholder,.placeholder\:tsystem-c_typography\.base\.weak[data-placeholder] {
-    color: var(--Tight-colors-typography-base-weak);
+  .\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-state='open'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .disabled\:tsystem-cursor_default:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
@@ -3340,10 +3360,6 @@
     background-color: var(--Tight-colors-brand-primary);
 }
 
-  .placeholder\:tsystem-c_typography\.label\.sub::placeholder,.placeholder\:tsystem-c_typography\.label\.sub[data-placeholder] {
-    color: var(--Tight-colors-typography-label-sub);
-}
-
   .\[\&\[data-focused\=\'true\'\]\]\:tsystem-bx-sh_none[data-focused='true'] {
     box-shadow: none;
 }
@@ -3380,18 +3396,6 @@
     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 {
     bottom: 0;
 }
@@ -3428,6 +3432,18 @@
     bottom: -10px;
 }
 
+  .\[\&\[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;
+}
+
   .first\:tsystem-bdr-tl_sm:first-child {
     border-top-left-radius: var(--Tight-radii-sm);
 }
@@ -3695,6 +3711,10 @@
     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);
 }
@@ -3707,10 +3727,6 @@
     border-color: var(--Tight-colors-border-intent-warning-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_transparent:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_transparent[data-active='true']:enabled {
     border-color: var(--Tight-colors-transparent);
 }
@@ -3723,6 +3739,10 @@
     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);
 }
@@ -3735,10 +3755,6 @@
     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);
 }
@@ -3815,6 +3831,10 @@
     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);
 }
@@ -3835,18 +3855,10 @@
     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);
-}
-
   @media screen and (min-width: 40rem) {
     .sm\:tsystem-m_32px {
       margin: 32px;
@@ -4046,14 +4058,6 @@
       padding: 15px;
 }
 
-    .xl\:tsystem-p_4px {
-      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_0_10px {
       padding: 0 10px;
 }
@@ -4062,6 +4066,14 @@
       background: var(--Tight-colors-surface-background);
 }
 
+    .xl\:tsystem-p_4px {
+      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;
 }
@@ -4094,6 +4106,10 @@
       border-radius: borderWidths.sm;
 }
 
+    .xl\:tsystem-gap_10px {
+      gap: 10px;
+}
+
     .xl\:tsystem-ovs-b_none {
       overscroll-behavior: none;
 }
@@ -4102,10 +4118,6 @@
       flex: 1 0 0;
 }
 
-    .xl\:tsystem-gap_10px {
-      gap: 10px;
-}
-
     .xl\:tsystem-bdr_sm {
       border-radius: var(--Tight-radii-sm);
 }
@@ -4150,18 +4162,34 @@
       align-self: stretch;
 }
 
+    .xl\:tsystem-jc_flex-end {
+      justify-content: flex-end;
+}
+
     .xl\:tsystem-bg-c_overlay {
       background-color: var(--Tight-colors-overlay);
 }
 
-    .xl\:tsystem-ai_flex-end {
-      align-items: flex-end;
+    .xl\:tsystem-flex-d_column {
+      flex-direction: column;
+}
+
+    .xl\:tsystem-jc_center {
+      justify-content: center;
+}
+
+    .xl\:tsystem-fs_14px {
+      font-size: 14px;
 }
 
     .xl\:tsystem-lh_16px {
       line-height: 16px;
 }
 
+    .xl\:tsystem-ai_flex-end {
+      align-items: flex-end;
+}
+
     .xl\:tsystem-fs_label {
       font-size: var(--Tight-fontSizes-label);
 }
@@ -4206,18 +4234,6 @@
       font-size: var(--Tight-fontSizes-heading);
 }
 
-    .xl\:tsystem-flex-d_column {
-      flex-direction: column;
-}
-
-    .xl\:tsystem-jc_center {
-      justify-content: center;
-}
-
-    .xl\:tsystem-fs_14px {
-      font-size: 14px;
-}
-
     .xl\:tsystem-flex-wrap_wrap {
       flex-wrap: wrap;
 }
@@ -4303,6 +4319,12 @@
     .tsystem-show_1\.5xl {
       display: none;
 }
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .supportHover\:notDisabled\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.primary\.hover:not(:disabled, [disabled], [data-disabled]) .Tight-text:hover {
+      color: var(--Tight-colors-typography-intent-primary-hover);
+}
 }
 
   @media (hover: hover) and (pointer: fine) {
@@ -4312,8 +4334,8 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.primary\.hover:not(:disabled, [disabled], [data-disabled]) .Tight-text:hover {
-      color: var(--Tight-colors-typography-intent-primary-hover);
+    .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);
 }
 }
 
@@ -4339,12 +4361,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\.danger\.hover:not(:disabled, [disabled], [data-disabled]) .Tight-text:hover {
-      color: var(--Tight-colors-typography-intent-danger-hover);
-}
 }
 
   @media (hover: hover) and (pointer: fine) {
@@ -4372,8 +4388,8 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bd-c_border\.intent\.action\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      border-color: var(--Tight-colors-border-intent-action-hover);
+    .\[\&_\.Tight-text\:\:after\]\:supportHover\:tsystem-trs_width_300ms_ease-out .Tight-text::after:hover {
+      transition: width 300ms ease-out;
 }
 }
 
@@ -4384,38 +4400,38 @@
 }
 
   @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\.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\.warning\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      border-color: var(--Tight-colors-border-intent-warning-hover);
+    .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) {
-    .\[\&_\.Tight-text\:\:after\]\:supportHover\:tsystem-trs_width_300ms_ease-out .Tight-text::after:hover {
-      transition: width 300ms ease-out;
+    .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\.intent\.danger\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      border-color: var(--Tight-colors-border-intent-danger-hover);
+    .supportHover\:notDisabled\:tsystem-bd-c_border\.intent\.warning\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      border-color: var(--Tight-colors-border-intent-warning-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-c_border\.layout:not(:disabled, [disabled], [data-disabled]):hover {
+      border-color: var(--Tight-colors-border-layout);
 }
 }
 
   @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\:enabled\:tsystem-bd-c_border\.intent\.action\.hover:enabled:hover {
+      border-color: var(--Tight-colors-border-intent-action-hover);
 }
 }
 
@@ -4510,44 +4526,44 @@
 }
 
   @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\:\[\&\[data-is-checked\=\'false\'\]\]\:tsystem-bg-c_surface\.background\.hover[data-is-checked='false']:hover {
+      background-color: var(--Tight-colors-surface-background-hover);
 }
 }
 
   @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\: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);
 }
 }
 
   @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\: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\:notDisabled\:tsystem-bg-c_surface\.intent\.warning\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      background-color: var(--Tight-colors-surface-intent-warning-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\:\[\&\[data-is-checked\=\'false\'\]\]\:tsystem-bg-c_surface\.background\.hover[data-is-checked='false']:hover {
-      background-color: var(--Tight-colors-surface-background-hover);
+    .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\.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\.success\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      background-color: var(--Tight-colors-surface-intent-success-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.danger\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      background-color: var(--Tight-colors-surface-intent-danger-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);
 }
 }
 
@@ -4723,6 +4739,12 @@
     .supportHover\:tsystem-c_typography\.contrast:hover {
       color: var(--Tight-colors-typography-contrast);
 }
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .supportHover\:tsystem-bg-c_surface\.background:hover {
+      background-color: var(--Tight-colors-surface-background);
+}
 }
 
   @media (hover: hover) and (pointer: fine) {