@tight-embedded/react 1.0.0-alpha.0

package/dist/index.css

@@ -0,0 +1,2974 @@
+@layer reset, base, tokens, recipes, utilities;
+
+.Tight-component {
+    font-family: var(--Tight-fonts-base);
+
+    * {
+        box-sizing: border-box;
+    }
+}
+
+@keyframes fade-in {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 100%;
+    }
+}
+
+@keyframes shimmer {
+    to {
+        background-position: 0 0;
+    }
+}
+
+@layer base {
+  :root {
+    --made-with-panda: '🐼';
+}
+
+  *,::before,::after,::backdrop {
+    --blur: /*-*/ /*-*/;
+    --brightness: /*-*/ /*-*/;
+    --contrast: /*-*/ /*-*/;
+    --grayscale: /*-*/ /*-*/;
+    --hue-rotate: /*-*/ /*-*/;
+    --invert: /*-*/ /*-*/;
+    --saturate: /*-*/ /*-*/;
+    --sepia: /*-*/ /*-*/;
+    --drop-shadow: /*-*/ /*-*/;
+    --backdrop-blur: /*-*/ /*-*/;
+    --backdrop-brightness: /*-*/ /*-*/;
+    --backdrop-contrast: /*-*/ /*-*/;
+    --backdrop-grayscale: /*-*/ /*-*/;
+    --backdrop-hue-rotate: /*-*/ /*-*/;
+    --backdrop-invert: /*-*/ /*-*/;
+    --backdrop-opacity: /*-*/ /*-*/;
+    --backdrop-saturate: /*-*/ /*-*/;
+    --backdrop-sepia: /*-*/ /*-*/;
+    --gradient-from-position: /*-*/ /*-*/;
+    --gradient-to-position: /*-*/ /*-*/;
+    --gradient-via-position: /*-*/ /*-*/;
+    --scroll-snap-strictness: proximity;
+    --border-spacing-x: 0;
+    --border-spacing-y: 0;
+    --translate-x: 0;
+    --translate-y: 0;
+    --rotate: 0;
+    --rotate-x: 0;
+    --rotate-y: 0;
+    --skew-x: 0;
+    --skew-y: 0;
+    --scale-x: 1;
+    --scale-y: 1;
+}
+}
+
+@layer tokens {
+  :where(:root, :host) {
+    --Tight-colors-white100: #FFFFFF;
+    --Tight-colors-white200: #F9F9F9;
+    --Tight-colors-white300: #EDEDED;
+    --Tight-colors-white600: #E7E8E9;
+    --Tight-colors-black100: #CED1D2;
+    --Tight-colors-black400: #6F7576;
+    --Tight-colors-black600: #50595C;
+    --Tight-colors-black700: #182428;
+    --Tight-colors-blue300: #DAF4FA;
+    --Tight-colors-blue400: #CAECF3;
+    --Tight-colors-blue500: #94D8E8;
+    --Tight-colors-blue700: #2AB2D1;
+    --Tight-colors-blue900: #177F96;
+    --Tight-colors-green300: #B8F3D5;
+    --Tight-colors-green400: #94E8BD;
+    --Tight-colors-green500: #5FDD9C;
+    --Tight-colors-green700: #009C75;
+    --Tight-colors-yellow300: #FFE787;
+    --Tight-colors-yellow400: #FCD34D;
+    --Tight-colors-yellow500: #FBBF24;
+    --Tight-colors-red300: #FF9797;
+    --Tight-colors-red400: #F45C5C;
+    --Tight-colors-red500: #E84747;
+    --Tight-colors-red700: #E42525;
+    --Tight-fonts-base: Duplet Regular, sans-serif;
+    --Tight-fontSizes-sm: 11px;
+    --Tight-fontSizes-md: 14px;
+    --Tight-fontSizes-lg: 20px;
+    --Tight-fontSizes-xl: 36px;
+    --Tight-fontWeights-sm: 400;
+    --Tight-fontWeights-md: 600;
+    --Tight-fontWeights-lg: 900;
+    --Tight-radii-zero: 0;
+    --Tight-radii-sm: 1px;
+    --Tight-radii-md: 2px;
+    --Tight-radii-lg: 4px;
+    --Tight-borderWidths-sm: 0.5px;
+    --Tight-borderWidths-md: 0.75px;
+    --Tight-borderWidths-lg: 1px;
+    --Tight-borderWidths-xl: 2px;
+    --Tight-animations-appear-instant: 0.25s linear fade-in;
+    --Tight-animations-appear-delay: 0.25s linear both 1.5s fade-in;
+    --Tight-animations-shimmer: 2s ease-in-out infinite shimmer;
+    --Tight-shadows-box-shadow: 0px 10px 30px 0px rgba(24, 36, 40, 0.10);
+    --Tight-breakpoints-sm: 640px;
+    --Tight-breakpoints-md: 850px;
+    --Tight-breakpoints-lg: 1024px;
+    --Tight-breakpoints-xl: 1280px;
+    --Tight-breakpoints-1.5xl: 1400px;
+    --Tight-breakpoints-2xl: 1536px;
+    --Tight-sizes-breakpoint-sm: 640px;
+    --Tight-sizes-breakpoint-md: 850px;
+    --Tight-sizes-breakpoint-lg: 1024px;
+    --Tight-sizes-breakpoint-xl: 1280px;
+    --Tight-sizes-breakpoint-1.5xl: 1400px;
+    --Tight-sizes-breakpoint-2xl: 1536px;
+    --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-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-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-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-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-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-surface-background: var(--Tight-colors-white200);
+    --Tight-colors-surface-background-hover: var(--Tight-colors-white300);
+    --Tight-colors-surface-foreground: var(--Tight-colors-white100);
+    --Tight-colors-surface-foreground-hover: var(--Tight-colors-white200);
+    --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-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-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);
+    --Tight-colors-surface-intent-action-hover: var(--Tight-colors-brand-action);
+    --Tight-colors-surface-intent-action-active: var(--Tight-colors-brand-action-strong);
+    --Tight-colors-surface-intent-action-disabled: var(--Tight-colors-surface-foreground-disabled);
+    --Tight-colors-surface-intent-action-discrete: transparent;
+    --Tight-colors-surface-intent-action-discrete-hover: var(--Tight-colors-brand-action-weak);
+    --Tight-colors-surface-intent-action-discrete-active: var(--Tight-colors-brand-action);
+    --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-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-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-typography-base: var(--Tight-colors-black700);
+    --Tight-colors-typography-base-weak: var(--Tight-colors-black400);
+    --Tight-colors-typography-contrast: var(--Tight-colors-white100);
+    --Tight-colors-typography-contrast-weak: var(--Tight-colors-black100);
+    --Tight-colors-typography-intent-primary: var(--Tight-colors-white100);
+    --Tight-colors-typography-intent-primary-hover: var(--Tight-colors-white100);
+    --Tight-colors-typography-intent-primary-active: var(--Tight-colors-white100);
+    --Tight-colors-typography-intent-secondary: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-intent-secondary-hover: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-intent-secondary-active: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-intent-action: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-intent-action-hover: var(--Tight-colors-brand-action);
+    --Tight-colors-typography-intent-action-active: var(--Tight-colors-brand-action-strong);
+    --Tight-colors-typography-intent-success: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-intent-success-hover: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-intent-success-active: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-intent-warning: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-intent-warning-hover: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-intent-warning-active: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-intent-danger: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-intent-danger-hover: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-intent-danger-active: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-accent-success: var(--Tight-colors-brand-success-strong);
+    --Tight-colors-typography-accent-warning: var(--Tight-colors-brand-warning-strong);
+    --Tight-colors-typography-accent-danger: var(--Tight-colors-brand-danger-strong);
+    --Tight-colors-typography-body: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-label: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-label-sub: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-label-strong: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-label-strongSub: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-heading: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-metric-sm: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-metric-md: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-metric-lg: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-metric-xl: var(--Tight-colors-typography-base);
+    --Tight-colors-icon-base: var(--Tight-colors-typography-base);
+    --Tight-colors-icon-base-weak: var(--Tight-colors-typography-base-weak);
+    --Tight-colors-icon-contrast: var(--Tight-colors-typography-contrast);
+    --Tight-colors-icon-contrast-weak: var(--Tight-colors-typography-contrast-weak);
+    --Tight-colors-icon-intent-primary: var(--Tight-colors-typography-intent-primary);
+    --Tight-colors-icon-intent-primary-hover: var(--Tight-colors-typography-intent-primary-hover);
+    --Tight-colors-icon-intent-primary-active: var(--Tight-colors-typography-intent-primary-active);
+    --Tight-colors-icon-intent-secondary: var(--Tight-colors-typography-intent-secondary);
+    --Tight-colors-icon-intent-secondary-hover: var(--Tight-colors-typography-intent-secondary-hover);
+    --Tight-colors-icon-intent-secondary-active: var(--Tight-colors-typography-intent-secondary-active);
+    --Tight-colors-icon-intent-action: var(--Tight-colors-typography-intent-action);
+    --Tight-colors-icon-intent-action-hover: var(--Tight-colors-typography-intent-action-hover);
+    --Tight-colors-icon-intent-action-active: var(--Tight-colors-typography-intent-action-active);
+    --Tight-colors-icon-intent-success: var(--Tight-colors-typography-intent-success);
+    --Tight-colors-icon-intent-success-hover: var(--Tight-colors-typography-intent-success-hover);
+    --Tight-colors-icon-intent-success-active: var(--Tight-colors-typography-intent-success-active);
+    --Tight-colors-icon-intent-warning: var(--Tight-colors-typography-intent-warning);
+    --Tight-colors-icon-intent-warning-hover: var(--Tight-colors-typography-intent-warning-hover);
+    --Tight-colors-icon-intent-warning-active: var(--Tight-colors-typography-intent-warning-active);
+    --Tight-colors-icon-intent-danger: var(--Tight-colors-typography-intent-danger);
+    --Tight-colors-icon-intent-danger-hover: var(--Tight-colors-typography-intent-danger-hover);
+    --Tight-colors-icon-intent-danger-active: var(--Tight-colors-typography-intent-danger-active);
+    --Tight-colors-icon-accent-success: var(--Tight-colors-typography-accent-success);
+    --Tight-colors-icon-accent-warning: var(--Tight-colors-typography-accent-warning);
+    --Tight-colors-icon-accent-danger: var(--Tight-colors-typography-accent-danger);
+    --Tight-colors-border-layout-weak: var(--Tight-colors-white300);
+    --Tight-colors-border-layout: var(--Tight-colors-black100);
+    --Tight-colors-border-layout-strong: var(--Tight-colors-black600);
+    --Tight-colors-border-intent-primary-hover: var(--Tight-colors-brand-primary-strong);
+    --Tight-colors-border-intent-primary: var(--Tight-colors-brand-primary-strong);
+    --Tight-colors-border-intent-primary-active: var(--Tight-colors-brand-primary-strong);
+    --Tight-colors-border-intent-primary-disabled: var(--Tight-colors-border-layout);
+    --Tight-colors-border-intent-secondary-hover: var(--Tight-colors-brand-secondary-strong);
+    --Tight-colors-border-intent-secondary: var(--Tight-colors-brand-secondary-strong);
+    --Tight-colors-border-intent-secondary-active: var(--Tight-colors-brand-secondary-strong);
+    --Tight-colors-border-intent-secondary-disabled: var(--Tight-colors-border-layout);
+    --Tight-colors-border-intent-danger-hover: var(--Tight-colors-brand-danger-strong);
+    --Tight-colors-border-intent-danger: var(--Tight-colors-brand-danger-strong);
+    --Tight-colors-border-intent-danger-active: var(--Tight-colors-brand-danger-strong);
+    --Tight-colors-border-intent-danger-disabled: var(--Tight-colors-border-layout);
+    --Tight-colors-border-intent-warning-hover: var(--Tight-colors-brand-warning-strong);
+    --Tight-colors-border-intent-warning: var(--Tight-colors-brand-warning-strong);
+    --Tight-colors-border-intent-warning-active: var(--Tight-colors-brand-warning-strong);
+    --Tight-colors-border-intent-warning-disabled: var(--Tight-colors-border-layout);
+    --Tight-colors-border-intent-success-hover: var(--Tight-colors-brand-success-strong);
+    --Tight-colors-border-intent-success: var(--Tight-colors-brand-success-strong);
+    --Tight-colors-border-intent-success-active: var(--Tight-colors-brand-success-strong);
+    --Tight-colors-border-intent-success-disabled: var(--Tight-colors-border-layout);
+    --Tight-colors-border-intent-action-hover: var(--Tight-colors-brand-action-strong);
+    --Tight-colors-border-intent-action: var(--Tight-colors-brand-action-strong);
+    --Tight-colors-border-intent-action-active: var(--Tight-colors-brand-action-strong);
+    --Tight-colors-border-intent-action-disabled: var(--Tight-colors-border-layout);
+    --Tight-colors-money: var(--Tight-colors-typography-base);
+    --Tight-colors-money-positive: var(--Tight-colors-green700);
+    --Tight-colors-money-positive-weak: var(--Tight-colors-green500);
+    --Tight-colors-money-negative: var(--Tight-colors-red700);
+    --Tight-colors-money-negative-weak: var(--Tight-colors-red300);
+    --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);
+    --Tight-fonts-heading: var(--Tight-fonts-base);
+    --Tight-fonts-metric: var(--Tight-fonts-base);
+    --Tight-fontWeights-global: var(--Tight-fontWeights-sm);
+    --Tight-fontWeights-body: var(--Tight-fontWeights-md);
+    --Tight-fontWeights-label: var(--Tight-fontWeights-sm);
+    --Tight-fontWeights-label-strong: var(--Tight-fontWeights-md);
+    --Tight-fontWeights-label-sub: var(--Tight-fontWeights-sm);
+    --Tight-fontWeights-label-strongSub: var(--Tight-fontWeights-md);
+    --Tight-fontWeights-heading: var(--Tight-fontWeights-md);
+    --Tight-fontWeights-title: var(--Tight-fontWeights-sm);
+    --Tight-fontWeights-metric-sm: var(--Tight-fontWeights-sm);
+    --Tight-fontWeights-metric-md: var(--Tight-fontWeights-sm);
+    --Tight-fontWeights-metric-lg: var(--Tight-fontWeights-sm);
+    --Tight-fontWeights-metric-xl: var(--Tight-fontWeights-sm);
+    --Tight-fontSizes-title: var(--Tight-fontSizes-xl);
+    --Tight-fontSizes-body: var(--Tight-fontSizes-md);
+    --Tight-fontSizes-label: var(--Tight-fontSizes-md);
+    --Tight-fontSizes-label-strong: var(--Tight-fontSizes-md);
+    --Tight-fontSizes-label-sub: var(--Tight-fontSizes-sm);
+    --Tight-fontSizes-label-strongSub: var(--Tight-fontSizes-sm);
+    --Tight-fontSizes-heading: var(--Tight-fontSizes-lg);
+    --Tight-fontSizes-metric-sm: var(--Tight-fontSizes-sm);
+    --Tight-fontSizes-metric-md: var(--Tight-fontSizes-md);
+    --Tight-fontSizes-metric-lg: var(--Tight-fontSizes-lg);
+    --Tight-fontSizes-metric-xl: var(--Tight-fontSizes-xl);
+}
+}
+
+@layer utilities {
+  .tsystem---thickness_1px {
+    --thickness: 1px;
+}
+
+  .tsystem-bd_\{borderWidths\.md\}_solid {
+    border: var(--Tight-borderWidths-md) solid;
+}
+
+  .tsystem-p_10px {
+    padding: 10px;
+}
+
+  .tsystem-p_6px {
+    padding: 6px;
+}
+
+  .tsystem-p_15px {
+    padding: 15px;
+}
+
+  .tsystem-bd_1px_solid {
+    border: 1px solid;
+}
+
+  .tsystem-bd_\{borderWidths\.lg\}_solid_\{colors\.border\.layout\.weak\} {
+    border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout-weak);
+}
+
+  .tsystem-p_0_15px_15px {
+    padding: 0 15px 15px;
+}
+
+  .tsystem-p_12px_16px {
+    padding: 12px 16px;
+}
+
+  .tsystem-p_15 {
+    padding: 15px;
+}
+
+  .tsystem-inset_0 {
+    inset: 0;
+}
+
+  .tsystem-bg_surface\.background {
+    background: var(--Tight-colors-surface-background);
+}
+
+  .tsystem-p_16px {
+    padding: 16px;
+}
+
+  .tsystem-bd_none {
+    border: none;
+}
+
+  .tsystem-p_0 {
+    padding: 0;
+}
+
+  .tsystem-p_4px_5px {
+    padding: 4px 5px;
+}
+
+  .tsystem-bg_surface\.intent\.secondary {
+    background: var(--Tight-colors-surface-intent-secondary);
+}
+
+  .tsystem-bd_\{borderWidths\.sm\}_solid {
+    border: var(--Tight-borderWidths-sm) solid;
+}
+
+  .tsystem-bg_surface\.intent\.action {
+    background: var(--Tight-colors-surface-intent-action);
+}
+
+  .tsystem-bg_surface\.intent\.success {
+    background: var(--Tight-colors-surface-intent-success);
+}
+
+  .tsystem-bg_surface\.intent\.warning {
+    background: var(--Tight-colors-surface-intent-warning);
+}
+
+  .tsystem-bg_surface\.intent\.danger {
+    background: var(--Tight-colors-surface-intent-danger);
+}
+
+  .tsystem-bd_1px_solid_\{colors\.border\.intent\.action\} {
+    border: 1px solid var(--Tight-colors-border-intent-action);
+}
+
+  .tsystem-bd_\{borderWidths\.md\}_solid_transparent {
+    border: var(--Tight-borderWidths-md) solid transparent;
+}
+
+  .tsystem-bd_1px_solid_\{colors\.border\.intent\.warning\} {
+    border: 1px solid var(--Tight-colors-border-intent-warning);
+}
+
+  .tsystem-p_0_25px {
+    padding: 0 25px;
+}
+
+  .tsystem-m_0 {
+    margin: 0;
+}
+
+  .tsystem-bd_\{borderWidths\.lg\}_solid {
+    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);
+}
+
+  .tsystem-bd_\{borderWidths\.lg\}_solid_transparent {
+    border: var(--Tight-borderWidths-lg) solid transparent;
+}
+
+  .tsystem-bd_2px_solid_red {
+    border: 2px solid red;
+}
+
+  .tsystem-anim_shimmer {
+    animation: var(--Tight-animations-shimmer);
+}
+
+  .tsystem-anim_appear\.instant {
+    animation: var(--Tight-animations-appear-instant);
+}
+
+  .tsystem-bg_transparent {
+    background: var(--Tight-colors-transparent);
+}
+
+  .tsystem-p_4px {
+    padding: 4px;
+}
+
+  .tsystem-bd_\{borderWidths\.lg\}_solid_\{colors\.border\.layout\.strong\} {
+    border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout-strong);
+}
+
+  .tsystem-bg_surface\.intent\.action\.disabled {
+    background: var(--Tight-colors-surface-intent-action-disabled);
+}
+
+  .tsystem-bd_1px_solid_\{colors\.border\.intent\.action\.disabled\} {
+    border: 1px solid var(--Tight-colors-border-intent-action-disabled);
+}
+
+  .tsystem-p_20px_15px {
+    padding: 20px 15px;
+}
+
+  .tsystem-bg_surface\.intent\.primary {
+    background: var(--Tight-colors-surface-intent-primary);
+}
+
+  .tsystem-m_0_auto {
+    margin: 0 auto;
+}
+
+  .tsystem-p_8px {
+    padding: 8px;
+}
+
+  .tsystem-p_4px_8px {
+    padding: 4px 8px;
+}
+
+  .tsystem-p_15px_15px_0_15px {
+    padding: 15px 15px 0 15px;
+}
+
+  .tsystem-p_0_10px {
+    padding: 0 10px;
+}
+
+  .tsystem-bg_none {
+    background: var(--Tight-colors-none);
+}
+
+  .tsystem-p_2px {
+    padding: 2px;
+}
+
+  .tsystem-p_5px_10px {
+    padding: 5px 10px;
+}
+
+  .tsystem-m_0_0_7px_0 {
+    margin: 0 0 7px 0;
+}
+
+  .tsystem-bd_1px_solid_\{colors\.border\.layout\} {
+    border: 1px solid var(--Tight-colors-border-layout);
+}
+
+  .tsystem-p_10px_25px_10px_15px {
+    padding: 10px 25px 10px 15px;
+}
+
+  .tsystem-p_25px {
+    padding: 25px;
+}
+
+  .tsystem-p_5 {
+    padding: 5px;
+}
+
+  .tsystem-p_6px_0_6px_6px {
+    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;
+}
+
+  .tsystem-p_15px_0px {
+    padding: 15px 0px;
+}
+
+  .tsystem-ring_none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
+  .tsystem-bdr_md {
+    border-radius: var(--Tight-radii-md);
+}
+
+  .tsystem-bd-c_border\.layout {
+    border-color: var(--Tight-colors-border-layout);
+}
+
+  .tsystem-gap_9px {
+    gap: 9px;
+}
+
+  .tsystem-gap_5px {
+    gap: 5px;
+}
+
+  .tsystem-ov_hidden {
+    overflow: hidden;
+}
+
+  .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;
+}
+
+  .tsystem-trs_background_300ms_ease-out\,_box-shadow_0ms {
+    transition: background 300ms ease-out, box-shadow 0ms;
+}
+
+  .tsystem-trs_color_300ms_ease-out {
+    transition: color 300ms ease-out;
+}
+
+  .tsystem-gap_15px {
+    gap: 15px;
+}
+
+  .tsystem-bdr_lg {
+    border-radius: var(--Tight-radii-lg);
+}
+
+  .tsystem-bd-c_border\.intent\.warning {
+    border-color: var(--Tight-colors-border-intent-warning);
+}
+
+  .tsystem-bd-c_border\.intent\.action {
+    border-color: var(--Tight-colors-border-intent-action);
+}
+
+  .tsystem-bd-c_border\.intent\.danger {
+    border-color: var(--Tight-colors-border-intent-danger);
+}
+
+  .tsystem-flex_1_1_0 {
+    flex: 1 1 0;
+}
+
+  .tsystem-gap_10px {
+    gap: 10px;
+}
+
+  .tsystem-bdr_sm {
+    border-radius: var(--Tight-radii-sm);
+}
+
+  .tsystem-bdr_50\% {
+    border-radius: 50%;
+}
+
+  .tsystem-bd-w_1 {
+    border-width: 1px;
+}
+
+  .tsystem-border-style_solid {
+    border-style: solid;
+}
+
+  .tsystem-ov_wrap {
+    overflow: wrap;
+}
+
+  .tsystem-bd-c_border\.intent\.primary {
+    border-color: var(--Tight-colors-border-intent-primary);
+}
+
+  .tsystem-gap_26px {
+    gap: 26px;
+}
+
+  .tsystem-flex_1_1_0\% {
+    flex: 1 1 0%;
+}
+
+  .tsystem-ov_scroll {
+    overflow: scroll;
+}
+
+  .tsystem-flex-flow_column {
+    flex-flow: column;
+}
+
+  .tsystem-gap_5 {
+    gap: 5px;
+}
+
+  .tsystem-place-items_center {
+    place-items: center;
+}
+
+  .tsystem-gap_16px {
+    gap: 16px;
+}
+
+  .tsystem-gap_8px {
+    gap: 8px;
+}
+
+  .tsystem-flex_1 {
+    flex: 1 1 0%;
+}
+
+  .tsystem-gap_2px {
+    gap: 2px;
+}
+
+  .tsystem-bd-c_border\.intent\.secondary {
+    border-color: var(--Tight-colors-border-intent-secondary);
+}
+
+  .tsystem-bd-c_border\.intent\.success {
+    border-color: var(--Tight-colors-border-intent-success);
+}
+
+  .tsystem-bd-c_border\.layout\.strong {
+    border-color: var(--Tight-colors-border-layout-strong);
+}
+
+  .tsystem-bg-p_100\%_0 {
+    background-position: 100% 0;
+}
+
+  .tsystem-bdr_zero {
+    border-radius: var(--Tight-radii-zero);
+}
+
+  .tsystem-py_10px {
+    padding-block: 10px;
+}
+
+  .tsystem-trs_height_0\.5s\,_width_0\.5s {
+    transition: height 0.5s, width 0.5s;
+}
+
+  .tsystem-gap_45px {
+    gap: 45px;
+}
+
+  .tsystem-ov_visible {
+    overflow: visible;
+}
+
+  .tsystem-gap_20px {
+    gap: 20px;
+}
+
+  .tsystem-bd-t_hidden {
+    border-top: hidden;
+}
+
+  .tsystem-bdr_0 {
+    border-radius: 0;
+}
+
+  .tsystem-gap_9 {
+    gap: 9px;
+}
+
+  .tsystem-bd-w_sm {
+    border-width: var(--Tight-borderWidths-sm);
+}
+
+  .tsystem-gap_4px {
+    gap: 4px;
+}
+
+  .tsystem-gap_10 {
+    gap: 10px;
+}
+
+  .tsystem-gap_12px {
+    gap: 12px;
+}
+
+  .tsystem-bdr_999px {
+    border-radius: 999px;
+}
+
+  .tsystem-flex_1_0_0 {
+    flex: 1 0 0;
+}
+
+  .tsystem-gap_7px {
+    gap: 7px;
+}
+
+  .tsystem-ov_auto {
+    overflow: auto;
+}
+
+  .tsystem-tw_wrap {
+    text-wrap: wrap;
+}
+
+  .tsystem-gap_16 {
+    gap: 16px;
+}
+
+  .tsystem-bd-r_1px_solid_\{colors\.border\.layout\} {
+    border-right: 1px solid var(--Tight-colors-border-layout);
+}
+
+  .tsystem-bd-l_1px_solid_\{colors\.border\.layout\} {
+    border-left: 1px solid var(--Tight-colors-border-layout);
+}
+
+  .tsystem-tw_nowrap {
+    text-wrap: nowrap;
+}
+
+  .tsystem-gap_2px_2px {
+    gap: 2px 2px;
+}
+
+  .tsystem-fv_normal {
+    font-variant: normal;
+}
+
+  .tsystem-td_none {
+    text-decoration: none;
+}
+
+  .tsystem-text-emphasis_none {
+    text-emphasis: none;
+}
+
+  .tsystem-px_8px {
+    padding-inline: 8px;
+}
+
+  .tsystem-gap_30px {
+    gap: 30px;
+}
+
+  .tsystem-gap_6px {
+    gap: 6px;
+}
+
+  .tsystem-bd-l_1px_solid_\{colors\.border\.layout\.strong\} {
+    border-left: 1px solid var(--Tight-colors-border-layout-strong);
+}
+
+  .tsystem-mx_40px {
+    margin-inline: 40px;
+}
+
+  .tsystem-d_flex {
+    display: flex;
+}
+
+  .tsystem-ai_center {
+    align-items: center;
+}
+
+  .tsystem-jc_center {
+    justify-content: center;
+}
+
+  .tsystem-cursor_pointer {
+    cursor: pointer;
+}
+
+  .tsystem-c_typography\.intent\.secondary {
+    color: var(--Tight-colors-typography-intent-secondary);
+}
+
+  .tsystem-bg-c_surface\.intent\.action\.discrete {
+    background-color: var(--Tight-colors-surface-intent-action-discrete);
+}
+
+  .tsystem-fs_md {
+    font-size: var(--Tight-fontSizes-md);
+}
+
+  .tsystem-fw_md {
+    font-weight: var(--Tight-fontWeights-md);
+}
+
+  .tsystem-fs_sm {
+    font-size: var(--Tight-fontSizes-sm);
+}
+
+  .tsystem-fw_sm {
+    font-weight: var(--Tight-fontWeights-sm);
+}
+
+  .tsystem-bg-c_brand\.primary {
+    background-color: var(--Tight-colors-brand-primary);
+}
+
+  .tsystem-c_typography\.base {
+    color: var(--Tight-colors-typography-base);
+}
+
+  .tsystem-c_typography\.contrast {
+    color: var(--Tight-colors-typography-contrast);
+}
+
+  .tsystem-tov_ellipsis {
+    text-overflow: ellipsis;
+}
+
+  .tsystem-white-space_nowrap {
+    white-space: nowrap;
+}
+
+  .tsystem-font-style_normal {
+    font-style: normal;
+}
+
+  .tsystem-lh_12px {
+    line-height: 12px;
+}
+
+  .tsystem-ls_0\.66px {
+    letter-spacing: 0.66px;
+}
+
+  .tsystem-jc_space-between {
+    justify-content: space-between;
+}
+
+  .tsystem-as_stretch {
+    align-self: stretch;
+}
+
+  .tsystem-flex-wrap_wrap {
+    flex-wrap: wrap;
+}
+
+  .tsystem-bg-c_surface\.foreground {
+    background-color: var(--Tight-colors-surface-foreground);
+}
+
+  .tsystem-jc_flex-end {
+    justify-content: flex-end;
+}
+
+  .tsystem-flex-sh_0 {
+    flex-shrink: 0;
+}
+
+  .tsystem-flex-d_column {
+    flex-direction: column;
+}
+
+  .tsystem-ai_flex-start {
+    align-items: flex-start;
+}
+
+  .tsystem-bg-c_surface\.intent\.secondary {
+    background-color: var(--Tight-colors-surface-intent-secondary);
+}
+
+  .tsystem-flex-d_row {
+    flex-direction: row;
+}
+
+  .tsystem-pos_relative {
+    position: relative;
+}
+
+  .tsystem-flex-d_row-reverse {
+    flex-direction: row-reverse;
+}
+
+  .tsystem-pos_static {
+    position: static;
+}
+
+  .tsystem-flex-sh_1 {
+    flex-shrink: 1;
+}
+
+  .tsystem-wb_break-word {
+    word-break: break-word;
+}
+
+  .tsystem-white-space_pre-wrap {
+    white-space: pre-wrap;
+}
+
+  .tsystem-c_typography\.intent\.primary {
+    color: var(--Tight-colors-typography-intent-primary);
+}
+
+  .tsystem-bg-c_surface\.intent\.primary {
+    background-color: var(--Tight-colors-surface-intent-primary);
+}
+
+  .tsystem-flex-d_column-reverse {
+    flex-direction: column-reverse;
+}
+
+  .tsystem-scr-bar-w_thin {
+    scrollbar-width: thin;
+}
+
+  .tsystem-bg-c_border\.layout {
+    background-color: var(--Tight-colors-border-layout);
+}
+
+  .tsystem-ta_center {
+    text-align: center;
+}
+
+  .tsystem-pos_fixed {
+    position: fixed;
+}
+
+  .tsystem-d_grid {
+    display: grid;
+}
+
+  .tsystem-bg-c_overlay {
+    background-color: var(--Tight-colors-overlay);
+}
+
+  .tsystem-pos_absolute {
+    position: absolute;
+}
+
+  .tsystem-bg-c_surface\.background {
+    background-color: var(--Tight-colors-surface-background);
+}
+
+  .tsystem-stk_currentColor {
+    stroke: var(--Tight-colors-currentColor);
+}
+
+  .tsystem-stk_icon\.intent\.primary {
+    stroke: var(--Tight-colors-icon-intent-primary);
+}
+
+  .tsystem-stk_icon\.intent\.primary\.hover {
+    stroke: var(--Tight-colors-icon-intent-primary-hover);
+}
+
+  .tsystem-stk_icon\.intent\.primary\.active {
+    stroke: var(--Tight-colors-icon-intent-primary-active);
+}
+
+  .tsystem-stk_icon\.intent\.secondary {
+    stroke: var(--Tight-colors-icon-intent-secondary);
+}
+
+  .tsystem-stk_icon\.intent\.secondary\.hover {
+    stroke: var(--Tight-colors-icon-intent-secondary-hover);
+}
+
+  .tsystem-stk_icon\.intent\.secondary\.active {
+    stroke: var(--Tight-colors-icon-intent-secondary-active);
+}
+
+  .tsystem-stk_icon\.intent\.success {
+    stroke: var(--Tight-colors-icon-intent-success);
+}
+
+  .tsystem-stk_icon\.intent\.success\.hover {
+    stroke: var(--Tight-colors-icon-intent-success-hover);
+}
+
+  .tsystem-stk_icon\.intent\.success\.active {
+    stroke: var(--Tight-colors-icon-intent-success-active);
+}
+
+  .tsystem-stk_icon\.intent\.warning {
+    stroke: var(--Tight-colors-icon-intent-warning);
+}
+
+  .tsystem-stk_icon\.intent\.warning\.hover {
+    stroke: var(--Tight-colors-icon-intent-warning-hover);
+}
+
+  .tsystem-stk_icon\.intent\.warning\.active {
+    stroke: var(--Tight-colors-icon-intent-warning-active);
+}
+
+  .tsystem-stk_icon\.intent\.danger {
+    stroke: var(--Tight-colors-icon-intent-danger);
+}
+
+  .tsystem-stk_icon\.intent\.danger\.hover {
+    stroke: var(--Tight-colors-icon-intent-danger-hover);
+}
+
+  .tsystem-stk_icon\.intent\.danger\.active {
+    stroke: var(--Tight-colors-icon-intent-danger-active);
+}
+
+  .tsystem-stk_icon\.intent\.action {
+    stroke: var(--Tight-colors-icon-intent-action);
+}
+
+  .tsystem-stk_icon\.intent\.action\.hover {
+    stroke: var(--Tight-colors-icon-intent-action-hover);
+}
+
+  .tsystem-stk_icon\.intent\.action\.active {
+    stroke: var(--Tight-colors-icon-intent-action-active);
+}
+
+  .tsystem-fill_transparent {
+    fill: var(--Tight-colors-transparent);
+}
+
+  .tsystem-bg-c_transparent {
+    background-color: var(--Tight-colors-transparent);
+}
+
+  .tsystem-d_inline-flex {
+    display: inline-flex;
+}
+
+  .tsystem-c_typography\.intent\.action {
+    color: var(--Tight-colors-typography-intent-action);
+}
+
+  .tsystem-bg-c_surface\.intent\.action {
+    background-color: var(--Tight-colors-surface-intent-action);
+}
+
+  .tsystem-c_typography\.intent\.danger {
+    color: var(--Tight-colors-typography-intent-danger);
+}
+
+  .tsystem-bg-c_surface\.intent\.danger {
+    background-color: var(--Tight-colors-surface-intent-danger);
+}
+
+  .tsystem-bx-sh_0_0_0_0_transparent {
+    box-shadow: 0 0 0 0 transparent;
+}
+
+  .tsystem-c_typography\.intent\.success {
+    color: var(--Tight-colors-typography-intent-success);
+}
+
+  .tsystem-bg-c_surface\.intent\.success {
+    background-color: var(--Tight-colors-surface-intent-success);
+}
+
+  .tsystem-c_typography\.intent\.warning {
+    color: var(--Tight-colors-typography-intent-warning);
+}
+
+  .tsystem-bg-c_surface\.intent\.warning {
+    background-color: var(--Tight-colors-surface-intent-warning);
+}
+
+  .tsystem-jc_flex-start {
+    justify-content: flex-start;
+}
+
+  .tsystem-bg-c_surface\.foreground\.disabled {
+    background-color: var(--Tight-colors-surface-foreground-disabled);
+}
+
+  .tsystem-pointer-events_none {
+    pointer-events: none;
+}
+
+  .tsystem-cursor_text {
+    cursor: text;
+}
+
+  .tsystem-cursor_default {
+    cursor: default;
+}
+
+  .tsystem-bg-c_yellow {
+    background-color: yellow;
+}
+
+  .tsystem-ov-wrap_break-word {
+    overflow-wrap: break-word;
+}
+
+  .tsystem-bg-c_surface\.elevated {
+    background-color: var(--Tight-colors-surface-elevated);
+}
+
+  .tsystem-bg-i_linear-gradient\(90deg\,_\{colors\.surface\.elevated\}_30\%\,_\{colors\.surface\.foreground\}_50\%\,_\{colors\.surface\.elevated\}_70\%\) {
+    background-image: linear-gradient(90deg, var(--Tight-colors-surface-elevated) 30%, var(--Tight-colors-surface-foreground) 50%, var(--Tight-colors-surface-elevated) 70%);
+}
+
+  .tsystem-bg-s_400\% {
+    background-size: 400%;
+}
+
+  .tsystem-bx-sh_box-shadow {
+    box-shadow: var(--Tight-shadows-box-shadow);
+}
+
+  .tsystem-flex-g_1 {
+    flex-grow: 1;
+}
+
+  .tsystem-op_0\.6 {
+    opacity: 0.6;
+}
+
+  .tsystem-cursor_not-allowed {
+    cursor: not-allowed;
+}
+
+  .tsystem-jc_end {
+    justify-content: end;
+}
+
+  .tsystem-jc_start {
+    justify-content: start;
+}
+
+  .tsystem-ai_start {
+    align-items: start;
+}
+
+  .tsystem-bdr-b_lg {
+    border-bottom-left-radius: var(--Tight-radii-lg);
+    border-bottom-right-radius: var(--Tight-radii-lg);
+}
+
+  .tsystem-jc_space-evenly {
+    justify-content: space-evenly;
+}
+
+  .tsystem-bdr-t_lg {
+    border-top-left-radius: var(--Tight-radii-lg);
+    border-top-right-radius: var(--Tight-radii-lg);
+}
+
+  .tsystem-grid-tc_repeat\(1\,_400px\) {
+    grid-template-columns: repeat(1, 400px);
+}
+
+  .tsystem-c_icon\.intent\.primary {
+    color: var(--Tight-colors-icon-intent-primary);
+}
+
+  .tsystem-pointer-events_all {
+    pointer-events: all;
+}
+
+  .tsystem-lh_16px {
+    line-height: 16px;
+}
+
+  .tsystem-fs_lg {
+    font-size: var(--Tight-fontSizes-lg);
+}
+
+  .tsystem-lh_25px {
+    line-height: 25px;
+}
+
+  .tsystem-ls_2px {
+    letter-spacing: 2px;
+}
+
+  .tsystem-fw_label {
+    font-weight: var(--Tight-fontWeights-label);
+}
+
+  .tsystem-fs_label {
+    font-size: var(--Tight-fontSizes-label);
+}
+
+  .tsystem-ff_label {
+    font-family: var(--Tight-fonts-label);
+}
+
+  .tsystem-ls_0\.84px {
+    letter-spacing: 0.84px;
+}
+
+  .tsystem-c_typography\.label {
+    color: var(--Tight-colors-typography-label);
+}
+
+  .tsystem-white-space_normal {
+    white-space: normal;
+}
+
+  .tsystem-fw_lg {
+    font-weight: var(--Tight-fontWeights-lg);
+}
+
+  .tsystem-c_typography\.base\.weak {
+    color: var(--Tight-colors-typography-base-weak);
+}
+
+  .tsystem-bx-s_border-box {
+    box-sizing: border-box;
+}
+
+  .tsystem-trf_rotate\(-20deg\) {
+    transform: rotate(-20deg);
+}
+
+  .tsystem-op_80\% {
+    opacity: 80%;
+}
+
+  .tsystem-fs_4em {
+    font-size: 4em;
+}
+
+  .tsystem-fs_7em {
+    font-size: 7em;
+}
+
+  .tsystem-fw_body {
+    font-weight: var(--Tight-fontWeights-body);
+}
+
+  .tsystem-fs_body {
+    font-size: var(--Tight-fontSizes-body);
+}
+
+  .tsystem-ff_body {
+    font-family: var(--Tight-fonts-body);
+}
+
+  .tsystem-fw_label\.sub {
+    font-weight: var(--Tight-fontWeights-label-sub);
+}
+
+  .tsystem-fs_label\.sub {
+    font-size: var(--Tight-fontSizes-label-sub);
+}
+
+  .tsystem-c_typography\.label\.sub {
+    color: var(--Tight-colors-typography-label-sub);
+}
+
+  .tsystem-lh_14px {
+    line-height: 14px;
+}
+
+  .tsystem-fw_label\.strong {
+    font-weight: var(--Tight-fontWeights-label-strong);
+}
+
+  .tsystem-fs_label\.strong {
+    font-size: var(--Tight-fontSizes-label-strong);
+}
+
+  .tsystem-c_typography\.label\.strong {
+    color: var(--Tight-colors-typography-label-strong);
+}
+
+  .tsystem-fw_label\.strongSub {
+    font-weight: var(--Tight-fontWeights-label-strongSub);
+}
+
+  .tsystem-fs_label\.strongSub {
+    font-size: var(--Tight-fontSizes-label-strongSub);
+}
+
+  .tsystem-c_typography\.label\.strongSub {
+    color: var(--Tight-colors-typography-label-strongSub);
+}
+
+  .tsystem-fw_heading {
+    font-weight: var(--Tight-fontWeights-heading);
+}
+
+  .tsystem-fs_heading {
+    font-size: var(--Tight-fontSizes-heading);
+}
+
+  .tsystem-ff_heading {
+    font-family: var(--Tight-fonts-heading);
+}
+
+  .tsystem-c_typography\.heading {
+    color: var(--Tight-colors-typography-heading);
+}
+
+  .tsystem-fw_metric\.sm {
+    font-weight: var(--Tight-fontWeights-metric-sm);
+}
+
+  .tsystem-fs_metric\.sm {
+    font-size: var(--Tight-fontSizes-metric-sm);
+}
+
+  .tsystem-ff_metric {
+    font-family: var(--Tight-fonts-metric);
+}
+
+  .tsystem-c_typography\.metric\.sm {
+    color: var(--Tight-colors-typography-metric-sm);
+}
+
+  .tsystem-fw_metric\.md {
+    font-weight: var(--Tight-fontWeights-metric-md);
+}
+
+  .tsystem-fs_metric\.md {
+    font-size: var(--Tight-fontSizes-metric-md);
+}
+
+  .tsystem-c_typography\.metric\.md {
+    color: var(--Tight-colors-typography-metric-md);
+}
+
+  .tsystem-fw_metric\.lg {
+    font-weight: var(--Tight-fontWeights-metric-lg);
+}
+
+  .tsystem-fs_metric\.lg {
+    font-size: var(--Tight-fontSizes-metric-lg);
+}
+
+  .tsystem-c_typography\.metric\.lg {
+    color: var(--Tight-colors-typography-metric-lg);
+}
+
+  .tsystem-fw_metric\.xl {
+    font-weight: var(--Tight-fontWeights-metric-xl);
+}
+
+  .tsystem-fs_metric\.xl {
+    font-size: var(--Tight-fontSizes-metric-xl);
+}
+
+  .tsystem-c_typography\.metric\.xl {
+    color: var(--Tight-colors-typography-metric-xl);
+}
+
+  .tsystem-c_money\.negative {
+    color: var(--Tight-colors-money-negative);
+}
+
+  .tsystem-c_money\.positive {
+    color: var(--Tight-colors-money-positive);
+}
+
+  .tsystem-fs_26px {
+    font-size: 26px;
+}
+
+  .tsystem-lh_26px {
+    line-height: 26px;
+}
+
+  .tsystem-us_none {
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+  .tsystem-scr-bar_hidden {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}
+
+  .tsystem-scr-bar_hidden::-webkit-scrollbar {
+    display: none;
+}
+
+  .tsystem-bx-sh_0_0_0_1px_\{colors\.border\.intent\.warning\} {
+    box-shadow: 0 0 0 1px var(--Tight-colors-border-intent-warning);
+}
+
+  .tsystem-d_inline-block {
+    display: inline-block;
+}
+
+  .tsystem-stk_icon\.base {
+    stroke: var(--Tight-colors-icon-base);
+}
+
+  .tsystem-stk_icon\.base\.weak {
+    stroke: var(--Tight-colors-icon-base-weak);
+}
+
+  .tsystem-bg-c_border\.layout\.strong {
+    background-color: var(--Tight-colors-border-layout-strong);
+}
+
+  .tsystem-c_typography\.accent\.danger {
+    color: var(--Tight-colors-typography-accent-danger);
+}
+
+  .tsystem-c_icon\.accent\.danger {
+    color: var(--Tight-colors-icon-accent-danger);
+}
+
+  .tsystem-bg-c_brand\.secondary {
+    background-color: var(--Tight-colors-brand-secondary);
+}
+
+  .tsystem-grid-tc_repeat\(7\,_1fr\) {
+    grid-template-columns: repeat(7, 1fr);
+}
+
+  .tsystem-vis_hidden {
+    visibility: hidden;
+}
+
+  .tsystem-fs-a_none {
+    font-size-adjust: none;
+}
+
+  .tsystem-fs_100\% {
+    font-size: 100%;
+}
+
+  .tsystem-ls_normal {
+    letter-spacing: normal;
+}
+
+  .tsystem-font-stretch_normal {
+    font-stretch: normal;
+}
+
+  .tsystem-fw_normal {
+    font-weight: normal;
+}
+
+  .tsystem-ta_left {
+    text-align: left;
+}
+
+  .tsystem-text-align-last_initial {
+    text-align-last: initial;
+}
+
+  .tsystem-ti_0px {
+    text-indent: 0px;
+}
+
+  .tsystem-text-justify_auto {
+    text-justify: auto;
+}
+
+  .tsystem-tsh_none {
+    text-shadow: none;
+}
+
+  .tsystem-tt_none {
+    text-transform: none;
+}
+
+  .tsystem-resize_none {
+    resize: none;
+}
+
+  .tsystem-ap_none {
+    appearance: none;
+    -webkit-appearance: none;
+}
+
+  .tsystem-d_block {
+    display: block;
+}
+
+  .tsystem-bx-sh_none {
+    box-shadow: none;
+}
+
+  .tsystem-ta_start {
+    text-align: start;
+}
+
+  .tsystem-bd-be-w_var\(--thickness\) {
+    border-block-end-width: var(--thickness);
+}
+
+  .tsystem-bg-c_money\.positive\.weak {
+    background-color: var(--Tight-colors-money-positive-weak);
+}
+
+  .tsystem-bg-c_money\.negative\.weak {
+    background-color: var(--Tight-colors-money-negative-weak);
+}
+
+  .tsystem-va_top {
+    vertical-align: top;
+}
+
+  .tsystem-stk-dsh_0 {
+    stroke-dasharray: 0;
+}
+
+  .tsystem-y_0 {
+    y: 0;
+}
+
+  .tsystem-stk-w_1 {
+    stroke-width: 1;
+}
+
+  .tsystem-bg-c_\#F003 {
+    background-color: #F003;
+}
+
+  .tsystem-bg-c_\#00F3 {
+    background-color: #00F3;
+}
+
+  .tsystem-z_100 {
+    z-index: 100;
+}
+
+  .tsystem-jc_right {
+    justify-content: right;
+}
+
+  .tsystem-c_inherit {
+    color: var(--Tight-colors-inherit);
+}
+
+  .tsystem-min-w_300px {
+    min-width: 300px;
+}
+
+  .tsystem-w_202px {
+    width: 202px;
+}
+
+  .tsystem-min-w_200px {
+    min-width: 200px;
+}
+
+  .tsystem-w_100\% {
+    width: 100%;
+}
+
+  .tsystem-h_72 {
+    height: 72px;
+}
+
+  .tsystem-w_20px {
+    width: 20px;
+}
+
+  .tsystem-h_20px {
+    height: 20px;
+}
+
+  .tsystem-h_32px {
+    height: 32px;
+}
+
+  .tsystem-h_100\% {
+    height: 100%;
+}
+
+  .tsystem-pl_10px {
+    padding-left: 10px;
+}
+
+  .tsystem-min-w_0 {
+    min-width: 0;
+}
+
+  .tsystem-max-w_100\% {
+    max-width: 100%;
+}
+
+  .tsystem-min-h_0 {
+    min-height: 0;
+}
+
+  .tsystem-h_auto {
+    height: auto;
+}
+
+  .tsystem-max-h_100\% {
+    max-height: 100%;
+}
+
+  .tsystem-w_512px {
+    width: 512px;
+}
+
+  .tsystem-mb_18px {
+    margin-bottom: 18px;
+}
+
+  .tsystem-max-w_325 {
+    max-width: 325px;
+}
+
+  .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-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-min-h_100dvh {
+    min-height: 100dvh;
+}
+
+  .tsystem-max-w_360px {
+    max-width: 360px;
+}
+
+  .tsystem-right_0 {
+    right: 0;
+}
+
+  .tsystem-top_0 {
+    top: 0;
+}
+
+  .tsystem-min-w_fit-content {
+    min-width: fit-content;
+}
+
+  .tsystem-left_0 {
+    left: 0;
+}
+
+  .tsystem-w_100dvw {
+    width: 100dvw;
+}
+
+  .tsystem-h_100dvh {
+    height: 100dvh;
+}
+
+  .tsystem-min-w_100dvw {
+    min-width: 100dvw;
+}
+
+  .tsystem-max-h_100dvh {
+    max-height: 100dvh;
+}
+
+  .tsystem-max-w_100dvw {
+    max-width: 100dvw;
+}
+
+  .tsystem-w_24 {
+    width: 24px;
+}
+
+  .tsystem-h_24 {
+    height: 24px;
+}
+
+  .tsystem-w_fit-content {
+    width: fit-content;
+}
+
+  .tsystem-w_15px {
+    width: 15px;
+}
+
+  .tsystem-h_15px {
+    height: 15px;
+}
+
+  .tsystem-min-w_100\% {
+    min-width: 100%;
+}
+
+  .tsystem-w_\{borderWidths\.md\} {
+    width: var(--Tight-borderWidths-md);
+}
+
+  .tsystem-min-w_\{borderWidths\.md\} {
+    min-width: var(--Tight-borderWidths-md);
+}
+
+  .tsystem-h_\{borderWidths\.md\} {
+    height: var(--Tight-borderWidths-md);
+}
+
+  .tsystem-min-h_\{borderWidths\.md\} {
+    min-height: var(--Tight-borderWidths-md);
+}
+
+  .tsystem-w_max-content {
+    width: max-content;
+}
+
+  .tsystem-h_35px {
+    height: 35px;
+}
+
+  .tsystem-h_60px {
+    height: 60px;
+}
+
+  .tsystem-mt_10px {
+    margin-top: 10px;
+}
+
+  .tsystem-max-w_1440px {
+    max-width: 1440px;
+}
+
+  .tsystem-min-w_150px {
+    min-width: 150px;
+}
+
+  .tsystem-h_300px {
+    height: 300px;
+}
+
+  .tsystem-w_400px {
+    width: 400px;
+}
+
+  .tsystem-min-w_900px {
+    min-width: 900px;
+}
+
+  .tsystem-h_481px {
+    height: 481px;
+}
+
+  .tsystem-w_80px {
+    width: 80px;
+}
+
+  .tsystem-w_266 {
+    width: 266px;
+}
+
+  .tsystem-min-h_32 {
+    min-height: 32px;
+}
+
+  .tsystem-left_1 {
+    left: 1px;
+}
+
+  .tsystem-right_1 {
+    right: 1px;
+}
+
+  .tsystem-bottom_1 {
+    bottom: 1px;
+}
+
+  .tsystem-w_calc\(100\%_-_2\) {
+    width: calc(100% - 2);
+}
+
+  .tsystem-h_44px {
+    height: 44px;
+}
+
+  .tsystem-w_40\% {
+    width: 40%;
+}
+
+  .tsystem-min-h_65 {
+    min-height: 65px;
+}
+
+  .tsystem-mb_16px {
+    margin-bottom: 16px;
+}
+
+  .tsystem-bottom_0 {
+    bottom: 0;
+}
+
+  .tsystem-h_250px {
+    height: 250px;
+}
+
+  .tsystem-pb_20px {
+    padding-bottom: 20px;
+}
+
+  .tsystem-bottom_-25px {
+    bottom: -25px;
+}
+
+  .tsystem-right_2px {
+    right: 2px;
+}
+
+  .tsystem-left_2px {
+    left: 2px;
+}
+
+  .tsystem-w_26px {
+    width: 26px;
+}
+
+  .tsystem-max-w_1440 {
+    max-width: 1440px;
+}
+
+  .tsystem-h_80 {
+    height: 80px;
+}
+
+  .tsystem-pl_15px {
+    padding-left: 15px;
+}
+
+  .tsystem-pr_15px {
+    padding-right: 15px;
+}
+
+  .tsystem-pl_20px {
+    padding-left: 20px;
+}
+
+  .tsystem-pr_5px {
+    padding-right: 5px;
+}
+
+  .tsystem-top_-1 {
+    top: -1px;
+}
+
+  .tsystem-right_-1 {
+    right: -1px;
+}
+
+  .tsystem-w_10 {
+    width: 10px;
+}
+
+  .tsystem-h_10 {
+    height: 10px;
+}
+
+  .tsystem-w_17px {
+    width: 17px;
+}
+
+  .tsystem-h_17px {
+    height: 17px;
+}
+
+  .tsystem-pl_2px {
+    padding-left: 2px;
+}
+
+  .tsystem-pr_2px {
+    padding-right: 2px;
+}
+
+  .tsystem-pb_5px {
+    padding-bottom: 5px;
+}
+
+  .tsystem-w_14px {
+    width: 14px;
+}
+
+  .tsystem-h_14px {
+    height: 14px;
+}
+
+  .tsystem-h_25px {
+    height: 25px;
+}
+
+  .tsystem-max-w_200px {
+    max-width: 200px;
+}
+
+  .tsystem-pl_5px {
+    padding-left: 5px;
+}
+
+  .tsystem-mr_15px {
+    margin-right: 15px;
+}
+
+  .tsystem-max-w_1 {
+    max-width: 1px;
+}
+
+  .tsystem-w_1 {
+    width: 1px;
+}
+
+  .tsystem-min-h_36px {
+    min-height: 36px;
+}
+
+  .tsystem-mb_10px {
+    margin-bottom: 10px;
+}
+
+  .tsystem-w_200px {
+    width: 200px;
+}
+
+  .tsystem-h_16px {
+    height: 16px;
+}
+
+  .tsystem-h_50px {
+    height: 50px;
+}
+
+  .tsystem-h_52px {
+    height: 52px;
+}
+
+  .tsystem-pl_64px {
+    padding-left: 64px;
+}
+
+  .tsystem-pr_64px {
+    padding-right: 64px;
+}
+
+  .tsystem-w_100px {
+    width: 100px;
+}
+
+  .tsystem-h_55px {
+    height: 55px;
+}
+
+  .tsystem-min-h_55px {
+    min-height: 55px;
+}
+
+  .tsystem-h_1px {
+    height: 1px;
+}
+
+  .tsystem-mb_30px {
+    margin-bottom: 30px;
+}
+
+  .tsystem-w_36px {
+    width: 36px;
+}
+
+  .tsystem-h_36px {
+    height: 36px;
+}
+
+  .tsystem-max-h_200px {
+    max-height: 200px;
+}
+
+  .tsystem-ov-y_auto {
+    overflow-y: auto;
+}
+
+  .tsystem-min-w_120px {
+    min-width: 120px;
+}
+
+  .tsystem-max-h_150 {
+    max-height: 150px;
+}
+
+  .tsystem-w_325px {
+    width: 325px;
+}
+
+  .tsystem-max-h_314px {
+    max-height: 314px;
+}
+
+  .tsystem-min-w_325px {
+    min-width: 325px;
+}
+
+  .tsystem-min-h_35px {
+    min-height: 35px;
+}
+
+  .tsystem-h_fit-content {
+    height: fit-content;
+}
+
+  .tsystem-w_600px {
+    width: 600px;
+}
+
+  .tsystem-min-h_200px {
+    min-height: 200px;
+}
+
+  .tsystem-pr_10px {
+    padding-right: 10px;
+}
+
+  .tsystem-pt_0 {
+    padding-top: 0;
+}
+
+  .tsystem-pb_8px {
+    padding-bottom: 8px;
+}
+
+  .tsystem-pl_25px {
+    padding-left: 25px;
+}
+
+  .tsystem-right_20 {
+    right: 20px;
+}
+
+  .tsystem-left_20 {
+    left: 20px;
+}
+
+  .tsystem-max-h_247px {
+    max-height: 247px;
+}
+
+  .tsystem-min-h_247px {
+    min-height: 247px;
+}
+
+  .tsystem-mb_10 {
+    margin-bottom: 10px;
+}
+
+  .tsystem-h_16 {
+    height: 16px;
+}
+
+  .tsystem-w_92\% {
+    width: 92%;
+}
+
+  .tsystem-w_90\% {
+    width: 90%;
+}
+
+  .tsystem-w_88\% {
+    width: 88%;
+}
+
+  .tsystem-w_87\% {
+    width: 87%;
+}
+
+  .tsystem-w_85\% {
+    width: 85%;
+}
+
+  .tsystem-w_70\% {
+    width: 70%;
+}
+
+  .tsystem-ml_6px {
+    margin-left: 6px;
+}
+
+  .tsystem-mr_6px {
+    margin-right: 6px;
+}
+
+  .tsystem-max-w_420px {
+    max-width: 420px;
+}
+
+  .tsystem-h_39px {
+    height: 39px;
+}
+
+  .tsystem-mt_35px {
+    margin-top: 35px;
+}
+
+  .tsystem-mb_20px {
+    margin-bottom: 20px;
+}
+
+  .tsystem-pt_10px {
+    padding-top: 10px;
+}
+
+  .tsystem-max-w_fit-content {
+    max-width: fit-content;
+}
+
+  .tsystem-pl_19px {
+    padding-left: 19px;
+}
+
+  .tsystem-max-w_120px {
+    max-width: 120px;
+}
+
+  .tsystem-w_1px {
+    width: 1px;
+}
+
+  .tsystem-ml_auto {
+    margin-left: auto;
+}
+
+  .\[\&\[data-haserror\=\'true\'\]\]\:tsystem-bd_\{borderWidths\.lg\}_solid[data-haserror='true'],.\[\&\[data-selected\=\'true\'\]\]\:tsystem-bd_\{borderWidths\.lg\}_solid[data-selected='true'] {
+    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;
+}
+
+  .\[\&_\.Tight-text\:\:after\]\:tsystem-trs_width_100ms_ease-out .Tight-text::after {
+    transition: width 100ms ease-out;
+}
+
+  .\[\&\[data-haserror\=\'true\'\]\]\:tsystem-bd-c_border\.intent\.danger[data-haserror='true'] {
+    border-color: var(--Tight-colors-border-intent-danger);
+}
+
+  .\[\&\[data-selected\=\'true\'\]\]\:tsystem-bd-c_border\.intent\.action\.active[data-selected='true'] {
+    border-color: var(--Tight-colors-border-intent-action-active);
+}
+
+  .\[\&\[data-today\=\'true\'\]\:\:after\]\:tsystem-bdr_50\%[data-today='true']::after {
+    border-radius: 50%;
+}
+
+  .\[\&\[data-focused\=\'true\'\]\]\:tsystem-ring_none[data-focused='true'],.\[\&_\.recharts-surface\]\:tsystem-ring_none .recharts-surface {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
+  .\[\&\[data-active\=\'true\'\]\]\:tsystem-bd-c_border\.intent\.action\.active[data-active='true'] {
+    border-color: var(--Tight-colors-border-intent-action-active);
+}
+
+  .\[\&\:disabled\]\:tsystem-cursor_not-allowed:disabled {
+    cursor: not-allowed;
+}
+
+  .\[\&\:disabled\]\:tsystem-op_0\.6:disabled {
+    opacity: 0.6;
+}
+
+  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary .Tight-text {
+    color: var(--Tight-colors-typography-intent-secondary);
+}
+
+  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.base .Tight-sub-label {
+    color: var(--Tight-colors-typography-base);
+}
+
+  .\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.base .Tight-medium-icon > path {
+    stroke: var(--Tight-colors-icon-base);
+}
+
+  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.secondary .Tight-sub-label {
+    color: var(--Tight-colors-typography-intent-secondary);
+}
+
+  .\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.secondary .Tight-medium-icon > path {
+    stroke: var(--Tight-colors-icon-intent-secondary);
+}
+
+  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.action .Tight-sub-label {
+    color: var(--Tight-colors-typography-intent-action);
+}
+
+  .\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.action .Tight-medium-icon > path {
+    stroke: var(--Tight-colors-icon-intent-action);
+}
+
+  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.success .Tight-sub-label {
+    color: var(--Tight-colors-typography-intent-success);
+}
+
+  .\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.success .Tight-medium-icon > path {
+    stroke: var(--Tight-colors-icon-intent-success);
+}
+
+  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.warning .Tight-sub-label {
+    color: var(--Tight-colors-typography-intent-warning);
+}
+
+  .\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.warning .Tight-medium-icon > path {
+    stroke: var(--Tight-colors-icon-intent-warning);
+}
+
+  .\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.danger .Tight-sub-label {
+    color: var(--Tight-colors-typography-intent-danger);
+}
+
+  .\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.danger .Tight-medium-icon > path {
+    stroke: var(--Tight-colors-icon-intent-danger);
+}
+
+  .\[\&_\.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;
+}
+
+  .\[\&\:\:before\]\:tsystem-content_\'\'::before {
+    content: '';
+}
+
+  .\[\&\:\:before\]\:tsystem-pos_absolute::before {
+    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);
+}
+
+  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.warning .Tight-text {
+    color: var(--Tight-colors-typography-intent-warning);
+}
+
+  .\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.active[data-state='open'] {
+    background-color: var(--Tight-colors-surface-intent-action-active);
+}
+
+  .\[\&_\.Tight-text\]\:tsystem-pos_relative .Tight-text {
+    position: relative;
+}
+
+  .\[\&_\.Tight-text\:\:after\]\:tsystem-content_\'\' .Tight-text::after {
+    content: '';
+}
+
+  .\[\&_\.Tight-text\:\:after\]\:tsystem-pos_absolute .Tight-text::after {
+    position: absolute;
+}
+
+  .\[\&_\.Tight-text\:\:after\]\:tsystem-bg-c_currentColor .Tight-text::after {
+    background-color: var(--Tight-colors-currentColor);
+}
+
+  .\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-state='open'] {
+    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+}
+
+  .\[\&\:\:placeholder\]\:tsystem-c_typography\.base\.weak::placeholder {
+    color: var(--Tight-colors-typography-base-weak);
+}
+
+  .\[\&_\*\]\:tsystem-bx-s_border-box * {
+    box-sizing: border-box;
+}
+
+  .\[\&\:disabled\]\:tsystem-pointer-events_none:disabled {
+    pointer-events: none;
+}
+
+  .\[\&_path\]\:tsystem-stk_icon\.base path {
+    stroke: var(--Tight-colors-icon-base);
+}
+
+  .\[\&_path\]\:tsystem-stk_icon\.accent\.danger path {
+    stroke: var(--Tight-colors-icon-accent-danger);
+}
+
+  .disabled\:tsystem-cursor_default:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    cursor: default;
+}
+
+  .\[\&\[data-selected\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-selected='true'] {
+    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+}
+
+  .\[\&\[data-today\=\'true\'\]\:\:after\]\:tsystem-content_\'\'[data-today='true']::after {
+    content: '';
+}
+
+  .\[\&\[data-today\=\'true\'\]\:\:after\]\:tsystem-pos_absolute[data-today='true']::after {
+    position: absolute;
+}
+
+  .\[\&\[data-today\=\'true\'\]\:\:after\]\:tsystem-bg-c_brand\.primary[data-today='true']::after {
+    background-color: var(--Tight-colors-brand-primary);
+}
+
+  .\[\&\[data-focused\=\'true\'\]\]\:tsystem-bx-sh_none[data-focused='true'] {
+    box-shadow: none;
+}
+
+  .\[\&\[data-focused\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover[data-focused='true'] {
+    background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+}
+
+  .\[\&_\>_\.Tight-text\]\:tsystem-c_typography\.intent\.action > .Tight-text {
+    color: var(--Tight-colors-typography-intent-action);
+}
+
+  .\[\&_\>_\.Tight-text\]\:tsystem-c_typography\.intent\.action\.active > .Tight-text {
+    color: var(--Tight-colors-typography-intent-action-active);
+}
+
+  .\[\&\[data-active\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-active='true'] {
+    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+}
+
+  .\[\&_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);
+}
+
+  .\[\&\:\:before\]\:tsystem-top_-11px::before {
+    top: -11px;
+}
+
+  .\[\&\:\:before\]\:tsystem-left_-11px::before {
+    left: -11px;
+}
+
+  .\[\&\:\:before\]\:tsystem-right_-11px::before {
+    right: -11px;
+}
+
+  .\[\&\:\:before\]\:tsystem-bottom_-11px::before {
+    bottom: -11px;
+}
+
+  .\[\&_\.Tight-text\:\:after\]\:tsystem-bottom_0 .Tight-text::after {
+    bottom: 0;
+}
+
+  .\[\&_\.Tight-text\:\:after\]\:tsystem-left_0 .Tight-text::after {
+    left: 0;
+}
+
+  .\[\&_\.Tight-text\:\:after\]\:tsystem-w_0 .Tight-text::after {
+    width: 0;
+}
+
+  .\[\&_\.Tight-text\:\:after\]\:tsystem-h_1px .Tight-text::after {
+    height: 1px;
+}
+
+  .\[\&\:\:before\]\:tsystem-top_-10px::before {
+    top: -10px;
+}
+
+  .\[\&\:\:before\]\:tsystem-left_-10px::before {
+    left: -10px;
+}
+
+  .\[\&\:\:before\]\:tsystem-right_-10px::before {
+    right: -10px;
+}
+
+  .\[\&\:\:before\]\:tsystem-bottom_-10px::before {
+    bottom: -10px;
+}
+
+  .\[\&\[data-today\=\'true\'\]\:\:after\]\:tsystem-bottom_3px[data-today='true']::after {
+    bottom: 3px;
+}
+
+  .\[\&\[data-today\=\'true\'\]\:\:after\]\:tsystem-w_4px[data-today='true']::after {
+    width: 4px;
+}
+
+  .\[\&\[data-today\=\'true\'\]\:\:after\]\:tsystem-h_4px[data-today='true']::after {
+    height: 4px;
+}
+
+  .\[\&\:\:before\]\:tsystem-top_-9px::before {
+    top: -9px;
+}
+
+  .\[\&\:\:before\]\:tsystem-right_-7px::before {
+    right: -7px;
+}
+
+  .\[\&\:\:before\]\:tsystem-bottom_-9px::before {
+    bottom: -9px;
+}
+
+  .\[\&\:\:before\]\:tsystem-left_-5px::before {
+    left: -5px;
+}
+
+  .\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd_\{borderWidths\.lg\}_solid:focus-within,.\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd_\{borderWidths\.lg\}_solid[data-isdefaultvalue='false'] {
+    border: var(--Tight-borderWidths-lg) solid;
+}
+
+  .\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd-c_border\.layout\.strong:focus-within,.\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd-c_border\.layout\.strong[data-isdefaultvalue='false'] {
+    border-color: var(--Tight-colors-border-layout-strong);
+}
+
+  .\[\&\:focus\,_\&\:focus-within\]\:tsystem-ring_none:focus,.\[\&\:focus\,_\&\:focus-within\]\:tsystem-ring_none:focus-within {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
+  .\[\&\[data-clicked\=\'true\'\]\:focus-within\]\:tsystem-ring_1px_solid[data-clicked='true']:focus-within {
+    outline: 1px solid;
+}
+
+  .\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bg-c_surface\.foreground:focus-within,.\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bg-c_surface\.foreground[data-isdefaultvalue='false'] {
+    background-color: var(--Tight-colors-surface-foreground);
+}
+
+  .\[\&\:focus-within\]\:tsystem-cursor_text:focus-within {
+    cursor: text;
+}
+
+  .\[\&\[data-state\=\'closed\'\]\[data-disablehover\=\'false\'\]\:hover\,_\&\:not\(\[data-state\]\)\[data-disablehover\=\'false\'\]\:hover\:not\(\:focus-within\)\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover[data-state='closed'][data-disablehover='false']:hover,.\[\&\[data-state\=\'closed\'\]\[data-disablehover\=\'false\'\]\:hover\,_\&\:not\(\[data-state\]\)\[data-disablehover\=\'false\'\]\:hover\:not\(\:focus-within\)\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:not([data-state])[data-disablehover='false']:hover:not(:focus-within) {
+    background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+}
+
+  .\[\&\:hover\:not\(\:focus-within\)\]\:tsystem-c_typography\.intent\.action\.hover:hover:not(:focus-within) {
+    color: var(--Tight-colors-typography-intent-action-hover);
+}
+
+  .\[\&\[data-clicked\=\'true\'\]\:focus-within\]\:tsystem-ring-o_2px[data-clicked='true']:focus-within {
+    outline-offset: 2px;
+}
+
+  .\[\&\[data-clicked\=\'true\'\]\:focus-within\]\:tsystem-ring-c_border\.layout\.strong[data-clicked='true']:focus-within {
+    outline-color: var(--Tight-colors-border-layout-strong);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.secondary\.hover:hover,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.secondary\.hover:focus-visible,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.secondary\.hover[data-state='open'] {
+    background: var(--Tight-colors-surface-intent-secondary-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.action\.hover:hover,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.action\.hover:focus-visible,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.action\.hover[data-state='open'] {
+    background: var(--Tight-colors-surface-intent-action-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.success\.hover:hover,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.success\.hover:focus-visible,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.success\.hover[data-state='open'] {
+    background: var(--Tight-colors-surface-intent-success-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.warning\.hover:hover,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.warning\.hover:focus-visible,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.warning\.hover[data-state='open'] {
+    background: var(--Tight-colors-surface-intent-warning-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.danger\.hover:hover,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.danger\.hover:focus-visible,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.danger\.hover[data-state='open'] {
+    background: var(--Tight-colors-surface-intent-danger-hover);
+}
+
+  .\[\&\:focus-visible\]\:tsystem-ring_4px_solid:focus-visible {
+    outline: 4px solid;
+}
+
+  .focus\:tsystem-ring_none:is(:focus, [data-focus]) {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
+  .\[\&\:focus\]\:tsystem-ring_none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.secondary\.hover:hover,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.secondary\.hover:focus-visible,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.secondary\.hover[data-state='open'] {
+    border-color: var(--Tight-colors-border-intent-secondary-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.action\.hover:hover,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.action\.hover:focus-visible,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.action\.hover[data-state='open'] {
+    border-color: var(--Tight-colors-border-intent-action-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.success\.hover:hover,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.success\.hover:focus-visible,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.success\.hover[data-state='open'] {
+    border-color: var(--Tight-colors-border-intent-success-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.warning\.hover:hover,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.warning\.hover:focus-visible,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.warning\.hover[data-state='open'] {
+    border-color: var(--Tight-colors-border-intent-warning-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.danger\.hover:hover,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.danger\.hover:focus-visible,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bd-c_border\.intent\.danger\.hover[data-state='open'] {
+    border-color: var(--Tight-colors-border-intent-danger-hover);
+}
+
+  .\[\&\:focus-visible\]\:tsystem-trs_none:focus-visible {
+    transition: none;
+}
+
+  .\[\&\:focus-visible\:\:before\]\:tsystem-bdr_md:focus-visible::before {
+    border-radius: var(--Tight-radii-md);
+}
+
+  .\[\&\:focus-visible\:\:before\]\:tsystem-ring_4px_solid:focus-visible::before {
+    outline: 4px solid;
+}
+
+  .\[\&\[data-clicked\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring_4px_solid[data-clicked='false']:has(:focus-visible) {
+    outline: 4px solid;
+}
+
+  .\[\&\:has\(\>_\.Tight-component\:focus-visible\)\]\:tsystem-ring_4px_solid:has(> .Tight-component:focus-visible) {
+    outline: 4px solid;
+}
+
+  .\[\&\:focus-visible\]\:tsystem-bdr_sm:focus-visible {
+    border-radius: var(--Tight-radii-sm);
+}
+
+  .\[\&\:focus-visible\]\:tsystem-ring-c_border\.layout:focus-visible {
+    outline-color: var(--Tight-colors-border-layout);
+}
+
+  .\[\&\:focus-visible\]\:tsystem-ring-o_-1px:focus-visible {
+    outline-offset: -1px;
+}
+
+  .\[\&\:focus\]\:tsystem-cursor_text:focus {
+    cursor: text;
+}
+
+  .\[\&\:focus-visible\]\:tsystem-pos_relative:focus-visible {
+    position: relative;
+}
+
+  .\[\&\:focus-visible\:\:before\]\:tsystem-content_\'\':focus-visible::before {
+    content: '';
+}
+
+  .\[\&\:focus-visible\:\:before\]\:tsystem-pos_absolute:focus-visible::before {
+    position: absolute;
+}
+
+  .\[\&\:focus-visible\:\:before\]\:tsystem-ring-c_border\.layout:focus-visible::before {
+    outline-color: var(--Tight-colors-border-layout);
+}
+
+  .\[\&\:focus-visible\:\:before\]\:tsystem-pointer-events_none:focus-visible::before {
+    pointer-events: none;
+}
+
+  .\[\&\[data-clicked\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring-c_border\.layout[data-clicked='false']:has(:focus-visible) {
+    outline-color: var(--Tight-colors-border-layout);
+}
+
+  .\[\&\:focus\]\:tsystem-z_1:focus {
+    z-index: 1;
+}
+
+  .\[\&\:focus-visible_\>_\.Tight-text\]\:tsystem-c_typography\.intent\.action\.active:focus-visible > .Tight-text {
+    color: var(--Tight-colors-typography-intent-action-active);
+}
+
+  .\[\&\:has\(\>_\.Tight-component\:focus-visible\)\]\:tsystem-ring-c_border\.layout:has(> .Tight-component:focus-visible) {
+    outline-color: var(--Tight-colors-border-layout);
+}
+
+  .\[\&\[data-clicked\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring-o_2px[data-clicked='false']:has(:focus-visible) {
+    outline-offset: 2px;
+}
+
+  .\[\&\:focus-visible\]\:tsystem-ring-o_2px:focus-visible {
+    outline-offset: 2px;
+}
+
+  .\[\&\:focus-visible\:\:before\]\:tsystem-top_0:focus-visible::before {
+    top: 0;
+}
+
+  .\[\&\:focus-visible\:\:before\]\:tsystem-left_0:focus-visible::before {
+    left: 0;
+}
+
+  .\[\&\:focus-visible\:\:before\]\:tsystem-right_0:focus-visible::before {
+    right: 0;
+}
+
+  .\[\&\:focus-visible\:\:before\]\:tsystem-bottom_0:focus-visible::before {
+    bottom: 0;
+}
+
+  .\[\&\:hover\]\:tsystem-bd_\{borderWidths\.lg\}_solid:hover,.\[\&\:hover\:not\(\:disabled\)\]\:tsystem-bd_\{borderWidths\.lg\}_solid:hover:not(:disabled) {
+    border: var(--Tight-borderWidths-lg) solid;
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:tsystem-bd-c_border\.layout:hover:not(:disabled) {
+    border-color: var(--Tight-colors-border-layout);
+}
+
+  .\[\&\:hover\]\:tsystem-trs_background_100ms_ease-out\,_background-color_100ms_ease-out\,_border-color_100ms_ease-out\,_box-shadow_0ms:hover {
+    transition: background 100ms ease-out, background-color 100ms ease-out, border-color 100ms ease-out, box-shadow 0ms;
+}
+
+  .\[\&\:hover\]\:tsystem-trs_background_100ms_ease-out\,_box-shadow_0ms:hover {
+    transition: background 100ms ease-out, box-shadow 0ms;
+}
+
+  .\[\&\:hover\]\:tsystem-trs_color_100ms_ease-out:hover,.\[\&\:hover_\>_\.Tight-text\]\:tsystem-trs_color_100ms_ease-out:hover > .Tight-text {
+    transition: color 100ms ease-out;
+}
+
+  .\[\&\:hover_path\]\:tsystem-trs_stroke_100ms_ease-out:hover path {
+    transition: stroke 100ms ease-out;
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:tsystem-bd-c_border\.intent\.action\.hover:hover:not(:disabled) {
+    border-color: var(--Tight-colors-border-intent-action-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:tsystem-bd-c_border\.intent\.danger\.hover:hover:not(:disabled) {
+    border-color: var(--Tight-colors-border-intent-danger-hover);
+}
+
+  .\[\&\:enabled\:hover\]\:tsystem-bd-c_border\.intent\.action\.hover:enabled:hover {
+    border-color: var(--Tight-colors-border-intent-action-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:tsystem-bd-c_border\.intent\.primary\.hover:hover:not(:disabled) {
+    border-color: var(--Tight-colors-border-intent-primary-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:tsystem-bd-c_border\.intent\.success\.hover:hover:not(:disabled) {
+    border-color: var(--Tight-colors-border-intent-success-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:tsystem-bd-c_border\.intent\.warning\.hover:hover:not(:disabled) {
+    border-color: var(--Tight-colors-border-intent-warning-hover);
+}
+
+  .\[\&\:hover_\.Tight-text\:\:after\,_\&\[data-state\=\'open\'\]_\>_\.Tight-text\:\:after\]\:tsystem-trs_width_300ms_ease-out:hover .Tight-text::after,.\[\&\:hover_\.Tight-text\:\:after\,_\&\[data-state\=\'open\'\]_\>_\.Tight-text\:\:after\]\:tsystem-trs_width_300ms_ease-out[data-state='open'] > .Tight-text::after {
+    transition: width 300ms ease-out;
+}
+
+  .\[\&\:hover\]\:tsystem-bd-c_border\.intent\.action\.hover:hover {
+    border-color: var(--Tight-colors-border-intent-action-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:hover:not(:disabled) {
+    background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:tsystem-bg-c_surface\.intent\.action\.hover:hover:not(:disabled) {
+    background-color: var(--Tight-colors-surface-intent-action-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:tsystem-bg-c_surface\.intent\.danger\.hover:hover:not(:disabled) {
+    background-color: var(--Tight-colors-surface-intent-danger-hover);
+}
+
+  .\[\&\:enabled\:hover\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:enabled:hover {
+    background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:tsystem-bg-c_surface\.intent\.primary\.hover:hover:not(:disabled) {
+    background-color: var(--Tight-colors-surface-intent-primary-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:tsystem-bg-c_surface\.intent\.success\.hover:hover:not(:disabled) {
+    background-color: var(--Tight-colors-surface-intent-success-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:tsystem-bg-c_surface\.intent\.warning\.hover:hover:not(:disabled) {
+    background-color: var(--Tight-colors-surface-intent-warning-hover);
+}
+
+  .\[\&\:hover\]\:tsystem-bg-c_surface\.intent\.action\.hover:hover {
+    background-color: var(--Tight-colors-surface-intent-action-hover);
+}
+
+  .\[\&\[data-is-checked\=\'false\'\]\:hover\]\:tsystem-bg-c_surface\.background\.hover[data-is-checked='false']:hover {
+    background-color: var(--Tight-colors-surface-background-hover);
+}
+
+  .\[\&\:hover\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:hover {
+    background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+}
+
+  .\[\&\:hover_\>_\.Tight-text\]\:tsystem-c_typography\.intent\.action\.hover:hover > .Tight-text {
+    color: var(--Tight-colors-typography-intent-action-hover);
+}
+
+  .\[\&\:hover\]\:tsystem-bg-c_brand\.primary:hover {
+    background-color: var(--Tight-colors-brand-primary);
+}
+
+  .\[\&\:hover\]\:tsystem-c_typography\.contrast:hover {
+    color: var(--Tight-colors-typography-contrast);
+}
+
+  .\[\&\:hover\]\:tsystem-c_typography\.intent\.action\.hover:hover {
+    color: var(--Tight-colors-typography-intent-action-hover);
+}
+
+  .\[\&\:hover_\>_\.Tight-medium-icon_\>_path\]\:tsystem-stk_typography\.intent\.action\.hover:hover > .Tight-medium-icon > path {
+    stroke: var(--Tight-colors-typography-intent-action-hover);
+}
+
+  .\[\&\:hover_\.Tight-text\:\:after\,_\&\[data-state\=\'open\'\]_\>_\.Tight-text\:\:after\]\:tsystem-w_100\%:hover .Tight-text::after,.\[\&\:hover_\.Tight-text\:\:after\,_\&\[data-state\=\'open\'\]_\>_\.Tight-text\:\:after\]\:tsystem-w_100\%[data-state='open'] > .Tight-text::after {
+    width: 100%;
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.action\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.action\.active[data-active='true']:enabled {
+    border-color: var(--Tight-colors-border-intent-action-active);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.danger\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.danger\.active[data-active='true']:enabled {
+    border-color: var(--Tight-colors-border-intent-danger-active);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_transparent:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_transparent[data-active='true']:enabled {
+    border-color: var(--Tight-colors-transparent);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.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);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.warning\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_border\.intent\.warning\.active[data-active='true']:enabled {
+    border-color: var(--Tight-colors-border-intent-warning-active);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-active='true']:enabled {
+    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.active[data-active='true']:enabled {
+    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);
+}
+
+  .\[\&\: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 {
+    background-color: var(--Tight-colors-surface-intent-success-active);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.warning\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.warning\.active[data-active='true']:enabled {
+    background-color: var(--Tight-colors-surface-intent-warning-active);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.secondary\.hover:hover .Tight-sub-label,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.secondary\.hover:focus-visible .Tight-sub-label,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.secondary\.hover[data-state='open'] .Tight-sub-label {
+    color: var(--Tight-colors-typography-intent-secondary-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.secondary\.hover:hover .Tight-medium-icon > path,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.secondary\.hover:focus-visible .Tight-medium-icon > path,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.secondary\.hover[data-state='open'] .Tight-medium-icon > path {
+    stroke: var(--Tight-colors-icon-intent-secondary-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.action\.hover:hover .Tight-sub-label,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.action\.hover:focus-visible .Tight-sub-label,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.action\.hover[data-state='open'] .Tight-sub-label {
+    color: var(--Tight-colors-typography-intent-action-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.action\.hover:hover .Tight-medium-icon > path,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.action\.hover:focus-visible .Tight-medium-icon > path,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.action\.hover[data-state='open'] .Tight-medium-icon > path {
+    stroke: var(--Tight-colors-icon-intent-action-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.success\.hover:hover .Tight-sub-label,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.success\.hover:focus-visible .Tight-sub-label,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.success\.hover[data-state='open'] .Tight-sub-label {
+    color: var(--Tight-colors-typography-intent-success-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.success\.hover:hover .Tight-medium-icon > path,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.success\.hover:focus-visible .Tight-medium-icon > path,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.success\.hover[data-state='open'] .Tight-medium-icon > path {
+    stroke: var(--Tight-colors-icon-intent-success-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.warning\.hover:hover .Tight-sub-label,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.warning\.hover:focus-visible .Tight-sub-label,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.warning\.hover[data-state='open'] .Tight-sub-label {
+    color: var(--Tight-colors-typography-intent-warning-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.warning\.hover:hover .Tight-medium-icon > path,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.warning\.hover:focus-visible .Tight-medium-icon > path,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.warning\.hover[data-state='open'] .Tight-medium-icon > path {
+    stroke: var(--Tight-colors-icon-intent-warning-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.danger\.hover:hover .Tight-sub-label,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.danger\.hover:focus-visible .Tight-sub-label,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.danger\.hover[data-state='open'] .Tight-sub-label {
+    color: var(--Tight-colors-typography-intent-danger-hover);
+}
+
+  .\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.danger\.hover:hover .Tight-medium-icon > path,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.danger\.hover:focus-visible .Tight-medium-icon > path,.\[\&\:hover\,_\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-medium-icon_\>_path\]\:tsystem-stk_icon\.intent\.danger\.hover[data-state='open'] .Tight-medium-icon > path {
+    stroke: var(--Tight-colors-icon-intent-danger-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary\.hover:hover:not(:disabled) .Tight-text {
+    color: var(--Tight-colors-typography-intent-secondary-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action\.hover:hover:not(:disabled) .Tight-text {
+    color: var(--Tight-colors-typography-intent-action-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.danger\.hover:hover:not(:disabled) .Tight-text {
+    color: var(--Tight-colors-typography-intent-danger-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.primary\.hover:hover:not(:disabled) .Tight-text {
+    color: var(--Tight-colors-typography-intent-primary-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:\[\&_path\]\:tsystem-stk_icon\.intent\.primary\.hover:hover:not(:disabled) path {
+    stroke: var(--Tight-colors-icon-intent-primary-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.success\.hover:hover:not(:disabled) .Tight-text {
+    color: var(--Tight-colors-typography-intent-success-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:\[\&_path\]\:tsystem-stk_icon\.intent\.success\.hover:hover:not(:disabled) path {
+    stroke: var(--Tight-colors-icon-intent-success-hover);
+}
+
+  .\[\&\:hover\:not\(\:disabled\)\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.warning\.hover:hover:not(:disabled) .Tight-text {
+    color: var(--Tight-colors-typography-intent-warning-hover);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary\.active:active:enabled .Tight-text,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.secondary\.active[data-active='true']:enabled .Tight-text {
+    color: var(--Tight-colors-typography-intent-secondary-active);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action\.active:active:enabled .Tight-text,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action\.active[data-active='true']:enabled .Tight-text {
+    color: var(--Tight-colors-typography-intent-action-active);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.danger\.active:active:enabled .Tight-text,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.danger\.active[data-active='true']:enabled .Tight-text {
+    color: var(--Tight-colors-typography-intent-danger-active);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.primary\.active:active:enabled .Tight-text,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.primary\.active[data-active='true']:enabled .Tight-text {
+    color: var(--Tight-colors-typography-intent-primary-active);
+}
+
+  .\[\&\: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\]\:\[\&_\.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 {
+    color: var(--Tight-colors-typography-intent-success-active);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_path\]\:tsystem-stk_icon\.intent\.success\.active:active:enabled path,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_path\]\:tsystem-stk_icon\.intent\.success\.active[data-active='true']:enabled path {
+    stroke: var(--Tight-colors-icon-intent-success-active);
+}
+
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.warning\.active:active:enabled .Tight-text,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.warning\.active[data-active='true']:enabled .Tight-text {
+    color: var(--Tight-colors-typography-intent-warning-active);
+}
+
+  .\[\&\:hover\]\:\[\&_svg\]\:\[\&_path\]\:tsystem-stk_icon\.accent\.danger:hover svg path {
+    stroke: var(--Tight-colors-icon-accent-danger);
+}
+
+  @media screen and (min-width: 53.125rem) {
+    .md\:tsystem-grid-tc_repeat\(2\,_400px\) {
+      grid-template-columns: repeat(2, 400px);
+}
+}
+
+  @media screen and (min-width: 87.5rem) {
+    .\31\.5xl\:tsystem-grid-tc_400px_400px_400px_minmax\(150px\,_400px\) {
+      grid-template-columns: 400px 400px 400px minmax(150px, 400px);
+}
+}
+}