@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700&display=swap');

/* Auto-generated by scripts/sync-tw2-from-zapkit.sh */

/* Source: zapkit-components/src/tokens/{global,semantic}.css and */

/*         zapkit-components/src/index.css (@layer components) */

/* 
 * Design Tokens - Converted to HSL and REM
 * 
 * Colors: HEX → HSL (Hue, Saturation, Lightness)
 * Spacing: PX → REM (base 16px)
 * 
 * Benefits:
 * - HSL: Better for design systems, easier to modify saturation/lightness
 * - REM: Responsive, accessible, scales with user zoom
 */

/* Global Design Tokens - From Figma */

/* DO NOT EDIT MANUALLY - Generated from Figma Global/Mode 1 tokens */

:root {
  /* =========================================================================
     COLORS - Global Color Palette
     ========================================================================= */
  /* Gray Scale */
  --color-gray-50: hsl(210, 20%, 98%);
  --color-gray-100: hsl(220, 14%, 96%);
  --color-gray-200: hsl(220, 13%, 91%);
  --color-gray-300: hsl(216, 12%, 84%);
  --color-gray-400: hsl(218, 11%, 65%);
  --color-gray-500: hsl(220, 9%, 46%);
  --color-gray-600: hsl(215, 14%, 34%);
  --color-gray-700: hsl(217, 19%, 27%);
  --color-gray-800: hsl(215, 28%, 17%);
  --color-gray-900: hsl(221, 39%, 11%);
  --color-gray-950: hsl(224, 71%, 4%);
  /* Red Scale */
  --color-red-50: hsl(0, 86%, 97%);
  --color-red-100: hsl(0, 93%, 94%);
  --color-red-200: hsl(0, 96%, 89%);
  --color-red-300: hsl(0, 94%, 82%);
  --color-red-400: hsl(0, 91%, 71%);
  --color-red-500: hsl(0, 84%, 60%);
  --color-red-600: hsl(0, 72%, 51%);
  --color-red-700: hsl(0, 74%, 42%);
  --color-red-800: hsl(0, 70%, 35%);
  --color-red-900: hsl(0, 63%, 31%);
  --color-red-950: hsl(0, 75%, 15%);
  /* Green Scale */
  --color-green-50: hsl(138, 76%, 97%);
  --color-green-100: hsl(141, 84%, 93%);
  --color-green-200: hsl(141, 79%, 85%);
  --color-green-300: hsl(142, 77%, 73%);
  --color-green-400: hsl(142, 69%, 58%);
  --color-green-500: hsl(142, 71%, 45%);
  --color-green-600: hsl(142, 76%, 36%);
  --color-green-700: hsl(142, 72%, 29%);
  --color-green-800: hsl(143, 64%, 24%);
  --color-green-900: hsl(144, 61%, 20%);
  --color-green-950: hsl(145, 80%, 10%);
  /* Blue Scale */
  --color-blue-50: hsl(214, 100%, 97%);
  --color-blue-100: hsl(214, 95%, 93%);
  --color-blue-200: hsl(213, 97%, 87%);
  --color-blue-300: hsl(212, 96%, 78%);
  --color-blue-400: hsl(213, 94%, 68%);
  --color-blue-500: hsl(217, 91%, 60%);
  --color-blue-600: hsl(221, 83%, 53%);
  --color-blue-700: hsl(224, 76%, 48%);
  --color-blue-800: hsl(226, 71%, 40%);
  --color-blue-900: hsl(224, 64%, 33%);
  --color-blue-950: hsl(226, 57%, 21%);
  /* Brand Colors */
  --color-brand-50: hsl(90, 70%, 96%);
  --color-brand-100: hsl(87, 69%, 90%);
  --color-brand-200: hsl(87, 65%, 84%);
  --color-brand-300: hsl(88, 67%, 76%);
  --color-brand-400: hsl(87, 66%, 64%);
  --color-brand-500: hsl(88, 65%, 58%);
  --color-brand-600: hsl(88, 66%, 44%);
  --color-brand-700: hsl(88, 66%, 32%);
  --color-brand-800: hsl(87, 67%, 20%);
  --color-brand-900: hsl(88, 67%, 12%);
  --color-brand-950: hsl(87, 67%, 6%);
  /* Brand Secondary */
  --color-brand-secondary-50: hsl(213, 82%, 98%);
  --color-brand-secondary-100: hsl(214, 81%, 94%);
  --color-brand-secondary-200: hsl(219, 88%, 90%);
  --color-brand-secondary-300: hsl(217, 88%, 84%);
  --color-brand-secondary-400: hsl(218, 87%, 75%);
  --color-brand-secondary-500: hsl(218, 87%, 67%);
  --color-brand-secondary-600: hsl(218, 87%, 50%);
  --color-brand-secondary-700: hsl(218, 88%, 35%);
  --color-brand-secondary-800: hsl(218, 87%, 25%);
  --color-brand-secondary-900: hsl(217, 88%, 10%);
  --color-brand-secondary-950: hsl(218, 87%, 6%);
  /* Brand aliases — same value in light and dark */
  --color-brand-on: var(--color-gray-950);
  --color-brand-secondary-on: var(--color-gray-950);
  --color-brand-secondary-on-surface: var(--color-brand-secondary-600);
  --color-brand-focus: var(--color-brand-300);
  --brand-fill: var(--color-brand-400);
  --brand-on-fill: var(--color-brand-on);
  --brand-fill-hover: var(--color-brand-500);
  --brand-fill-pressed: var(--color-brand-400);
  --brand-fill-disabled: var(--color-brand-100);
  --brand-secondary-fill: var(--color-brand-secondary-500);
  --brand-secondary-on-fill: var(--color-brand-secondary-on);
  /* Orange Scale */
  --color-orange-50: hsl(33, 100%, 96%);
  --color-orange-100: hsl(34, 100%, 92%);
  --color-orange-200: hsl(32, 98%, 83%);
  --color-orange-300: hsl(31, 97%, 72%);
  --color-orange-400: hsl(27, 96%, 61%);
  --color-orange-500: hsl(25, 95%, 53%);
  --color-orange-600: hsl(21, 90%, 48%);
  --color-orange-700: hsl(17, 88%, 40%);
  --color-orange-800: hsl(15, 79%, 34%);
  --color-orange-900: hsl(15, 75%, 28%);
  --color-orange-950: hsl(13, 81%, 15%);
  /* Zinc Scale */
  --color-zinc-50: hsl(0, 0%, 98%);
  --color-zinc-100: hsl(240, 5%, 96%);
  --color-zinc-200: hsl(240, 6%, 90%);
  --color-zinc-300: hsl(240, 5%, 84%);
  --color-zinc-400: hsl(240, 5%, 65%);
  --color-zinc-500: hsl(240, 4%, 46%);
  --color-zinc-600: hsl(240, 5%, 34%);
  --color-zinc-700: hsl(240, 5%, 26%);
  --color-zinc-800: hsl(240, 4%, 16%);
  --color-zinc-900: hsl(240, 6%, 10%);
  --color-zinc-950: hsl(240, 10%, 4%);
  /* Neutral Scale */
  --color-neutral-50: hsl(0, 0%, 98%);
  --color-neutral-100: hsl(0, 0%, 96%);
  --color-neutral-200: hsl(0, 0%, 90%);
  --color-neutral-300: hsl(0, 0%, 83%);
  --color-neutral-400: hsl(0, 0%, 64%);
  --color-neutral-500: hsl(0, 0%, 45%);
  --color-neutral-600: hsl(0, 0%, 32%);
  --color-neutral-700: hsl(0, 0%, 25%);
  --color-neutral-800: hsl(0, 0%, 15%);
  --color-neutral-900: hsl(0, 0%, 9%);
  --color-neutral-950: hsl(0, 0%, 4%);
  /* Base Colors */
  --color-black: hsl(0, 0%, 0%);
  --color-white: hsl(0, 0%, 100%);
  /* =========================================================================
     SPACING - Global Spacing Scale
     ========================================================================= */
  --spacing-0: 0rem;
  --spacing-0_5: 0.125rem;
  --spacing-1: 0.25rem;
  --spacing-1_5: 0.375rem;
  --spacing-2: 0.5rem;
  --spacing-2_5: 0.625rem;
  --spacing-3: 0.75rem;
  --spacing-3_5: 0.875rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  /* =========================================================================
     TYPOGRAPHY - Global Typography Scale
     ========================================================================= */
  /* Font Families */
  --font-family-sans: "Mulish", sans-serif;
  --font-family-serif: "Georgia", serif;
  --font-family-mono: "Roboto Mono", monospace;
  /* Font Sizes */
  --font-size-2xs: 0.625rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-size-7xl: 4.5rem;
  --font-size-8xl: 6rem;
  --font-size-9xl: 8rem;
  /* Font Weights */
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  /* Line Heights */
  --line-height-1: 1rem;
  --line-height-2: 1.25rem;
  --line-height-3: 1.5rem;
  --line-height-4: 1.75rem;
  --line-height-5: 2rem;
  --line-height-6: 2.25rem;
  --line-height-7: 2.5rem;
  --line-height-8: 3rem;
  --line-height-9: 4rem;
  --line-height-10: 5rem;
  --line-height-11: 6rem;
  --line-height-12: 8rem;
  --line-height-13: 10rem;
  /* Line Heights (value-based aliases → ordinal scale above) */
  --line-height-16: var(--line-height-1);
  --line-height-20: var(--line-height-2);
  --line-height-24: var(--line-height-3);
  --line-height-28: var(--line-height-4);
  --line-height-32: var(--line-height-5);
  --line-height-36: var(--line-height-6);
  --line-height-40: var(--line-height-7);
  --line-height-48: var(--line-height-8);
  --line-height-64: var(--line-height-9);
  --line-height-80: var(--line-height-10);
  --line-height-96: var(--line-height-11);
  --line-height-128: var(--line-height-12);
  --line-height-160: var(--line-height-13);
  /* =========================================================================
     BORDER RADIUS - Global Border Radius Scale
     ========================================================================= */
  --border-radius-none: 0rem;
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-3xl: 1.5rem;
  --border-radius-full: 62.4375rem;
  /* =========================================================================
     BORDER WIDTH - Global Border Width Scale
     ========================================================================= */
  --border-width-0: 0px;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-4: 4px;
  --border-width-8: 8px;
  /* =========================================================================
     SHADOWS - Global Shadow Scale
     ========================================================================= */
  --shadow-none: 0rem 0rem 0rem 0rem #00000000;
  --shadow-2xs: 0rem 0.0625rem 0rem 0rem #0000000d;
  --shadow-xs: 0rem 0.0625rem 0.125rem 0rem #0000000d;
  --shadow-sm: 0rem 0.0625rem 0.1875rem 0rem #0000001a, 0rem 0.0625rem 0.125rem -0.0625rem #0000001a;
  --shadow-base: 0rem 0.25rem 0.375rem -0.0625rem #0000001a, 0rem 0.125rem 0.375rem -0.125rem #0000001a;
  --shadow-md: 0rem 0.625rem 0.9375rem -0.1875rem #0000001a, 0rem 0.25rem 0.375rem -0.25rem #0000001a;
  --shadow-lg: 0rem 1.25rem 1.5625rem -0.3125rem #0000001a, 0rem 0.5rem 0.625rem -0.375rem #0000001a;
  --shadow-xl: 0rem 1.25rem 1.5625rem -0.3125rem #0000001a, 0rem 0.5rem 0.625rem -0.375rem #0000001a;
  --shadow-2xl: 0rem 1.5625rem 3.125rem -0.75rem #00000040;
  --shadow-inner: 0rem 0.125rem 0.25rem 0rem #0000000d;
  /* =========================================================================
     OPACITY - Global Opacity Scale
     ========================================================================= */
  --opacity-0: 0;
  --opacity-5: 0.05;
  --opacity-10: 0.1;
  --opacity-20: 0.2;
  --opacity-25: 0.25;
  --opacity-30: 0.3;
  --opacity-40: 0.4;
  --opacity-50: 0.5;
  --opacity-60: 0.6;
  --opacity-70: 0.7;
  --opacity-75: 0.75;
  --opacity-80: 0.8;
  --opacity-90: 0.9;
  --opacity-95: 0.95;
  --opacity-100: 1;
  /* =========================================================================
     BLUR - Global Blur Scale
     ========================================================================= */
  --blur-none: 0px;
  --blur-sm: 4px;
  --blur-base: 8px;
  --blur-md: 12px;
  --blur-lg: 16px;
  --blur-xl: 24px;
  --blur-2xl: 40px;
  --blur-3xl: 64px;
  /* =========================================================================
     BREAKPOINTS - Global Breakpoint Scale
     ========================================================================= */
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
  --breakpoint-3xl: 1920px;
  /* =========================================================================
     CONTAINER - Global Container Scale
     ========================================================================= */
  --container-xs: 320px;
  --container-sm: 384px;
  --container-md: 448px;
  --container-lg: 512px;
  --container-xl: 576px;
  --container-2xl: 672px;
  --container-3xl: 768px;
  --container-4xl: 896px;
  --container-5xl: 1024px;
  --container-6xl: 1152px;
  --container-7xl: 1280px;
  --container-8xl: 1536px;
}

/* Semantic utilities */

.rounded-dropdown {
  border-radius: var(--radius-dropdown);
}

/* Support Tailwind-style hover:rounded-dropdown utility */

.hover\\:rounded-dropdown:hover {
  border-radius: var(--radius-dropdown);
}

/* 
 * Design Tokens - Converted to HSL and REM
 * 
 * Colors: HEX → HSL (Hue, Saturation, Lightness)
 * Spacing: PX → REM (base 16px)
 * 
 * Benefits:
 * - HSL: Better for design systems, easier to modify saturation/lightness
 * - REM: Responsive, accessible, scales with user zoom
 */

/* Semantic Design Tokens - Component-specific tokens */

/* These tokens reference global tokens and define semantic meanings */

:root {
  /* =========================================================================
     SEMANTIC COLORS - Light Mode
     ========================================================================= */
  /* Text Colors */
  --text-primary: var(--color-gray-950);
  --text-secondary: var(--color-gray-800);
  --text-tertiary: var(--color-gray-500);
  --text-disabled: var(--color-gray-500);
  --text-error: var(--color-red-600);
  --text-brand: var(--color-brand-500);
  --text-invert: var(--color-white);
  /* Background Colors */
  --bg-primary: var(--color-gray-50);
  --bg-secondary: var(--color-white);
  --bg-card-kanban-list: var(--color-gray-100);
  --spacing-kanban-padding: var(--spacing-2);
  /* 8px */
  --spacing-kanban-gap: var(--spacing-2);
  /* 8px */
  --spacing-kanban-board-gap: var(--spacing-2);
  /* 8px */
  --spacing-kanban-board-padding-bottom: var(--spacing-2);
  /* 8px */
  --kanban-list-width: 18.75rem;
  /* 300px */
  --kanban-list-collapsed-width: 3rem;
  /* 48px */
  --spacing-kanban-board-padding-x: var(--spacing-4);
  /* 16px each side */
  --spacing-kanban-toolbar-gap: var(--spacing-2);
  /* 8px */
  --spacing-kanban-toolbar-search-dot: var(--spacing-1_5);
  /* 6px */
  --spacing-kanban-toolbar-search-dot-offset: var(--spacing-1);
  /* 4px */
  --kanban-toolbar-title-min: 7.5rem;
  /* 120px */
  --kanban-toolbar-arrange-min-width: 13.75rem;
  /* 220px */
  --kanban-toolbar-search-indicator: var(--color-brand-600);
  --kanban-attribute-label-max-width: 45%;
  /* green-600 is the only palette primitive at or above 3:1 on the column fill in both themes. */
  --kanban-list-drop-outline-color: var(--color-green-600);
  --kanban-list-drop-outline-width: var(--border-width-2);
  /* 2px */
  --kanban-list-drop-outline-style: dashed;
  --kanban-list-drop-outline-offset: calc(-1 * var(--kanban-list-drop-outline-width));
  --bg-drop-tray: var(--color-white);
  --border-drop-tray: var(--color-gray-100);
  --text-drop-tray: var(--color-gray-800);
  --radius-drop-tray: var(--border-radius-lg);
  /* 8px */
  --spacing-drop-tray-padding: var(--spacing-3);
  /* 12px */
  --spacing-drop-tray-gap: var(--spacing-2);
  /* 8px */
  --spacing-drop-tray-target-gap: var(--spacing-3);
  /* 12px */
  --spacing-drop-tray-icon: var(--spacing-6);
  /* 24px */
  --drop-tray-height: 7.25rem;
  /* 116px */
  --drop-tray-target-height: var(--spacing-16);
  /* 64px */
  --border-width-drop-tray: var(--border-width-2);
  /* 2px */
  /* Figma colors/gray/400. */
  --bg-selection-toolbar: var(--color-gray-400);
  --text-selection-toolbar: var(--color-gray-800);
  --radius-selection-toolbar: var(--border-radius-2xl);
  --spacing-selection-toolbar-padding-x: var(--spacing-4);
  /* 16px */
  --spacing-selection-toolbar-padding-y: var(--spacing-2);
  /* 8px */
  --spacing-selection-toolbar-gap: var(--spacing-2);
  /* 8px */
  --bg-disabled: var(--color-gray-100);
  /* Button Colors - Primary (Light Mode) */
  --btn-primary-bg-default: var(--color-brand-400);
  --btn-primary-bg-hover: var(--color-brand-500);
  --btn-primary-bg-pressed: var(--color-brand-400);
  --btn-primary-bg-disabled: var(--color-brand-100);
  --btn-primary-bg-focus: var(--color-brand-500);
  --btn-primary-text-default: var(--color-gray-950);
  --btn-primary-text-disabled: var(--color-gray-400);
  /* Button Colors - Secondary */
  --btn-secondary-bg-default: var(--color-gray-50);
  --btn-secondary-bg-hover: var(--color-gray-100);
  --btn-secondary-bg-pressed: var(--color-gray-200);
  --btn-secondary-bg-focus: var(--color-gray-50);
  --btn-secondary-bg-disabled: var(--color-gray-100);
  --btn-secondary-text-default: var(--color-gray-950);
  --btn-secondary-text-disabled: var(--color-gray-500);
  --btn-secondary-border-default: var(--color-gray-200);
  --btn-secondary-border-hover: var(--color-gray-300);
  --btn-secondary-border-pressed: var(--color-gray-300);
  --btn-secondary-border-disabled: var(--color-gray-200);
  --btn-secondary-border-focus: var(--color-gray-200);
  /* Button Colors - Danger */
  --btn-danger-bg-default: var(--color-red-700);
  --btn-danger-bg-hover: var(--color-red-600);
  --btn-danger-bg-pressed: var(--color-red-800);
  --btn-danger-bg-disabled: var(--color-red-100);
  --btn-danger-bg-focus: var(--color-red-700);
  --btn-danger-text-default: var(--color-red-50);
  --btn-danger-text-disabled: var(--color-red-50);
  /* Button Colors - Ghost */
  --btn-ghost-bg-default: transparent;
  --btn-ghost-bg-hover: var(--color-gray-100);
  --btn-ghost-bg-pressed: var(--color-gray-200);
  --btn-ghost-bg-disabled: transparent;
  --btn-ghost-bg-focus: transparent;
  --btn-ghost-text-default: var(--color-gray-800);
  --btn-ghost-text-disabled: var(--color-gray-500);
  /* Link Colors — link / variant / state (text implicit) */
  --link-primary: var(--color-gray-700);
  --link-primary-hover: var(--color-brand-500);
  --link-primary-focus-ring: var(--color-gray-700);
  --link-secondary: var(--color-brand-600);
  --link-secondary-hover: var(--color-brand-700);
  --link-secondary-focus-ring: var(--color-brand-600);
  --link-tertiary: var(--color-gray-500);
  --link-tertiary-hover: var(--color-gray-600);
  --link-tertiary-focus-ring: var(--color-gray-500);
  --link-success: var(--color-green-700);
  --link-success-hover: var(--color-green-900);
  --link-success-focus-ring: var(--color-green-800);
  --link-help: var(--color-orange-700);
  --link-help-hover: var(--color-orange-900);
  --link-help-focus-ring: var(--color-orange-800);
  --link-info: var(--color-blue-700);
  --link-info-hover: var(--color-blue-900);
  --link-info-focus-ring: var(--color-blue-800);
  --link-warning: var(--color-red-700);
  --link-warning-hover: var(--color-red-900);
  --link-warning-focus-ring: var(--color-red-800);
  --link-disabled: var(--color-gray-400);
  /* Link in Alert — darker colors for light Alert backgrounds */
  --link-alert-help: var(--color-orange-700);
  --link-alert-help-hover: var(--color-orange-800);
  --link-alert-help-focus-ring: var(--color-orange-700);
  --link-alert-info: var(--color-blue-700);
  --link-alert-info-hover: var(--color-blue-800);
  --link-alert-info-focus-ring: var(--color-blue-700);
  --link-alert-warning: var(--color-red-700);
  --link-alert-warning-hover: var(--color-red-800);
  --link-alert-warning-focus-ring: var(--color-red-700);
  --link-alert-success: var(--color-green-700);
  --link-alert-success-hover: var(--color-green-800);
  --link-alert-success-focus-ring: var(--color-green-700);
  /* Switch Colors - Light Mode */
  --switch-bg-default: var(--color-gray-200);
  --switch-bg-hover: var(--color-gray-300);
  --switch-bg-pressed: var(--color-gray-200);
  --switch-bg-focus: var(--color-gray-200);
  --switch-bg-selected: var(--color-blue-500);
  --switch-bg-selected-hover: var(--color-blue-600);
  --switch-bg-selected-pressed: var(--color-blue-700);
  --switch-bg-selected-focus: var(--color-blue-500);
  --switch-bg-disabled: var(--color-gray-100);
  --switch-thumb-bg: var(--color-white);
  --app-shell-brand: var(--color-brand-500);
  /* Checkbox Colors - Light Mode */
  --checkbox-bg-default: var(--color-gray-50);
  --checkbox-bg-hover: var(--color-gray-100);
  --checkbox-bg-pressed: var(--color-gray-200);
  --checkbox-bg-selected: var(--color-blue-500);
  --checkbox-bg-selected-hover: var(--color-blue-600);
  --checkbox-bg-selected-pressed: var(--color-blue-700);
  --checkbox-bg-disabled: var(--color-gray-50);
  --checkbox-border-default: var(--color-gray-200);
  --checkbox-border-hover: var(--color-gray-300);
  --checkbox-border-pressed: var(--color-gray-300);
  --checkbox-border-selected: var(--color-blue-500);
  --checkbox-border-selected-hover: var(--color-blue-600);
  --checkbox-border-selected-pressed: var(--color-blue-700);
  --checkbox-border-disabled: var(--color-gray-200);
  --checkbox-checkmark-bg: var(--color-white);
  /* Checkbox Spacing - Light Mode */
  --spacing-checkbox-gap: var(--spacing-2);
  /* 8px = 0.5rem */
  /* Radio Colors - Light Mode */
  --radio-bg-default: var(--color-gray-50);
  --radio-bg-hover: var(--color-gray-100);
  --radio-bg-pressed: var(--color-gray-200);
  --radio-bg-selected: var(--color-blue-500);
  --radio-bg-selected-hover: var(--color-blue-600);
  --radio-bg-selected-pressed: var(--color-blue-700);
  --radio-bg-disabled: var(--color-gray-50);
  --radio-border-default: var(--color-gray-200);
  --radio-border-hover: var(--color-gray-300);
  --radio-border-pressed: var(--color-gray-300);
  --radio-border-selected: var(--color-blue-500);
  --radio-border-selected-hover: var(--color-blue-600);
  --radio-border-selected-pressed: var(--color-blue-700);
  --radio-border-disabled: var(--color-gray-200);
  --radio-dot-bg: var(--color-white);
  /* Radio Spacing - Light Mode */
  --spacing-radio-gap: var(--spacing-2);
  /* 8px = 0.5rem */
  /* Modal Colors - Light Mode */
  --modal-bg-overlay: var(--color-gray-800);
  --modal-bg-content: var(--color-white);
  --modal-border-default: var(--color-gray-200);
  /* Modal Spacing - Light Mode */
  --modal-padding-horizontal: 1.25rem;
  --modal-padding-vertical: 1rem;
  --modal-gap: 1rem;
  /* Modal Sizes - Light Mode. Dark mode inherits these widths. */
  --modal-sm: 20rem;
  --modal-md: 32.5rem;
  --modal-lg: 40rem;
  --modal-xl: 48rem;
  --modal-max-height: 60vh;
  /* Updated to match actual usage in Modal component */
  /* Modal Shadows - Light Mode */
  --shadow-modal: var(--shadow-sm);
  /* Modal Z-Index - Light Mode */
  --z-modal-overlay: 50;
  /* Z-index for modal content */
  --z-modal-overlay-backdrop: 49;
  /* Z-index for overlay backdrop (one level below modal) */
  /* Modal Opacity - Light Mode */
  --opacity-modal-overlay: var(--opacity-70);
  /* Badge Colors — badge / variant / type (e.g. badge-primary-bg) */
  --badge-primary-bg: var(--color-gray-600);
  --badge-primary-text: var(--color-gray-100);
  --badge-secondary-bg: var(--color-gray-200);
  --badge-secondary-text: var(--color-gray-700);
  --status-lost-badge-bg: var(--color-red-100);
  --status-lost-badge-text: var(--color-red-700);
  --status-success-badge-bg: var(--color-green-100);
  --status-success-badge-text: var(--color-green-800);
  --status-on-hold-badge-bg: var(--color-orange-100);
  --status-on-hold-badge-text: var(--color-orange-700);
  /* Card Colors */
  --card-bg-default: var(--color-white);
  --card-bg-hover: var(--color-gray-50);
  --card-bg-pressed: var(--color-white);
  --card-bg-selected: var(--color-brand-50);
  --card-bg-selected-hover: var(--color-brand-100);
  --card-border-default: var(--color-gray-100);
  --card-border-hover: var(--color-gray-200);
  --card-border-pressed: var(--color-gray-200);
  --card-border-selected: var(--color-brand-200);
  --card-border-selected-hover: var(--color-brand-300);
  --card-title-text: var(--color-gray-800);
  --card-description-text: var(--color-gray-500);
  --card-icon-default: var(--color-gray-500);
  --card-text-attribute: var(--color-gray-800);
  --card-text-label-attribute: var(--color-gray-500);
  --status-success-bar: var(--color-green-500);
  --status-success-surface: var(--color-green-50);
  --status-on-hold-bar: var(--color-orange-300);
  --status-on-hold-surface: var(--color-orange-50);
  --status-lost-bar: var(--color-red-400);
  --status-lost-surface: var(--color-red-50);
  --status-swatch-green-bar: var(--color-green-500);
  --status-swatch-green-badge-bg: var(--color-green-100);
  --status-swatch-green-badge-text: var(--color-green-800);
  --status-swatch-green-50: var(--color-green-50);
  --status-swatch-blue-bar: var(--color-blue-500);
  --status-swatch-blue-badge-bg: var(--color-blue-100);
  --status-swatch-blue-badge-text: var(--color-blue-800);
  --status-swatch-blue-50: var(--color-blue-50);
  --status-swatch-orange-bar: var(--color-orange-500);
  --status-swatch-orange-badge-bg: var(--color-orange-100);
  --status-swatch-orange-badge-text: var(--color-orange-800);
  --status-swatch-orange-50: var(--color-orange-50);
  --status-swatch-red-bar: var(--color-red-500);
  --status-swatch-red-badge-bg: var(--color-red-100);
  --status-swatch-red-badge-text: var(--color-red-800);
  --status-swatch-red-50: var(--color-red-50);
  --status-swatch-slate-bar: var(--color-gray-500);
  --status-swatch-slate-badge-bg: var(--color-gray-100);
  --status-swatch-slate-badge-text: var(--color-gray-800);
  --status-swatch-slate-50: var(--color-gray-50);
  --status-swatch-teal-bar: hsl(173, 58%, 39%);
  --status-swatch-teal-badge-bg: hsl(166, 76%, 90%);
  --status-swatch-teal-badge-text: hsl(175, 77%, 22%);
  --status-swatch-teal-50: hsl(166, 76%, 97%);
  --status-swatch-amber-bar: hsl(43, 96%, 50%);
  --status-swatch-amber-badge-bg: hsl(48, 96%, 89%);
  --status-swatch-amber-badge-text: hsl(23, 83%, 27%);
  --status-swatch-amber-50: hsl(48, 100%, 96%);
  --status-swatch-purple-bar: hsl(271, 81%, 56%);
  --status-swatch-purple-badge-bg: hsl(269, 100%, 95%);
  --status-swatch-purple-badge-text: hsl(272, 72%, 32%);
  --status-swatch-purple-50: hsl(269, 100%, 98%);
  --card-width: 17.75rem;
  --card-status-bar-height: 1.125rem;
  --card-status-bar-offset: -0.25rem;
  --card-status-border-width: 0.1875rem;
  --card-bottom-padding: var(--spacing-1);
  --card-content-offset: -0.25rem;
  /* Alert Colors — alert / variant / type (e.g. alert-help-bg) */
  --alert-help-bg: var(--color-orange-100);
  --alert-help-text: var(--color-orange-700);
  --alert-info-bg: var(--color-blue-100);
  --alert-info-text: var(--color-blue-700);
  --alert-warning-bg: var(--color-red-100);
  --alert-warning-text: var(--color-red-700);
  --alert-success-bg: var(--color-green-100);
  --alert-success-text: var(--color-green-700);
  /* field Colors */
  --field-bg-default: var(--color-white);
  --field-bg-hover: var(--color-white);
  --field-bg-focus: var(--color-white);
  --field-bg-error: var(--color-white);
  --field-bg-error-hover: var(--color-white);
  --field-bg-error-focus: var(--color-white);
  --field-bg-disabled: var(--color-white);
  --field-bg-pressed: var(--color-white);
  --field-bg-error-pressed: var(--color-white);
  --field-border-default: var(--color-gray-200);
  --field-border-hover: var(--color-gray-400);
  --field-border-pressed: var(--color-gray-400);
  --field-border-focus: var(--color-brand-300);
  --field-border-error: var(--color-red-600);
  --field-border-error-hover: var(--color-red-700);
  --field-border-error-pressed: var(--color-red-600);
  --field-border-disabled: var(--color-gray-100);
  --field-placeholder-text: var(--color-gray-400);
  --field-text-disabled: var(--color-gray-300);
  --field-ring-focus: var(--color-gray-300);
  --field-ring-error: var(--color-red-200);
  /* Dropdown Colors */
  --dropdown-bg-default: var(--color-white);
  --dropdown-bg-hover: var(--color-white);
  --dropdown-bg-item-hover: var(--color-gray-100);
  --dropdown-bg-item-danger-hover: var(--color-red-100);
  --dropdown-bg-item-danger-pressed: var(--color-red-200);
  --dropdown-bg-pressed: var(--color-white);
  --dropdown-bg-focus: var(--color-white);
  --dropdown-bg-disabled: var(--color-gray-100);
  --dropdown-border-default: var(--color-gray-200);
  --dropdown-border-hover: var(--color-gray-300);
  --dropdown-border-pressed: var(--color-gray-200);
  --dropdown-border-focus: var(--color-gray-300);
  --dropdown-border-disabled: var(--color-gray-200);
  --dropdown-list-bg: var(--color-white);
  --separator-border: var(--color-gray-200);
  /* DatePicker Colors */
  --datepicker-popover-bg: var(--color-white);
  --datepicker-popover-border: var(--color-gray-200);
  --datepicker-caption-text: var(--color-gray-950);
  --datepicker-nav-button-bg-default: transparent;
  --datepicker-nav-button-bg-hover: transparent;
  --datepicker-nav-button-text: var(--color-gray-950);
  --datepicker-nav-button-hover-text: var(--text-primary);
  --datepicker-nav-button-border: transparent;
  --datepicker-nav-button-focus-ring: var(--datepicker-focus-ring);
  --datepicker-nav-button-radius: var(--border-radius-lg);
  --datepicker-weekday-text: var(--text-tertiary);
  --datepicker-day-text: var(--text-secondary);
  --datepicker-day-bg-hover: var(--color-brand-100);
  --datepicker-day-hover-text: var(--color-gray-950);
  --datepicker-day-bg-selected: var(--color-brand-500);
  --datepicker-day-selected-text: var(--text-primary);
  --datepicker-day-bg-selected-single: var(--color-brand-500);
  --datepicker-day-selected-single-text: var(--text-primary);
  --datepicker-day-today-text: var(--text-secondary);
  --datepicker-day-outside-text: var(--text-tertiary);
  --datepicker-day-disabled-text: var(--text-disabled);
  --datepicker-day-bg-today: var(--color-brand-100);
  --datepicker-day-today-radius: var(--radius-datepicker-day-hover);
  --datepicker-day-selected-radius: var(--radius-datepicker-day-hover);
  --datepicker-range-bg-middle: var(--color-brand-100);
  --datepicker-range-middle-text: var(--text-secondary);
  --datepicker-focus-ring: var(--color-gray-300);
  --datepicker-shadow: var(--shadow-sm);
  --datepicker-calendar-width-single: 28.75rem;
  --datepicker-cell-width: 3.732rem;
  --datepicker-day-hit-area: 2rem;
  --datepicker-nav-size: 1.5rem;
  --datepicker-font-family: "Inter", var(--font-family-sans);
  /* Navigation Menu Colors */
  --nav-item-bg-default: transparent;
  --nav-item-bg-hover: var(--color-gray-50);
  --nav-item-bg-pressed: var(--color-gray-100);
  --nav-item-bg-active: var(--color-gray-100);
  --nav-item-bg-disabled: transparent;
  --nav-item-text-default: var(--text-tertiary);
  --nav-item-text-active: var(--text-primary);
  --nav-item-text-disabled: var(--color-gray-400);
  --nav-item-focus-ring: var(--color-brand-300);
  /* Table Colors */
  --table-bg-default: var(--color-white);
  --table-border-default: var(--color-gray-100);
  --drawer-border: var(--color-gray-100);
  --table-header-bg: var(--color-white);
  --table-header-text: var(--color-gray-950);
  --table-row-bg-hover: var(--color-gray-50);
  --table-row-bg-selected: var(--color-brand-50);
  --table-row-accent: var(--color-brand-500);
  --table-cell-text: var(--color-gray-700);
  --table-selector-column-width: 2.5rem;
  /* 40px */
  --table-sticky-column-width: 16rem;
  /* 256px, record name */
  --table-data-column-min-width: 10rem;
  /* 160px */
  --table-peek-min-width: calc(
    var(--table-sticky-column-width) + var(--table-data-column-min-width) + (var(--spacing-4) * 2)
  );
  /* Drawer */
  --drawer-width-sm: 384px;
  --drawer-width-md: 520px;
  --drawer-width-lg: 720px;
  --drawer-width-peek: 520px;
  --drawer-gutter: 24px;
  --drawer-peek-overlay: hsl(224 71% 4% / 0.35);
  --shadow-drawer-peek: -20px 0 40px -8px #00000040;
  --narrow-screen-min-width: 720px;
  --narrow-screen-card-max-width: 24rem;
  --z-narrow-screen: calc(var(--z-modal-overlay) + 1);
  --drawer-peek-duration: 250ms;
  --spacing-narrow-screen-padding: var(--spacing-6);
  --spacing-narrow-screen-card-padding-x: var(--spacing-6);
  --spacing-narrow-screen-card-padding-y: var(--spacing-8);
  --spacing-narrow-screen-gap: var(--spacing-5);
  --spacing-narrow-screen-copy-gap: var(--spacing-2);
  --spacing-drawer-peek-padding-x: var(--spacing-5);
  --spacing-drawer-peek-padding-y: var(--spacing-4);
  --spacing-drawer-peek-gap: var(--spacing-4);
  --spacing-drawer-peek-header-y: var(--spacing-3);
  /* Icon Button */
  --icon-btn-default-text-default: var(--color-gray-500);
  --icon-btn-default-text-hover: var(--color-gray-700);
  --icon-btn-default-bg-hover: var(--color-gray-100);
  --icon-btn-alert-text-default: var(--link-primary);
  --icon-btn-alert-text-hover: var(--link-primary-hover);
  --icon-btn-alert-bg-hover: var(--color-gray-200);
  --icon-btn-alert-help-text-default: var(--link-alert-help);
  --icon-btn-alert-help-text-hover: var(--link-alert-help-hover);
  --icon-btn-alert-help-bg-hover: var(--color-orange-200);
  --icon-btn-alert-info-text-default: var(--link-alert-info);
  --icon-btn-alert-info-text-hover: var(--link-alert-info-hover);
  --icon-btn-alert-info-bg-hover: var(--color-blue-200);
  --icon-btn-alert-warning-text-default: var(--link-alert-warning);
  --icon-btn-alert-warning-text-hover: var(--link-alert-warning-hover);
  --icon-btn-alert-warning-bg-hover: var(--color-red-200);
  --icon-btn-alert-success-text-default: var(--link-alert-success);
  --icon-btn-alert-success-text-hover: var(--link-alert-success-hover);
  --icon-btn-alert-success-bg-hover: var(--color-green-200);
  --icon-btn-outline-focus: var(--color-gray-300);
  /* Avatar Colors */
  --avatar-bg-default: var(--color-gray-500);
  --avatar-bg-hover: var(--color-gray-400);
  --avatar-bg-pressed: var(--color-gray-500);
  --avatar-text: var(--color-white);
  /* Tooltip Colors */
  --tooltip-bg: var(--color-gray-800);
  --tooltip-text: var(--color-white);
  /* Progress Bar Colors */
  --progress-bar-bg: var(--color-gray-200);
  --progress-bar-filled-bg: var(--color-brand-500);
  --progress-bar-height: var(--spacing-1);
  /* =========================================================================
     SEMANTIC SPACING - Component-specific spacing
     ========================================================================= */
  /* Button Spacing */
  --spacing-btn-xs-px: var(--spacing-1);
  --spacing-btn-xs-py: var(--spacing-1);
  --spacing-btn-xs-gap: var(--spacing-0_5);
  --spacing-btn-sm-px: var(--spacing-3);
  --spacing-btn-sm-py: var(--spacing-2);
  --spacing-btn-sm-gap: var(--spacing-1);
  --spacing-btn-md-px: var(--spacing-4);
  --spacing-btn-md-py: var(--spacing-3);
  --spacing-btn-md-gap: var(--spacing-1_5);
  /* Badge Spacing */
  --spacing-badge-px: var(--spacing-1_5);
  --spacing-badge-py: var(--spacing-0_5);
  --spacing-badge-gap: var(--spacing-0_5);
  /* Card Spacing */
  --spacing-card-p: var(--spacing-3);
  --spacing-card-gap: var(--spacing-1_5);
  --spacing-card-padding: var(--spacing-card-p);
  /* field Spacing */
  --spacing-field-px: var(--spacing-2);
  --spacing-field-py: var(--spacing-1_5);
  --spacing-field-gap: var(--spacing-1);
  /* Dropdown Spacing */
  --spacing-dropdown-px: var(--spacing-2);
  --spacing-dropdown-py: var(--spacing-1_5);
  --spacing-dropdown-gap: var(--spacing-1);
  --spacing-dropdown-list-px: var(--spacing-1);
  --spacing-dropdown-list-py: var(--spacing-1);
  --spacing-dropdown-list-gap: var(--spacing-0_5);
  --spacing-dropdown-title-px: var(--spacing-1);
  --spacing-dropdown-title-py: var(--spacing-2);
  /* DatePicker Spacing */
  --spacing-datepicker-popover-p: var(--spacing-3);
  --spacing-datepicker-popover-gap: var(--spacing-1);
  --spacing-datepicker-month-gap: var(--spacing-6);
  --spacing-datepicker-day-row-gap: var(--spacing-0);
  --spacing-datepicker-cell-size: var(--spacing-8);
  /* Navigation Menu Spacing */
  --spacing-nav-item-px: var(--spacing-3);
  /* 12px */
  --spacing-nav-item-py: var(--spacing-2);
  /* 8px */
  /* Dropdown Sizing */
  --dropdown-button-width: 11.25rem;
  /* 180px - Standard dropdown button width */
  --dropdown-panel-width-sm: 320px;
  --dropdown-panel-width-md: 420px;
  --dropdown-panel-width-lg: 720px;
  /* field Border Width */
  --border-width-field: var(--border-width-1);
  /* Alert Spacing */
  --spacing-alert-p: var(--spacing-4);
  --spacing-alert-gap: var(--spacing-2);
  /* Alert Sizing */
  --alert-min-h: 56px;
  --spacing-breadcrumb-gap: var(--spacing-1);
  --spacing-stepper-innerspace: var(--spacing-1);
  --spacing-stepper-scroll-padding-bottom: var(--spacing-2);
  --stepper-scroll-width: 327px;
  /* Switch Spacing */
  --spacing-switch-gap: var(--spacing-2);
  /* Tooltip Spacing */
  --spacing-tooltip-px: var(--spacing-2);
  --spacing-tooltip-py: var(--spacing-1_5);
  /* Table Spacing */
  --spacing-table-cell-px: var(--spacing-3);
  --spacing-table-cell-py: var(--spacing-3);
  /* Table Spacing - Small */
  --spacing-table-cell-px-sm: var(--spacing-1_5);
  --spacing-table-cell-py-sm: var(--spacing-1_5);
  /* Progress Bar Spacing */
  --spacing-progress-bar-gap: var(--spacing-0_5);
  --spacing-icon-btn-size: var(--spacing-6);
  --stepper-mobile-max-width: 380px;
  /* =========================================================================
     SEMANTIC BORDER RADIUS - Component-specific radius
     ========================================================================= */
  --radius-btn: var(--border-radius-lg);
  --radius-icon-btn: var(--border-radius-base);
  --radius-badge: var(--border-radius-md);
  --radius-card: var(--border-radius-lg);
  --radius-alert: var(--border-radius-base);
  --radius-field: var(--border-radius-md);
  --radius-dropdown: var(--border-radius-md);
  --radius-datepicker-popover: var(--border-radius-xl);
  --radius-datepicker-day: var(--border-radius-full);
  --radius-datepicker-day-hover: var(--border-radius-lg);
  --radius-switch: var(--border-radius-full);
  --radius-checkbox: var(--border-radius-md);
  --radius-radio: var(--border-radius-full);
  --radius-overlay: var(--border-radius-lg);
  --radius-table: var(--border-radius-md);
  --radius-nav-item: var(--border-radius-md);
  --radius-tooltip: var(--border-radius-lg);
  --radius-progress-bar: var(--border-radius-full);
  /* Navigation Menu Border Width */
  --border-width-nav-item-hover: var(--border-width-4);
  /* Line Height - Light Mode */
  /* Note: Line heights are global tokens defined in global.css, not redefined here */
  /* Typography - Light Mode */
  --type-size-xs: var(--font-size-xs);
  --type-size-sm: var(--font-size-sm);
  --type-size-base: var(--font-size-base);
  --type-weight-normal: var(--font-weight-normal);
  --type-weight-medium: var(--font-weight-medium);
  --type-weight-semibold: var(--font-weight-semibold);
  /* =========================================================================
     SEMANTIC OPACITY - Component-specific opacity
     ========================================================================= */
  /* Tooltip Opacity */
  --opacity-tooltip: var(--opacity-70);
  /* FilterBox */
  --radius-filterbox: var(--spacing-1_5);
  --filterbox-border: var(--color-gray-200);
  --filterbox-bg: var(--color-white);
  --spacing-filterbox: var(--spacing-2);
  /* 8px */
  /* Segmented Control */
  --segmented-bg-default: var(--color-white);
  --segmented-border-default: var(--color-gray-100);
  --segmented-item-bg-hover: var(--color-gray-200);
  --segmented-item-bg-pressed: var(--color-gray-300);
  --segmented-item-bg-selected: var(--color-gray-100);
  --segmented-item-text-default: var(--color-gray-500);
  --segmented-item-text-hover: var(--color-gray-800);
  --segmented-item-text-selected: var(--color-gray-950);
  --segmented-item-text-disabled: var(--color-gray-400);
  --segmented-item-ring-focus: var(--color-gray-300);
  --spacing-segmented-gap: var(--spacing-0_5);
  --spacing-segmented-padding: var(--spacing-0_5);
  --spacing-segmented-item-px: var(--spacing-2_5);
  --spacing-segmented-item-py: var(--spacing-1);
  --radius-segmented: var(--border-radius-lg);
  --radius-segmented-item: var(--border-radius-md);
  /* Tabs — underline item. Hover and pressed recolor the rule; there is no fill. */
  --tab-text-inactive: var(--color-gray-500);
  --tab-text-inactive-hover: var(--color-gray-900);
  --tab-text-active: var(--color-gray-900);
  --tab-text-disabled: var(--color-gray-400);
  --tab-border-active: var(--color-gray-900);
  --tab-border-hover: var(--color-gray-300);
  --tab-border-pressed: var(--color-gray-600);
  --tab-border-active-hover: var(--color-brand-500);
  --tab-border-active-pressed: var(--color-brand-700);
  --tab-border-disabled: var(--color-gray-400);
  --spacing-tab-px: var(--spacing-3);
  --spacing-tab-py: var(--spacing-2);
  --spacing-tab-gap: var(--spacing-1);
  --spacing-tab-inner-gap: var(--spacing-1);
  /* =========================================================================
     SEMANTIC SHADOWS - Component-specific shadows
     ========================================================================= */
  /* Note: All components now use standard global shadows (shadow-xs, shadow-sm, shadow-2xs)
     directly from global.css. No component-specific shadow aliases are needed. */
  /* Typography — typography/<role>/<prop> (Light and Dark are identical) */
  --heading-lg-font-size: var(--font-size-2xl);
  --heading-lg-line-height: var(--line-height-32);
  --heading-lg-font-weight: var(--font-weight-semibold);
  --heading-md-font-size: var(--font-size-xl);
  --heading-md-line-height: var(--line-height-28);
  --heading-md-font-weight: var(--font-weight-semibold);
  --heading-sm-font-size: var(--font-size-lg);
  --heading-sm-line-height: var(--line-height-28);
  --heading-sm-font-weight: var(--font-weight-semibold);
  --body-md-font-size: var(--font-size-sm);
  --body-md-line-height: var(--line-height-20);
  --body-md-font-weight: var(--font-weight-normal);
  --body-sm-font-size: var(--font-size-xs);
  --body-sm-line-height: var(--line-height-16);
  --body-sm-font-weight: var(--font-weight-normal);
  --label-md-font-size: var(--font-size-sm);
  --label-md-line-height: var(--line-height-20);
  --label-md-font-weight: var(--font-weight-medium);
  --label-md-strong-font-size: var(--font-size-sm);
  --label-md-strong-line-height: var(--line-height-20);
  --label-md-strong-font-weight: var(--font-weight-semibold);
  --label-sm-font-size: var(--font-size-xs);
  --label-sm-line-height: var(--line-height-16);
  --label-sm-font-weight: var(--font-weight-medium);
  --label-sm-strong-font-size: var(--font-size-xs);
  --label-sm-strong-line-height: var(--line-height-16);
  --label-sm-strong-font-weight: var(--font-weight-semibold);
  --helper-font-size: var(--font-size-xs);
  --helper-line-height: var(--line-height-16);
  --helper-font-weight: var(--font-weight-normal);
  --eyebrow-font-size: var(--font-size-2xs);
  --eyebrow-line-height: var(--line-height-20);
  --eyebrow-font-weight: var(--font-weight-semibold);
}

/* =========================================================================
   DARK MODE SEMANTIC TOKENS
   ========================================================================= */

.dark {
  /* Text Colors - Dark Mode */
  --text-primary: var(--color-gray-50);
  --text-secondary: var(--color-gray-200);
  --text-tertiary: var(--color-gray-400);
  --text-disabled: var(--color-gray-500);
  --text-error: var(--color-red-400);
  --text-brand: var(--color-brand-500);
  --text-invert: var(--color-gray-950);
  /* Background Colors - Dark Mode */
  --bg-primary: var(--color-gray-900);
  --bg-secondary: var(--color-gray-800);
  --bg-card-kanban-list: var(--color-gray-700);
  --spacing-kanban-padding: var(--spacing-2);
  /* 8px */
  --spacing-kanban-gap: var(--spacing-2);
  /* 8px */
  --spacing-kanban-board-gap: var(--spacing-2);
  /* 8px */
  --spacing-kanban-board-padding-bottom: var(--spacing-2);
  /* 8px */
  --kanban-list-width: 18.75rem;
  /* 300px */
  --kanban-list-collapsed-width: 3rem;
  /* 48px */
  --spacing-kanban-board-padding-x: var(--spacing-4);
  /* 16px each side */
  --spacing-kanban-toolbar-gap: var(--spacing-2);
  /* 8px */
  --spacing-kanban-toolbar-search-dot: var(--spacing-1_5);
  /* 6px */
  --spacing-kanban-toolbar-search-dot-offset: var(--spacing-1);
  /* 4px */
  --kanban-toolbar-title-min: 7.5rem;
  /* 120px */
  --kanban-toolbar-arrange-min-width: 13.75rem;
  /* 220px */
  --kanban-toolbar-search-indicator: var(--color-brand-400);
  --kanban-attribute-label-max-width: 45%;
  /* green-600 is the only palette primitive at or above 3:1 on the column fill in both themes. */
  --kanban-list-drop-outline-color: var(--color-green-600);
  --kanban-list-drop-outline-width: var(--border-width-2);
  /* 2px */
  --kanban-list-drop-outline-style: dashed;
  --kanban-list-drop-outline-offset: calc(-1 * var(--kanban-list-drop-outline-width));
  --bg-drop-tray: var(--color-gray-800);
  --border-drop-tray: var(--color-gray-600);
  --text-drop-tray: var(--color-gray-200);
  --radius-drop-tray: var(--border-radius-lg);
  /* 8px */
  --spacing-drop-tray-padding: var(--spacing-3);
  /* 12px */
  --spacing-drop-tray-gap: var(--spacing-2);
  /* 8px */
  --spacing-drop-tray-target-gap: var(--spacing-3);
  /* 12px */
  --spacing-drop-tray-icon: var(--spacing-6);
  /* 24px */
  --drop-tray-height: 7.25rem;
  /* 116px */
  --drop-tray-target-height: var(--spacing-16);
  /* 64px */
  --border-width-drop-tray: var(--border-width-2);
  /* 2px */
  /* Figma colors/gray/600. Count text is colors/gray/200. */
  --bg-selection-toolbar: var(--color-gray-600);
  --text-selection-toolbar: var(--color-gray-200);
  --radius-selection-toolbar: var(--border-radius-2xl);
  --spacing-selection-toolbar-padding-x: var(--spacing-4);
  /* 16px */
  --spacing-selection-toolbar-padding-y: var(--spacing-2);
  /* 8px */
  --spacing-selection-toolbar-gap: var(--spacing-2);
  /* 8px */
  --bg-disabled: var(--color-gray-800);
  /* Button Colors - Primary (Dark Mode) */
  --btn-primary-bg-default: var(--color-brand-500);
  --btn-primary-bg-hover: var(--color-brand-600);
  --btn-primary-bg-pressed: var(--color-brand-500);
  --btn-primary-bg-disabled: var(--color-brand-800);
  --btn-primary-bg-focus: var(--color-brand-500);
  --btn-primary-text-default: var(--color-gray-950);
  --btn-primary-text-disabled: var(--color-gray-400);
  /* Button Colors - Secondary (Dark Mode) */
  --btn-secondary-bg-default: var(--color-gray-50);
  --btn-secondary-bg-hover: var(--color-gray-100);
  --btn-secondary-bg-pressed: var(--color-gray-200);
  --btn-secondary-bg-focus: var(--color-gray-50);
  --btn-secondary-bg-disabled: var(--color-gray-800);
  --btn-secondary-text-default: var(--color-gray-950);
  --btn-secondary-text-disabled: var(--color-gray-500);
  --btn-secondary-border-default: var(--color-gray-200);
  --btn-secondary-border-hover: var(--color-gray-300);
  --btn-secondary-border-pressed: var(--color-gray-300);
  --btn-secondary-border-disabled: var(--color-gray-700);
  --btn-secondary-border-focus: var(--color-gray-200);
  /* Button Colors - Danger (Dark Mode) */
  --btn-danger-bg-default: var(--color-red-800);
  --btn-danger-bg-hover: var(--color-red-600);
  --btn-danger-bg-pressed: var(--color-red-800);
  --btn-danger-bg-disabled: var(--color-red-800);
  --btn-danger-bg-focus: var(--color-red-700);
  --btn-danger-text-default: var(--color-red-50);
  --btn-danger-text-disabled: var(--color-red-50);
  /* Button Colors - Ghost (Dark Mode) */
  --btn-ghost-bg-default: transparent;
  --btn-ghost-bg-hover: var(--color-gray-700);
  --btn-ghost-bg-pressed: var(--color-gray-600);
  --btn-ghost-bg-disabled: transparent;
  --btn-ghost-bg-focus: transparent;
  --btn-ghost-text-default: var(--color-gray-200);
  --btn-ghost-text-disabled: var(--color-gray-500);
  /* Link Colors - Dark Mode */
  --link-primary: var(--color-gray-300);
  --link-primary-hover: var(--color-brand-500);
  --link-primary-focus-ring: var(--color-gray-300);
  --link-secondary: var(--color-brand-600);
  --link-secondary-hover: var(--color-brand-600);
  --link-secondary-focus-ring: var(--color-brand-500);
  --link-tertiary: var(--color-gray-400);
  --link-tertiary-hover: var(--color-gray-500);
  --link-tertiary-focus-ring: var(--color-gray-400);
  --link-success: var(--color-green-500);
  --link-success-hover: var(--color-green-600);
  --link-success-focus-ring: var(--color-green-500);
  --link-help: var(--color-orange-500);
  --link-help-hover: var(--color-orange-500);
  --link-help-focus-ring: var(--color-orange-500);
  --link-info: var(--color-blue-500);
  --link-info-hover: var(--color-blue-600);
  --link-info-focus-ring: var(--color-blue-500);
  --link-warning: var(--color-red-500);
  --link-warning-hover: var(--color-red-600);
  --link-warning-focus-ring: var(--color-red-500);
  --link-disabled: var(--color-gray-400);
  /* Link in Alert - Dark Mode */
  --link-alert-help: var(--color-orange-700);
  --link-alert-help-hover: var(--color-orange-800);
  --link-alert-help-focus-ring: var(--color-orange-700);
  --link-alert-info: var(--color-blue-600);
  --link-alert-info-hover: var(--color-blue-700);
  --link-alert-info-focus-ring: var(--color-blue-600);
  --link-alert-warning: var(--color-red-700);
  --link-alert-warning-hover: var(--color-red-800);
  --link-alert-warning-focus-ring: var(--color-red-700);
  --link-alert-success: var(--color-green-700);
  --link-alert-success-hover: var(--color-green-800);
  --link-alert-success-focus-ring: var(--color-green-700);
  /* Switch Colors - Dark Mode */
  --switch-bg-default: var(--color-gray-700);
  --switch-bg-hover: var(--color-gray-600);
  --switch-bg-pressed: var(--color-gray-700);
  --switch-bg-focus: var(--color-gray-700);
  --switch-bg-selected: var(--color-blue-500);
  --switch-bg-selected-hover: var(--color-blue-600);
  --switch-bg-selected-pressed: var(--color-blue-500);
  --switch-bg-selected-focus: var(--color-blue-500);
  --switch-bg-disabled: var(--color-gray-700);
  /* Checkbox Colors - Dark Mode */
  --checkbox-bg-default: var(--color-gray-600);
  --checkbox-bg-hover: var(--color-gray-500);
  --checkbox-bg-pressed: var(--color-gray-400);
  --checkbox-bg-selected: var(--color-blue-500);
  --checkbox-bg-selected-hover: var(--color-blue-600);
  --checkbox-bg-selected-pressed: var(--color-blue-500);
  --checkbox-bg-disabled: var(--color-gray-700);
  --checkbox-border-default: var(--color-gray-500);
  --checkbox-border-hover: var(--color-gray-400);
  --checkbox-border-pressed: var(--color-gray-300);
  --checkbox-border-selected: var(--color-blue-500);
  --checkbox-border-selected-hover: var(--color-blue-600);
  --checkbox-border-selected-pressed: var(--color-blue-500);
  --checkbox-border-disabled: var(--color-gray-700);
  --checkbox-checkmark-bg: var(--color-white);
  /* Checkbox Spacing - Dark Mode */
  --spacing-checkbox-gap: var(--spacing-2);
  /* 8px = 0.5rem */
  /* Radio Colors - Dark Mode */
  --radio-bg-default: var(--color-gray-600);
  --radio-bg-hover: var(--color-gray-500);
  --radio-bg-pressed: var(--color-gray-400);
  --radio-bg-selected: var(--color-blue-500);
  --radio-bg-selected-hover: var(--color-blue-600);
  --radio-bg-selected-pressed: var(--color-blue-500);
  --radio-bg-disabled: var(--color-gray-700);
  --radio-border-default: var(--color-gray-500);
  --radio-border-hover: var(--color-gray-400);
  --radio-border-pressed: var(--color-gray-300);
  --radio-border-selected: var(--color-blue-500);
  --radio-border-selected-hover: var(--color-blue-600);
  --radio-border-selected-pressed: var(--color-blue-500);
  --radio-border-disabled: var(--color-gray-700);
  --radio-dot-bg: var(--color-white);
  /* Radio Spacing - Dark Mode */
  --spacing-radio-gap: var(--spacing-2);
  /* 8px = 0.5rem */
  /* Badge Colors - Dark Mode */
  --badge-primary-bg: var(--color-gray-700);
  --badge-primary-text: var(--color-gray-200);
  --badge-secondary-bg: var(--color-gray-300);
  --badge-secondary-text: var(--color-gray-900);
  --status-lost-badge-bg: var(--color-red-200);
  --status-lost-badge-text: var(--color-red-800);
  --status-success-badge-bg: var(--color-green-200);
  --status-success-badge-text: var(--color-green-800);
  --status-on-hold-badge-bg: var(--color-orange-200);
  --status-on-hold-badge-text: var(--color-orange-700);
  /* Card Colors - Dark Mode */
  --card-bg-default: var(--color-gray-800);
  --card-bg-hover: var(--color-gray-700);
  --card-bg-pressed: var(--color-gray-700);
  --card-bg-selected: var(--color-brand-900);
  --card-bg-selected-hover: var(--color-brand-950);
  --card-border-default: var(--color-gray-600);
  --card-border-hover: var(--color-gray-500);
  --card-border-pressed: var(--color-gray-500);
  --card-border-selected: var(--color-brand-800);
  --card-border-selected-hover: var(--color-gray-700);
  --card-title-text: var(--color-gray-200);
  --card-description-text: var(--color-gray-400);
  --card-icon-default: var(--color-gray-300);
  --card-text-attribute: var(--color-gray-200);
  --card-text-label-attribute: var(--color-gray-400);
  --card-status-border-width: 0.1875rem;
  --status-success-bar: var(--color-green-500);
  --status-success-surface: var(--color-green-950);
  --status-on-hold-bar: var(--color-orange-300);
  --status-on-hold-surface: var(--color-orange-950);
  --status-lost-bar: var(--color-red-400);
  --status-lost-surface: var(--color-red-950);
  --status-swatch-green-bar: var(--color-green-500);
  --status-swatch-green-badge-bg: var(--color-green-200);
  --status-swatch-green-badge-text: var(--color-green-800);
  --status-swatch-green-50: var(--color-green-950);
  --status-swatch-blue-bar: var(--color-blue-500);
  --status-swatch-blue-badge-bg: var(--color-blue-200);
  --status-swatch-blue-badge-text: var(--color-blue-800);
  --status-swatch-blue-50: var(--color-blue-950);
  --status-swatch-orange-bar: var(--color-orange-500);
  --status-swatch-orange-badge-bg: var(--color-orange-200);
  --status-swatch-orange-badge-text: var(--color-orange-800);
  --status-swatch-orange-50: var(--color-orange-950);
  --status-swatch-red-bar: var(--color-red-500);
  --status-swatch-red-badge-bg: var(--color-red-200);
  --status-swatch-red-badge-text: var(--color-red-800);
  --status-swatch-red-50: var(--color-red-950);
  --status-swatch-slate-bar: var(--color-gray-400);
  --status-swatch-slate-badge-bg: var(--color-gray-700);
  --status-swatch-slate-badge-text: var(--color-gray-100);
  --status-swatch-slate-50: var(--color-gray-800);
  --status-swatch-teal-bar: hsl(173, 58%, 45%);
  --status-swatch-teal-badge-bg: hsl(166, 50%, 24%);
  --status-swatch-teal-badge-text: hsl(166, 76%, 90%);
  --status-swatch-teal-50: hsl(166, 35%, 16%);
  --status-swatch-amber-bar: hsl(43, 96%, 50%);
  --status-swatch-amber-badge-bg: hsl(32, 60%, 22%);
  --status-swatch-amber-badge-text: hsl(48, 96%, 89%);
  --status-swatch-amber-50: hsl(32, 45%, 16%);
  --status-swatch-purple-bar: hsl(271, 81%, 62%);
  --status-swatch-purple-badge-bg: hsl(273, 40%, 24%);
  --status-swatch-purple-badge-text: hsl(269, 100%, 95%);
  --status-swatch-purple-50: hsl(273, 32%, 16%);
  /* Alert Colors - Dark Mode */
  --alert-help-bg: var(--color-orange-50);
  --alert-help-text: var(--color-orange-700);
  --alert-info-bg: var(--color-blue-50);
  --alert-info-text: var(--color-blue-600);
  --alert-warning-bg: var(--color-red-50);
  --alert-warning-text: var(--color-red-700);
  --alert-success-bg: var(--color-green-50);
  --alert-success-text: var(--color-green-700);
  /* field Colors - Dark Mode */
  --field-bg-default: var(--color-gray-700);
  --field-bg-hover: var(--color-gray-700);
  --field-bg-pressed: var(--color-gray-700);
  --field-bg-focus: var(--color-gray-700);
  --field-bg-error: var(--color-gray-700);
  --field-bg-error-hover: var(--color-gray-700);
  --field-bg-error-pressed: var(--color-gray-700);
  --field-bg-error-focus: var(--color-gray-700);
  --field-bg-disabled: var(--color-gray-700);
  --field-border-default: var(--color-gray-600);
  --field-border-hover: var(--color-gray-500);
  --field-border-pressed: var(--color-gray-600);
  --field-border-focus: var(--color-gray-600);
  --field-border-error: var(--color-red-500);
  --field-border-error-hover: var(--color-red-400);
  --field-border-error-pressed: var(--color-red-600);
  --field-border-disabled: var(--color-gray-700);
  --field-placeholder-text: var(--color-gray-400);
  --field-text-disabled: var(--color-gray-500);
  --field-ring-focus: var(--color-gray-600);
  --field-ring-error: var(--color-red-800);
  /* Dropdown Colors - Dark Mode (mirror field) */
  --dropdown-bg-default: var(--color-gray-700);
  --dropdown-bg-hover: var(--color-gray-700);
  --dropdown-bg-item-hover: var(--color-gray-700);
  --dropdown-bg-item-danger-hover: var(--color-red-900);
  --dropdown-bg-item-danger-pressed: var(--color-red-800);
  --dropdown-bg-pressed: var(--color-gray-700);
  --dropdown-bg-focus: var(--color-gray-700);
  --dropdown-bg-disabled: var(--color-gray-700);
  --dropdown-border-default: var(--color-gray-600);
  --dropdown-border-hover: var(--color-gray-500);
  --dropdown-border-pressed: var(--color-gray-500);
  --dropdown-border-focus: var(--color-gray-600);
  --dropdown-border-disabled: var(--color-gray-700);
  --dropdown-list-bg: var(--color-gray-800);
  --separator-border: var(--color-gray-600);
  /* DatePicker Colors - Dark Mode */
  --datepicker-popover-bg: var(--color-gray-800);
  --datepicker-popover-border: var(--color-gray-600);
  --datepicker-caption-text: var(--color-gray-100);
  --datepicker-nav-button-bg-default: transparent;
  --datepicker-nav-button-bg-hover: var(--color-gray-700);
  --datepicker-nav-button-text: var(--color-gray-100);
  --datepicker-nav-button-hover-text: var(--text-primary);
  --datepicker-nav-button-border: transparent;
  --datepicker-nav-button-focus-ring: var(--datepicker-focus-ring);
  --datepicker-nav-button-radius: var(--border-radius-lg);
  --datepicker-weekday-text: var(--text-tertiary);
  --datepicker-day-text: var(--text-secondary);
  --datepicker-day-hover-text: var(--color-gray-100);
  --datepicker-day-bg-selected: var(--color-brand-500);
  --datepicker-day-selected-text: var(--text-primary);
  --datepicker-day-bg-selected-single: var(--color-brand-500);
  --datepicker-day-selected-single-text: var(--text-primary);
  --datepicker-day-today-text: var(--text-secondary);
  --datepicker-day-outside-text: var(--text-tertiary);
  --datepicker-day-disabled-text: var(--text-disabled);
  --datepicker-day-bg-today: var(--color-brand-900);
  --datepicker-day-today-radius: var(--radius-datepicker-day-hover);
  --datepicker-day-selected-radius: var(--radius-datepicker-day-hover);
  --datepicker-range-bg-middle: var(--color-brand-900);
  --datepicker-range-middle-text: var(--text-secondary);
  --datepicker-focus-ring: var(--color-gray-500);
  --datepicker-shadow: var(--shadow-lg);
  /* Navigation Menu Colors - Dark Mode */
  --nav-item-bg-default: transparent;
  --nav-item-bg-hover: var(--color-gray-700);
  --nav-item-bg-pressed: var(--color-gray-600);
  --nav-item-bg-active: var(--color-brand-800);
  --nav-item-bg-disabled: transparent;
  --nav-item-text-default: var(--text-tertiary);
  --nav-item-text-active: var(--text-primary);
  --nav-item-text-disabled: var(--color-gray-500);
  --nav-item-focus-ring: var(--color-brand-400);
  /* Table Colors - Dark Mode */
  --table-bg-default: var(--color-gray-800);
  --table-border-default: var(--color-gray-700);
  --drawer-border: var(--color-gray-700);
  --table-header-bg: var(--color-gray-800);
  --table-header-text: var(--color-gray-50);
  --table-row-bg-hover: var(--color-gray-700);
  --table-row-bg-selected: var(--color-brand-950);
  --table-row-accent: var(--color-brand-400);
  --table-cell-text: var(--color-gray-300);
  --drawer-peek-overlay: hsl(224 71% 4% / 0.55);
  --shadow-drawer-peek: -20px 0 48px -8px #00000080;
  /* Icon Button - Dark Mode */
  --icon-btn-default-text-default: var(--color-gray-400);
  --icon-btn-default-text-hover: var(--color-gray-300);
  --icon-btn-outline-focus: var(--color-gray-600);
  /* Avatar Colors - Dark Mode */
  --avatar-bg-default: var(--color-gray-500);
  --avatar-bg-hover: var(--color-gray-400);
  --avatar-bg-pressed: var(--color-gray-300);
  --avatar-text: var(--color-white);
  --icon-btn-default-bg-hover: var(--color-gray-800);
  --icon-btn-alert-bg-hover: var(--color-gray-100);
  --icon-btn-alert-help-bg-hover: var(--color-orange-100);
  --icon-btn-alert-info-bg-hover: var(--color-blue-100);
  --icon-btn-alert-warning-bg-hover: var(--color-red-100);
  --icon-btn-alert-success-bg-hover: var(--color-green-100);
  /* Tooltip Colors - Dark Mode */
  --tooltip-bg: var(--color-gray-600);
  --tooltip-text: var(--color-gray-50);
  /* field Border Radius - Dark Mode */
  --radius-field: var(--border-radius-md);
  /* Typography - Dark Mode */
  /* Note: Typography tokens (font-size, font-weight) are global and don't change between light/dark mode.
     They are defined in :root section above and inherited here. */
  /* Modal Colors - Dark Mode */
  --modal-bg-overlay: var(--color-gray-600);
  --modal-bg-content: var(--color-gray-900);
  --modal-border-default: var(--color-gray-700);
  /* Modal Spacing - Dark Mode */
  --modal-padding-horizontal: 1.25rem;
  --modal-padding-vertical: 1rem;
  --modal-gap: 1rem;
  /* Modal Sizes - Dark Mode. Widths inherit from :root. */
  --modal-max-height: 60vh;
  /* Updated to match actual usage in Modal component */
  /* Modal Shadows - Dark Mode */
  --shadow-modal: var(--shadow-lg);
  /* Modal Border Radius - Dark Mode */
  --radius-overlay: var(--border-radius-lg);
  /* Modal Z-Index - Dark Mode */
  --z-modal-overlay: 50;
  /* Z-index for modal content */
  --z-modal-overlay-backdrop: 49;
  /* Z-index for overlay backdrop (one level below modal) */
  /* Modal Opacity - Dark Mode */
  --opacity-modal-overlay: var(--opacity-75);
  /* Tooltip Opacity - Dark Mode */
  --opacity-tooltip: var(--opacity-75);
  /* FilterBox - Dark Mode */
  --filterbox-border: var(--color-gray-600);
  --filterbox-bg: var(--color-gray-700);
  --spacing-filterbox: var(--spacing-2);
  /* 8px */
  /* Progress Bar Colors */
  --progress-bar-bg: var(--color-gray-700);
  --progress-bar-filled-bg: var(--color-brand-500);
  /* Segmented Control - Dark Mode */
  --segmented-bg-default: var(--color-gray-800);
  --segmented-border-default: var(--color-gray-600);
  --segmented-item-bg-hover: var(--color-gray-700);
  --segmented-item-bg-pressed: var(--color-gray-600);
  --segmented-item-bg-selected: var(--color-gray-600);
  --segmented-item-text-default: var(--color-gray-400);
  --segmented-item-text-hover: var(--color-gray-200);
  --segmented-item-text-selected: var(--color-gray-50);
  --segmented-item-text-disabled: var(--color-gray-500);
  --segmented-item-ring-focus: var(--color-gray-600);
  --spacing-segmented-gap: var(--spacing-0_5);
  --spacing-segmented-padding: var(--spacing-0_5);
  --spacing-segmented-item-px: var(--spacing-2_5);
  --spacing-segmented-item-py: var(--spacing-1);
  --radius-segmented: var(--border-radius-lg);
  --radius-segmented-item: var(--border-radius-md);
  /* Tabs - Dark Mode */
  --tab-text-inactive: var(--color-gray-400);
  --tab-text-inactive-hover: var(--color-gray-100);
  --tab-text-active: var(--color-gray-100);
  --tab-text-disabled: var(--color-gray-500);
  --tab-border-active: var(--color-gray-100);
  --tab-border-hover: var(--color-gray-600);
  --tab-border-pressed: var(--color-gray-300);
  --tab-border-active-hover: var(--color-brand-400);
  --tab-border-active-pressed: var(--color-brand-500);
  --tab-border-disabled: var(--color-gray-500);
  --spacing-tab-px: var(--spacing-3);
  --spacing-tab-py: var(--spacing-2);
  --spacing-tab-gap: var(--spacing-1);
  --spacing-tab-inner-gap: var(--spacing-1);
}

/* Semantic typography roles are Tailwind fontSize utilities: text-<role>. */

/* Auto-generated by scripts/sync-tw2-from-zapkit.sh — do not edit. */

/* Source: zapkit-components/src/index.css (@layer components) */

/* Selectors rewritten: .foo -> .tw2 .tw2-foo */

/*noinspection CssInvalidAtRule*/

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.tw2, .tw2 *, .tw2 ::before, .tw2 ::after{
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
}

.tw2 h1, .tw2 h2, .tw2 h3, .tw2 h4, .tw2 h5, .tw2 h6, .tw2 p, .tw2 blockquote, .tw2 figure, .tw2 pre, .tw2 hr, .tw2 dl, .tw2 dd{
  margin: 0;
}

.tw2 h1, .tw2 h2, .tw2 h3, .tw2 h4, .tw2 h5, .tw2 h6{
  font-size: inherit;
  font-weight: inherit;
}

.tw2 ol, .tw2 ul, .tw2 menu{
  list-style: none;
  margin: 0;
  padding: 0;
}

.tw2 button, .tw2 input, .tw2 optgroup, .tw2 select, .tw2 textarea{
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
}

.tw2 button, .tw2 input:not(:where(.ag-input-field-input)), .tw2 optgroup, .tw2 select, .tw2 textarea{
  padding: 0;
}

.tw2 button, .tw2 select{
  text-transform: none;
}

.tw2 button, .tw2 [type="button"], .tw2 [type="reset"], .tw2 [type="submit"]{
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}

.tw2 button, .tw2 [role="button"]{
  cursor: pointer;
}

.tw2 img, .tw2 svg, .tw2 video, .tw2 canvas, .tw2 audio, .tw2 iframe, .tw2 embed, .tw2 object{
  display: block;
  vertical-align: middle;
}

.tw2 img, .tw2 video{
  max-width: 100%;
  height: auto;
}

.tw2 hr{
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  select {
  color: inherit;
}

/*noinspection CssInvalidAtRule*/

/*noinspection CssInvalidAtRule*/

.tw2 .tw2-sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.tw2 .tw2-pointer-events-none{
  pointer-events: none;
}

.tw2 .tw2-pointer-events-auto{
  pointer-events: auto;
}

.tw2 .tw2-fixed{
  position: fixed;
}

.tw2 .tw2-absolute{
  position: absolute;
}

.tw2 .tw2-relative{
  position: relative;
}

.tw2 .tw2-sticky{
  position: sticky;
}

.tw2 .tw2-inset-0{
  inset: var(--spacing-0);
}

.tw2 .tw2-inset-4{
  inset: var(--spacing-4);
}

.tw2 .tw2-inset-x-0{
  left: var(--spacing-0);
  right: var(--spacing-0);
}

.tw2 .tw2-inset-y-0{
  top: var(--spacing-0);
  bottom: var(--spacing-0);
}

.tw2 .tw2-bottom-0{
  bottom: var(--spacing-0);
}

.tw2 .tw2-bottom-4{
  bottom: var(--spacing-4);
}

.tw2 .tw2-left-0{
  left: var(--spacing-0);
}

.tw2 .tw2-left-1\/2{
  left: 50%;
}

.tw2 .tw2-left-3{
  left: var(--spacing-3);
}

.tw2 .tw2-right-0{
  right: var(--spacing-0);
}

.tw2 .tw2-right-3{
  right: var(--spacing-3);
}

.tw2 .tw2-top-0{
  top: var(--spacing-0);
}

.tw2 .tw2-top-1\/2{
  top: 50%;
}

.tw2 .tw2-top-\[1\.125rem\]{
  top: 1.125rem;
}

.tw2 .tw2-top-full{
  top: 100%;
}

.tw2 .tw2-z-0{
  z-index: 0;
}

.tw2 .tw2-z-10{
  z-index: 10;
}

.tw2 .tw2-z-20{
  z-index: 20;
}

.tw2 .tw2-z-50{
  z-index: 50;
}

.tw2 .tw2-z-modal-overlay{
  z-index: var(--z-modal-overlay);
}

.tw2 .tw2-z-modal-overlay-backdrop{
  z-index: var(--z-modal-overlay-backdrop);
}

.tw2 .tw2-m-0{
  margin: var(--spacing-0);
}

.tw2 .tw2-mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.tw2 .tw2-my-1{
  margin-top: var(--spacing-1);
  margin-bottom: var(--spacing-1);
}

.tw2 .tw2--mb-px{
  margin-bottom: -1px;
}

.tw2 .tw2-mb-1{
  margin-bottom: var(--spacing-1);
}

.tw2 .tw2-mb-2{
  margin-bottom: var(--spacing-2);
}

.tw2 .tw2-mb-3{
  margin-bottom: var(--spacing-3);
}

.tw2 .tw2-mb-card-content-offset{
  margin-bottom: var(--card-content-offset);
}

.tw2 .tw2-mb-card-status-bar-offset{
  margin-bottom: var(--card-status-bar-offset);
}

.tw2 .tw2-ml-1{
  margin-left: var(--spacing-1);
}

.tw2 .tw2-ml-2{
  margin-left: var(--spacing-2);
}

.tw2 .tw2-ml-6{
  margin-left: var(--spacing-6);
}

.tw2 .tw2-mr-2{
  margin-right: var(--spacing-2);
}

.tw2 .tw2-mr-kanban-board-gap{
  margin-right: var(--spacing-kanban-board-gap);
}

.tw2 .tw2-mt-0\.5{
  margin-top: 0.125rem;
}

.tw2 .tw2-mt-1{
  margin-top: var(--spacing-1);
}

.tw2 .tw2-mt-2{
  margin-top: var(--spacing-2);
}

.tw2 .tw2-block{
  display: block;
}

.tw2 .tw2-inline-block{
  display: inline-block;
}

.tw2 .tw2-flex{
  display: flex;
}

.tw2 .tw2-inline-flex{
  display: inline-flex;
}

.tw2 .tw2-grid{
  display: grid;
}

.tw2 .tw2-size-4{
  width: var(--spacing-4);
  height: var(--spacing-4);
}

.tw2 .tw2-size-drop-tray-icon{
  width: var(--spacing-drop-tray-icon);
  height: var(--spacing-drop-tray-icon);
}

.tw2 .tw2-h-1{
  height: var(--spacing-1);
}

.tw2 .tw2-h-10{
  height: var(--spacing-10);
}

.tw2 .tw2-h-12{
  height: var(--spacing-12);
}

.tw2 .tw2-h-2{
  height: var(--spacing-2);
}

.tw2 .tw2-h-3{
  height: var(--spacing-3);
}

.tw2 .tw2-h-4{
  height: var(--spacing-4);
}

.tw2 .tw2-h-5{
  height: var(--spacing-5);
}

.tw2 .tw2-h-6{
  height: var(--spacing-6);
}

.tw2 .tw2-h-7{
  height: var(--spacing-7);
}

.tw2 .tw2-h-72{
  height: var(--spacing-72);
}

.tw2 .tw2-h-8{
  height: var(--spacing-8);
}

.tw2 .tw2-h-9{
  height: var(--spacing-9);
}

.tw2 .tw2-h-\[10px\]{
  height: 10px;
}

.tw2 .tw2-h-\[300px\]{
  height: 300px;
}

.tw2 .tw2-h-\[360px\]{
  height: 360px;
}

.tw2 .tw2-h-\[560px\]{
  height: 560px;
}

.tw2 .tw2-h-\[var\(--card-status-border-width\)\]{
  height: var(--card-status-border-width);
}

.tw2 .tw2-h-auto{
  height: auto;
}

.tw2 .tw2-h-card-status-bar-height{
  height: var(--card-status-bar-height);
}

.tw2 .tw2-h-drop-tray-height{
  height: var(--drop-tray-height);
}

.tw2 .tw2-h-drop-tray-target-height{
  height: var(--drop-tray-target-height);
}

.tw2 .tw2-h-full{
  height: 100%;
}

.tw2 .tw2-h-icon-btn-size{
  height: var(--spacing-icon-btn-size);
}

.tw2 .tw2-h-px{
  height: 1px;
}

.tw2 .tw2-h-screen{
  height: 100vh;
}

.tw2 .\!tw2-max-h-\[calc\(100vh-2rem\)\]{
  max-height: calc(100vh - 2rem) !important;
}

.tw2 .tw2-max-h-\[160px\]{
  max-height: 160px;
}

.tw2 .tw2-max-h-\[200px\]{
  max-height: 200px;
}

.tw2 .tw2-max-h-\[260px\]{
  max-height: 260px;
}

.tw2 .tw2-max-h-\[320px\]{
  max-height: 320px;
}

.tw2 .tw2-max-h-\[70vh\]{
  max-height: 70vh;
}

.tw2 .tw2-max-h-\[calc\(100vh-4rem\)\]{
  max-height: calc(100vh - 4rem);
}

.tw2 .tw2-max-h-modal-max-height{
  max-height: var(--modal-max-height);
}

.tw2 .tw2-min-h-0{
  min-height: var(--spacing-0);
}

.tw2 .tw2-min-h-\[360px\]{
  min-height: 360px;
}

.tw2 .tw2-min-h-screen{
  min-height: 100vh;
}

.tw2 .\!tw2-w-\[800px\]{
  width: 800px !important;
}

.tw2 .\!tw2-w-\[80vw\]{
  width: 80vw !important;
}

.tw2 .\!tw2-w-auto{
  width: auto !important;
}

.tw2 .tw2-w-0{
  width: var(--spacing-0);
}

.tw2 .tw2-w-1\/4{
  width: 25%;
}

.tw2 .tw2-w-10{
  width: var(--spacing-10);
}

.tw2 .tw2-w-12{
  width: var(--spacing-12);
}

.tw2 .tw2-w-2{
  width: var(--spacing-2);
}

.tw2 .tw2-w-3{
  width: var(--spacing-3);
}

.tw2 .tw2-w-4{
  width: var(--spacing-4);
}

.tw2 .tw2-w-5{
  width: var(--spacing-5);
}

.tw2 .tw2-w-6{
  width: var(--spacing-6);
}

.tw2 .tw2-w-8{
  width: var(--spacing-8);
}

.tw2 .tw2-w-9{
  width: var(--spacing-9);
}

.tw2 .tw2-w-\[10px\]{
  width: 10px;
}

.tw2 .tw2-w-\[240px\]{
  width: 240px;
}

.tw2 .tw2-w-\[300px\]{
  width: 300px;
}

.tw2 .tw2-w-\[640px\]{
  width: 640px;
}

.tw2 .tw2-w-\[680px\]{
  width: 680px;
}

.tw2 .tw2-w-\[720px\]{
  width: 720px;
}

.tw2 .tw2-w-\[calc\(100vw-var\(--drawer-gutter\)\)\]{
  width: calc(100vw - var(--drawer-gutter));
}

.tw2 .tw2-w-card{
  width: var(--card-width);
}

.tw2 .tw2-w-drawer-lg{
  width: var(--drawer-width-lg);
}

.tw2 .tw2-w-drawer-md{
  width: var(--drawer-width-md);
}

.tw2 .tw2-w-drawer-sm{
  width: var(--drawer-width-sm);
}

.tw2 .tw2-w-full{
  width: 100%;
}

.tw2 .tw2-w-icon-btn-size{
  width: var(--spacing-icon-btn-size);
}

.tw2 .tw2-w-kanban-list-collapsed-width{
  width: var(--kanban-list-collapsed-width);
}

.tw2 .tw2-w-kanban-list-width{
  width: var(--kanban-list-width);
}

.tw2 .tw2-w-modal-lg{
  width: var(--modal-lg);
}

.tw2 .tw2-w-modal-md{
  width: var(--modal-md);
}

.tw2 .tw2-w-modal-sm{
  width: var(--modal-sm);
}

.tw2 .tw2-w-modal-xl{
  width: var(--modal-xl);
}

.tw2 .tw2-min-w-0{
  min-width: var(--spacing-0);
}

.tw2 .tw2-min-w-7{
  min-width: var(--spacing-7);
}

.tw2 .tw2-min-w-\[220px\]{
  min-width: 220px;
}

.tw2 .tw2-min-w-\[260px\]{
  min-width: 260px;
}

.tw2 .tw2-min-w-\[280px\]{
  min-width: 280px;
}

.tw2 .tw2-min-w-\[400px\]{
  min-width: 400px;
}

.tw2 .tw2-min-w-\[5rem\]{
  min-width: 5rem;
}

.tw2 .tw2-min-w-\[80px\]{
  min-width: 80px;
}

.tw2 .tw2-min-w-\[8rem\]{
  min-width: 8rem;
}

.tw2 .tw2-min-w-full{
  min-width: 100%;
}

.tw2 .tw2-min-w-max{
  min-width: -moz-max-content;
  min-width: max-content;
}

.tw2 .tw2-max-w-3xl{
  max-width: 48rem;
}

.tw2 .tw2-max-w-\[1200px\]{
  max-width: 1200px;
}

.tw2 .tw2-max-w-\[16rem\]{
  max-width: 16rem;
}

.tw2 .tw2-max-w-\[1800px\]{
  max-width: 1800px;
}

.tw2 .tw2-max-w-\[260px\]{
  max-width: 260px;
}

.tw2 .tw2-max-w-\[640px\]{
  max-width: 640px;
}

.tw2 .tw2-max-w-\[80vw\]{
  max-width: 80vw;
}

.tw2 .tw2-max-w-\[95vw\]{
  max-width: 95vw;
}

.tw2 .tw2-max-w-\[calc\(100vw-2rem\)\]{
  max-width: calc(100vw - 2rem);
}

.tw2 .tw2-max-w-\[calc\(100vw-32px\)\]{
  max-width: calc(100vw - 32px);
}

.tw2 .tw2-max-w-\[calc\(100vw-var\(--drawer-gutter\)\)\]{
  max-width: calc(100vw - var(--drawer-gutter));
}

.tw2 .tw2-max-w-\[min\(var\(--modal-lg\)\,calc\(100vw-2rem\)\)\]{
  max-width: min(var(--modal-lg),calc(100vw - 2rem));
}

.tw2 .tw2-max-w-\[min\(var\(--modal-md\)\,calc\(100vw-2rem\)\)\]{
  max-width: min(var(--modal-md),calc(100vw - 2rem));
}

.tw2 .tw2-max-w-\[min\(var\(--modal-sm\)\,calc\(100vw-2rem\)\)\]{
  max-width: min(var(--modal-sm),calc(100vw - 2rem));
}

.tw2 .tw2-max-w-\[min\(var\(--modal-xl\)\,calc\(100vw-2rem\)\)\]{
  max-width: min(var(--modal-xl),calc(100vw - 2rem));
}

.tw2 .tw2-max-w-drawer-lg{
  max-width: var(--drawer-width-lg);
}

.tw2 .tw2-max-w-drawer-md{
  max-width: var(--drawer-width-md);
}

.tw2 .tw2-max-w-drawer-sm{
  max-width: var(--drawer-width-sm);
}

.tw2 .tw2-max-w-full{
  max-width: 100%;
}

.tw2 .tw2-max-w-kanban-attribute-label-max-width{
  max-width: var(--kanban-attribute-label-max-width);
}

.tw2 .tw2-max-w-kanban-list-collapsed-width{
  max-width: var(--kanban-list-collapsed-width);
}

.tw2 .tw2-max-w-kanban-list-width{
  max-width: var(--kanban-list-width);
}

.tw2 .tw2-max-w-md{
  max-width: 28rem;
}

.tw2 .tw2-max-w-none{
  max-width: none;
}

.tw2 .tw2-max-w-xs{
  max-width: 20rem;
}

.tw2 .tw2-flex-1{
  flex: 1 1 0%;
}

.tw2 .tw2-flex-none{
  flex: none;
}

.tw2 .tw2-flex-shrink-0{
  flex-shrink: 0;
}

.tw2 .tw2-shrink{
  flex-shrink: 1;
}

.tw2 .tw2-shrink-0{
  flex-shrink: 0;
}

.tw2 .tw2-border-separate{
  border-collapse: separate;
}

.tw2 .tw2-border-spacing-0{
  --tw-border-spacing-x: var(--spacing-0);
  --tw-border-spacing-y: var(--spacing-0);
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.tw2 .tw2-origin-top{
  transform-origin: top;
}

.tw2 .\!tw2-translate-x-0{
  --tw-translate-x: var(--spacing-0) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.tw2 .\!tw2-translate-y-0{
  --tw-translate-y: var(--spacing-0) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.tw2 .tw2--translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2--translate-x-2{
  --tw-translate-x: calc(var(--spacing-2) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2--translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2--translate-y-2{
  --tw-translate-y: calc(var(--spacing-2) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2--translate-y-4{
  --tw-translate-y: calc(var(--spacing-4) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2--translate-y-\[calc\(50\%-1rem\)\]{
  --tw-translate-y: calc(calc(50% - 1rem) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-translate-x-0{
  --tw-translate-x: var(--spacing-0);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-translate-x-2{
  --tw-translate-x: var(--spacing-2);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-translate-x-full{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-translate-y-0{
  --tw-translate-y: var(--spacing-0);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-translate-y-2{
  --tw-translate-y: var(--spacing-2);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .-tw2-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2--rotate-180{
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-rotate-0{
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-scale-75{
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-scale-95{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-scale-\[1\.02\]{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-scale-\[1\.05\]{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-scale-y-100{
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-scale-y-95{
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .tw2-cursor-default{
  cursor: default;
}

.tw2 .tw2-cursor-grab{
  cursor: grab;
}

.tw2 .tw2-cursor-not-allowed{
  cursor: not-allowed;
}

.tw2 .tw2-cursor-pointer{
  cursor: pointer;
}

.tw2 .tw2-cursor-text{
  cursor: text;
}

.tw2 .tw2-touch-none{
  touch-action: none;
}

.tw2 .tw2-select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.tw2 .tw2-list-disc{
  list-style-type: disc;
}

.tw2 .tw2-list-none{
  list-style-type: none;
}

.tw2 .tw2-grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.tw2 .tw2-flex-col{
  flex-direction: column;
}

.tw2 .tw2-flex-wrap{
  flex-wrap: wrap;
}

.tw2 .tw2-flex-nowrap{
  flex-wrap: nowrap;
}

.tw2 .tw2-items-start{
  align-items: flex-start;
}

.tw2 .tw2-items-end{
  align-items: flex-end;
}

.tw2 .tw2-items-center{
  align-items: center;
}

.tw2 .tw2-items-baseline{
  align-items: baseline;
}

.tw2 .tw2-items-stretch{
  align-items: stretch;
}

.tw2 .tw2-justify-end{
  justify-content: flex-end;
}

.tw2 .tw2-justify-center{
  justify-content: center;
}

.tw2 .tw2-justify-between{
  justify-content: space-between;
}

.tw2 .\!tw2-gap-card-gap{
  gap: var(--spacing-card-gap) !important;
}

.tw2 .tw2-gap-0{
  gap: var(--spacing-0);
}

.tw2 .tw2-gap-0\.5{
  gap: 0.125rem;
}

.tw2 .tw2-gap-1{
  gap: var(--spacing-1);
}

.tw2 .tw2-gap-1\.5{
  gap: 0.375rem;
}

.tw2 .tw2-gap-2{
  gap: var(--spacing-2);
}

.tw2 .tw2-gap-3{
  gap: var(--spacing-3);
}

.tw2 .tw2-gap-4{
  gap: var(--spacing-4);
}

.tw2 .tw2-gap-6{
  gap: var(--spacing-6);
}

.tw2 .tw2-gap-badge-gap{
  gap: var(--spacing-badge-gap);
}

.tw2 .tw2-gap-btn-md-gap{
  gap: var(--spacing-btn-md-gap);
}

.tw2 .tw2-gap-btn-sm-gap{
  gap: var(--spacing-btn-sm-gap);
}

.tw2 .tw2-gap-btn-xs-gap{
  gap: var(--spacing-btn-xs-gap);
}

.tw2 .tw2-gap-card-gap{
  gap: var(--spacing-card-gap);
}

.tw2 .tw2-gap-checkbox-gap{
  gap: var(--spacing-checkbox-gap);
}

.tw2 .tw2-gap-drop-tray-gap{
  gap: var(--spacing-drop-tray-gap);
}

.tw2 .tw2-gap-drop-tray-target-gap{
  gap: var(--spacing-drop-tray-target-gap);
}

.tw2 .tw2-gap-dropdown-gap{
  gap: var(--spacing-dropdown-gap);
}

.tw2 .tw2-gap-dropdown-list-gap{
  gap: var(--spacing-dropdown-list-gap);
}

.tw2 .tw2-gap-field-gap{
  gap: var(--spacing-field-gap);
}

.tw2 .tw2-gap-kanban-gap{
  gap: var(--spacing-kanban-gap);
}

.tw2 .tw2-gap-modal-gap{
  gap: var(--modal-gap);
}

.tw2 .tw2-gap-radio-gap{
  gap: var(--spacing-radio-gap);
}

.tw2 .tw2-gap-selection-toolbar-gap{
  gap: var(--spacing-selection-toolbar-gap);
}

.tw2 .tw2-gap-tab-gap{
  gap: var(--spacing-tab-gap);
}

.tw2 .tw2-gap-tab-inner-gap{
  gap: var(--spacing-tab-inner-gap);
}

.tw2 :is(.tw2-space-y-1 > :not([hidden]) ~ :not([hidden])){
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--spacing-1) * var(--tw-space-y-reverse));
}

.tw2 :is(.tw2-space-y-2 > :not([hidden]) ~ :not([hidden])){
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--spacing-2) * var(--tw-space-y-reverse));
}

.tw2 :is(.tw2-space-y-3 > :not([hidden]) ~ :not([hidden])){
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--spacing-3) * var(--tw-space-y-reverse));
}

.tw2 :is(.tw2-space-y-6 > :not([hidden]) ~ :not([hidden])){
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--spacing-6) * var(--tw-space-y-reverse));
}

.tw2 :is(.tw2-space-y-8 > :not([hidden]) ~ :not([hidden])){
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--spacing-8) * var(--tw-space-y-reverse));
}

.tw2 .tw2-overflow-hidden{
  overflow: hidden;
}

.tw2 .tw2-overflow-visible{
  overflow: visible;
}

.tw2 .tw2-overflow-x-auto{
  overflow-x: auto;
}

.tw2 .tw2-overflow-y-auto{
  overflow-y: auto;
}

.tw2 .tw2-overflow-x-hidden{
  overflow-x: hidden;
}

.tw2 .tw2-truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tw2 .tw2-text-ellipsis{
  text-overflow: ellipsis;
}

.tw2 .tw2-whitespace-normal{
  white-space: normal;
}

.tw2 .tw2-whitespace-nowrap{
  white-space: nowrap;
}

.tw2 .tw2-break-words{
  overflow-wrap: break-word;
}

.tw2 .tw2-rounded{
  border-radius: 0.25rem;
}

.tw2 .tw2-rounded-3xl{
  border-radius: 1.5rem;
}

.tw2 .tw2-rounded-\[10px\]{
  border-radius: 10px;
}

.tw2 .tw2-rounded-\[14px\]{
  border-radius: 14px;
}

.tw2 .tw2-rounded-\[16px\]{
  border-radius: 16px;
}

.tw2 .tw2-rounded-\[18px\]{
  border-radius: 18px;
}

.tw2 .tw2-rounded-badge{
  border-radius: var(--radius-badge);
}

.tw2 .tw2-rounded-btn{
  border-radius: var(--radius-btn);
}

.tw2 .tw2-rounded-card{
  border-radius: var(--radius-card);
}

.tw2 .tw2-rounded-checkbox{
  border-radius: var(--radius-checkbox);
}

.tw2 .tw2-rounded-drop-tray{
  border-radius: var(--radius-drop-tray);
}

.tw2 .tw2-rounded-dropdown{
  border-radius: var(--radius-dropdown);
}

.tw2 .tw2-rounded-field{
  border-radius: var(--radius-field);
}

.tw2 .tw2-rounded-filterbox{
  border-radius: var(--radius-filterbox);
}

.tw2 .tw2-rounded-full{
  border-radius: 9999px;
}

.tw2 .tw2-rounded-icon-btn{
  border-radius: var(--radius-icon-btn);
}

.tw2 .tw2-rounded-lg{
  border-radius: 0.5rem;
}

.tw2 .tw2-rounded-md{
  border-radius: 0.375rem;
}

.tw2 .tw2-rounded-nav-item{
  border-radius: var(--radius-nav-item);
}

.tw2 .tw2-rounded-none{
  border-radius: 0px;
}

.tw2 .tw2-rounded-overlay{
  border-radius: var(--radius-overlay);
}

.tw2 .tw2-rounded-radio{
  border-radius: var(--radius-radio);
}

.tw2 .tw2-rounded-selection-toolbar{
  border-radius: var(--radius-selection-toolbar);
}

.tw2 .tw2-rounded-sm{
  border-radius: 0.125rem;
}

.tw2 .tw2-rounded-table{
  border-radius: var(--radius-table);
}

.tw2 .tw2-rounded-tooltip{
  border-radius: var(--radius-tooltip);
}

.tw2 .tw2-rounded-l-field{
  border-top-left-radius: var(--radius-field);
  border-bottom-left-radius: var(--radius-field);
}

.tw2 .tw2-rounded-l-none{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.tw2 .tw2-rounded-r-field{
  border-top-right-radius: var(--radius-field);
  border-bottom-right-radius: var(--radius-field);
}

.tw2 .tw2-rounded-r-none{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.tw2 .tw2-rounded-t-card{
  border-top-left-radius: var(--radius-card);
  border-top-right-radius: var(--radius-card);
}

.tw2 .tw2-border{
  border-width: 1px;
}

.tw2 .tw2-border-0{
  border-width: var(--border-width-0);
}

.tw2 .tw2-border-\[length\:var\(--border-width-drop-tray\)\]{
  border-width: var(--border-width-drop-tray);
}

.tw2 .tw2-border-b{
  border-bottom-width: 1px;
}

.tw2 .tw2-border-b-0{
  border-bottom-width: var(--border-width-0);
}

.tw2 .tw2-border-b-2{
  border-bottom-width: var(--border-width-2);
}

.tw2 .tw2-border-l{
  border-left-width: 1px;
}

.tw2 .tw2-border-l-0{
  border-left-width: var(--border-width-0);
}

.tw2 .tw2-border-r{
  border-right-width: 1px;
}

.tw2 .tw2-border-r-0{
  border-right-width: var(--border-width-0);
}

.tw2 .tw2-border-t{
  border-top-width: 1px;
}

.tw2 .tw2-border-t-0{
  border-top-width: var(--border-width-0);
}

.tw2 .tw2-border-t-card-status-border-width{
  border-top-width: var(--card-status-border-width);
}

.tw2 .tw2-border-solid{
  border-style: solid;
}

.tw2 .tw2-border-dashed{
  border-style: dashed;
}

.tw2 .\!tw2-border-field-border-error-pressed{
  border-color: var(--field-border-error-pressed) !important;
}

.tw2 .\!tw2-border-field-border-pressed{
  border-color: var(--field-border-pressed) !important;
}

.tw2 .tw2-border-border-drop-tray{
  border-color: var(--border-drop-tray);
}

.tw2 .tw2-border-btn-secondary-border-default{
  border-color: var(--btn-secondary-border-default);
}

.tw2 .tw2-border-card-border-default{
  border-color: var(--card-border-default);
}

.tw2 .tw2-border-card-border-selected{
  border-color: var(--card-border-selected);
}

.tw2 .tw2-border-checkbox-border-default{
  border-color: var(--checkbox-border-default);
}

.tw2 .tw2-border-checkbox-border-disabled{
  border-color: var(--checkbox-border-disabled);
}

.tw2 .tw2-border-checkbox-border-selected{
  border-color: var(--checkbox-border-selected);
}

.tw2 .tw2-border-drawer-border{
  border-color: var(--drawer-border);
}

.tw2 .tw2-border-dropdown-border-default{
  border-color: var(--dropdown-border-default);
}

.tw2 .tw2-border-dropdown-border-disabled{
  border-color: var(--dropdown-border-disabled);
}

.tw2 .tw2-border-dropdown-border-hover{
  border-color: var(--dropdown-border-hover);
}

.tw2 .tw2-border-dropdown-border-pressed{
  border-color: var(--dropdown-border-pressed);
}

.tw2 .tw2-border-field-border-default{
  border-color: var(--field-border-default);
}

.tw2 .tw2-border-field-border-disabled{
  border-color: var(--field-border-disabled);
}

.tw2 .tw2-border-field-border-error{
  border-color: var(--field-border-error);
}

.tw2 .tw2-border-radio-border-default{
  border-color: var(--radio-border-default);
}

.tw2 .tw2-border-radio-border-disabled{
  border-color: var(--radio-border-disabled);
}

.tw2 .tw2-border-radio-border-selected{
  border-color: var(--radio-border-selected);
}

.tw2 .tw2-border-separator-border{
  border-color: var(--separator-border);
}

.tw2 .tw2-border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.tw2 .tw2-border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.tw2 .tw2-border-status-lost-bar{
  border-color: var(--status-lost-bar);
}

.tw2 .tw2-border-status-on-hold-bar{
  border-color: var(--status-on-hold-bar);
}

.tw2 .tw2-border-status-success-bar{
  border-color: var(--status-success-bar);
}

.tw2 .tw2-border-tab-border-active{
  border-color: var(--tab-border-active);
}

.tw2 .tw2-border-tab-border-disabled{
  border-color: var(--tab-border-disabled);
}

.tw2 .tw2-border-table-border-default{
  border-color: var(--table-border-default);
}

.tw2 .tw2-border-transparent{
  border-color: transparent;
}

.tw2 .tw2-border-l-field-border-error{
  border-left-color: var(--field-border-error);
}

.tw2 .tw2-border-r-field-border-error{
  border-right-color: var(--field-border-error);
}

.tw2 .\!tw2-bg-field-bg-error-pressed{
  background-color: var(--field-bg-error-pressed) !important;
}

.tw2 .\!tw2-bg-field-bg-pressed{
  background-color: var(--field-bg-pressed) !important;
}

.tw2 .tw2-bg-\[var\(--filterbox-bg\)\]{
  background-color: var(--filterbox-bg);
}

.tw2 .tw2-bg-alert-warning-bg{
  background-color: var(--alert-warning-bg);
}

.tw2 .tw2-bg-avatar-bg-default{
  background-color: var(--avatar-bg-default);
}

.tw2 .tw2-bg-avatar-bg-hover{
  background-color: var(--avatar-bg-hover);
}

.tw2 .tw2-bg-avatar-bg-pressed{
  background-color: var(--avatar-bg-pressed);
}

.tw2 .tw2-bg-badge-primary-bg{
  background-color: var(--badge-primary-bg);
}

.tw2 .tw2-bg-badge-secondary-bg{
  background-color: var(--badge-secondary-bg);
}

.tw2 .tw2-bg-bg-card-kanban-list{
  background-color: var(--bg-card-kanban-list);
}

.tw2 .tw2-bg-bg-drop-tray{
  background-color: var(--bg-drop-tray);
}

.tw2 .tw2-bg-bg-primary{
  background-color: var(--bg-primary);
}

.tw2 .tw2-bg-bg-secondary{
  background-color: var(--bg-secondary);
}

.tw2 .tw2-bg-bg-selection-toolbar{
  background-color: var(--bg-selection-toolbar);
}

.tw2 .tw2-bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}

.tw2 .tw2-bg-btn-danger-bg-default{
  background-color: var(--btn-danger-bg-default);
}

.tw2 .tw2-bg-btn-ghost-bg-default{
  background-color: var(--btn-ghost-bg-default);
}

.tw2 .tw2-bg-btn-ghost-bg-hover{
  background-color: var(--btn-ghost-bg-hover);
}

.tw2 .tw2-bg-btn-primary-bg-default{
  background-color: var(--btn-primary-bg-default);
}

.tw2 .tw2-bg-btn-secondary-bg-default{
  background-color: var(--btn-secondary-bg-default);
}

.tw2 .tw2-bg-card-bg-default{
  background-color: var(--card-bg-default);
}

.tw2 .tw2-bg-card-bg-selected{
  background-color: var(--card-bg-selected);
}

.tw2 .tw2-bg-checkbox-bg-default{
  background-color: var(--checkbox-bg-default);
}

.tw2 .tw2-bg-checkbox-bg-disabled{
  background-color: var(--checkbox-bg-disabled);
}

.tw2 .tw2-bg-checkbox-bg-selected{
  background-color: var(--checkbox-bg-selected);
}

.tw2 .tw2-bg-dropdown-bg-default{
  background-color: var(--dropdown-bg-default);
}

.tw2 .tw2-bg-dropdown-bg-disabled{
  background-color: var(--dropdown-bg-disabled);
}

.tw2 .tw2-bg-dropdown-bg-focus{
  background-color: var(--dropdown-bg-focus);
}

.tw2 .tw2-bg-dropdown-bg-hover{
  background-color: var(--dropdown-bg-hover);
}

.tw2 .tw2-bg-dropdown-bg-item-danger-hover{
  background-color: var(--dropdown-bg-item-danger-hover);
}

.tw2 .tw2-bg-dropdown-bg-item-hover{
  background-color: var(--dropdown-bg-item-hover);
}

.tw2 .tw2-bg-dropdown-bg-pressed{
  background-color: var(--dropdown-bg-pressed);
}

.tw2 .tw2-bg-dropdown-border-default{
  background-color: var(--dropdown-border-default);
}

.tw2 .tw2-bg-dropdown-list-bg{
  background-color: var(--dropdown-list-bg);
}

.tw2 .tw2-bg-field-bg-default{
  background-color: var(--field-bg-default);
}

.tw2 .tw2-bg-field-bg-disabled{
  background-color: var(--field-bg-disabled);
}

.tw2 .tw2-bg-field-bg-error{
  background-color: var(--field-bg-error);
}

.tw2 .tw2-bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.tw2 .tw2-bg-modal-bg-content{
  background-color: var(--modal-bg-content);
}

.tw2 .tw2-bg-modal-bg-overlay{
  background-color: var(--modal-bg-overlay);
}

.tw2 .tw2-bg-nav-item-bg-active{
  background-color: var(--nav-item-bg-active);
}

.tw2 .tw2-bg-nav-item-bg-default{
  background-color: var(--nav-item-bg-default);
}

.tw2 .tw2-bg-nav-item-bg-disabled{
  background-color: var(--nav-item-bg-disabled);
}

.tw2 .tw2-bg-primary{
  background-color: var(--text-primary);
}

.tw2 .tw2-bg-progress-bar-filled-bg{
  background-color: var(--progress-bar-filled-bg);
}

.tw2 .tw2-bg-radio-bg-default{
  background-color: var(--radio-bg-default);
}

.tw2 .tw2-bg-radio-bg-disabled{
  background-color: var(--radio-bg-disabled);
}

.tw2 .tw2-bg-radio-bg-selected{
  background-color: var(--radio-bg-selected);
}

.tw2 .tw2-bg-radio-dot-bg{
  background-color: var(--radio-dot-bg);
}

.tw2 .tw2-bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.tw2 .tw2-bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.tw2 .tw2-bg-status-lost-badge-bg{
  background-color: var(--status-lost-badge-bg);
}

.tw2 .tw2-bg-status-lost-bar{
  background-color: var(--status-lost-bar);
}

.tw2 .tw2-bg-status-lost-surface{
  background-color: var(--status-lost-surface);
}

.tw2 .tw2-bg-status-on-hold-badge-bg{
  background-color: var(--status-on-hold-badge-bg);
}

.tw2 .tw2-bg-status-on-hold-bar{
  background-color: var(--status-on-hold-bar);
}

.tw2 .tw2-bg-status-on-hold-surface{
  background-color: var(--status-on-hold-surface);
}

.tw2 .tw2-bg-status-success-badge-bg{
  background-color: var(--status-success-badge-bg);
}

.tw2 .tw2-bg-status-success-bar{
  background-color: var(--status-success-bar);
}

.tw2 .tw2-bg-table-bg-default{
  background-color: var(--table-bg-default);
}

.tw2 .tw2-bg-table-header-bg{
  background-color: var(--table-header-bg);
}

.tw2 .tw2-bg-table-row-bg-hover{
  background-color: var(--table-row-bg-hover);
}

.tw2 .tw2-bg-table-row-bg-selected{
  background-color: var(--table-row-bg-selected);
}

.tw2 .tw2-bg-tooltip-bg{
  background-color: var(--tooltip-bg);
}

.tw2 .tw2-bg-transparent{
  background-color: transparent;
}

.tw2 .tw2-bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.tw2 .tw2-object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.tw2 .tw2-p-0{
  padding: var(--spacing-0);
}

.tw2 .tw2-p-0\.5{
  padding: 0.125rem;
}

.tw2 .tw2-p-1{
  padding: var(--spacing-1);
}

.tw2 .tw2-p-2{
  padding: var(--spacing-2);
}

.tw2 .tw2-p-3{
  padding: var(--spacing-3);
}

.tw2 .tw2-p-4{
  padding: var(--spacing-4);
}

.tw2 .tw2-p-6{
  padding: var(--spacing-6);
}

.tw2 .tw2-p-8{
  padding: var(--spacing-8);
}

.tw2 .tw2-p-card-padding{
  padding: var(--spacing-card-padding);
}

.tw2 .tw2-p-drop-tray-padding{
  padding: var(--spacing-drop-tray-padding);
}

.tw2 .tw2-p-filterbox{
  padding: var(--spacing-filterbox);
}

.tw2 .tw2-p-kanban-padding{
  padding: var(--spacing-kanban-padding);
}

.tw2 .tw2-px-1{
  padding-left: var(--spacing-1);
  padding-right: var(--spacing-1);
}

.tw2 .tw2-px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.tw2 .tw2-px-2{
  padding-left: var(--spacing-2);
  padding-right: var(--spacing-2);
}

.tw2 .tw2-px-3{
  padding-left: var(--spacing-3);
  padding-right: var(--spacing-3);
}

.tw2 .tw2-px-4{
  padding-left: var(--spacing-4);
  padding-right: var(--spacing-4);
}

.tw2 .tw2-px-5{
  padding-left: var(--spacing-5);
  padding-right: var(--spacing-5);
}

.tw2 .tw2-px-badge-px{
  padding-left: var(--spacing-badge-px);
  padding-right: var(--spacing-badge-px);
}

.tw2 .tw2-px-btn-md-px{
  padding-left: var(--spacing-btn-md-px);
  padding-right: var(--spacing-btn-md-px);
}

.tw2 .tw2-px-btn-sm-px{
  padding-left: var(--spacing-btn-sm-px);
  padding-right: var(--spacing-btn-sm-px);
}

.tw2 .tw2-px-btn-xs-px{
  padding-left: var(--spacing-btn-xs-px);
  padding-right: var(--spacing-btn-xs-px);
}

.tw2 .tw2-px-dropdown-list-px{
  padding-left: var(--spacing-dropdown-list-px);
  padding-right: var(--spacing-dropdown-list-px);
}

.tw2 .tw2-px-dropdown-px{
  padding-left: var(--spacing-dropdown-px);
  padding-right: var(--spacing-dropdown-px);
}

.tw2 .tw2-px-field-px{
  padding-left: var(--spacing-field-px);
  padding-right: var(--spacing-field-px);
}

.tw2 .tw2-px-modal-padding-horizontal{
  padding-left: var(--modal-padding-horizontal);
  padding-right: var(--modal-padding-horizontal);
}

.tw2 .tw2-px-nav-item-px{
  padding-left: var(--spacing-nav-item-px);
  padding-right: var(--spacing-nav-item-px);
}

.tw2 .tw2-px-selection-toolbar-padding-x{
  padding-left: var(--spacing-selection-toolbar-padding-x);
  padding-right: var(--spacing-selection-toolbar-padding-x);
}

.tw2 .tw2-px-tab-px{
  padding-left: var(--spacing-tab-px);
  padding-right: var(--spacing-tab-px);
}

.tw2 .tw2-px-table-cell-px{
  padding-left: var(--spacing-table-cell-px);
  padding-right: var(--spacing-table-cell-px);
}

.tw2 .tw2-px-table-cell-px-sm{
  padding-left: var(--spacing-table-cell-px-sm);
  padding-right: var(--spacing-table-cell-px-sm);
}

.tw2 .tw2-px-tooltip-px{
  padding-left: var(--spacing-tooltip-px);
  padding-right: var(--spacing-tooltip-px);
}

.tw2 .tw2-py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.tw2 .tw2-py-1{
  padding-top: var(--spacing-1);
  padding-bottom: var(--spacing-1);
}

.tw2 .tw2-py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.tw2 .tw2-py-2{
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-2);
}

.tw2 .tw2-py-4{
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4);
}

.tw2 .tw2-py-8{
  padding-top: var(--spacing-8);
  padding-bottom: var(--spacing-8);
}

.tw2 .tw2-py-badge-py{
  padding-top: var(--spacing-badge-py);
  padding-bottom: var(--spacing-badge-py);
}

.tw2 .tw2-py-btn-md-py{
  padding-top: var(--spacing-btn-md-py);
  padding-bottom: var(--spacing-btn-md-py);
}

.tw2 .tw2-py-btn-sm-py{
  padding-top: var(--spacing-btn-sm-py);
  padding-bottom: var(--spacing-btn-sm-py);
}

.tw2 .tw2-py-btn-xs-py{
  padding-top: var(--spacing-btn-xs-py);
  padding-bottom: var(--spacing-btn-xs-py);
}

.tw2 .tw2-py-dropdown-list-py{
  padding-top: var(--spacing-dropdown-list-py);
  padding-bottom: var(--spacing-dropdown-list-py);
}

.tw2 .tw2-py-dropdown-py{
  padding-top: var(--spacing-dropdown-py);
  padding-bottom: var(--spacing-dropdown-py);
}

.tw2 .tw2-py-field-py{
  padding-top: var(--spacing-field-py);
  padding-bottom: var(--spacing-field-py);
}

.tw2 .tw2-py-modal-padding-vertical{
  padding-top: var(--modal-padding-vertical);
  padding-bottom: var(--modal-padding-vertical);
}

.tw2 .tw2-py-nav-item-py{
  padding-top: var(--spacing-nav-item-py);
  padding-bottom: var(--spacing-nav-item-py);
}

.tw2 .tw2-py-selection-toolbar-padding-y{
  padding-top: var(--spacing-selection-toolbar-padding-y);
  padding-bottom: var(--spacing-selection-toolbar-padding-y);
}

.tw2 .tw2-py-tab-py{
  padding-top: var(--spacing-tab-py);
  padding-bottom: var(--spacing-tab-py);
}

.tw2 .tw2-py-table-cell-py{
  padding-top: var(--spacing-table-cell-py);
  padding-bottom: var(--spacing-table-cell-py);
}

.tw2 .tw2-py-table-cell-py-sm{
  padding-top: var(--spacing-table-cell-py-sm);
  padding-bottom: var(--spacing-table-cell-py-sm);
}

.tw2 .tw2-py-tooltip-py{
  padding-top: var(--spacing-tooltip-py);
  padding-bottom: var(--spacing-tooltip-py);
}

.tw2 .tw2-pb-1{
  padding-bottom: var(--spacing-1);
}

.tw2 .tw2-pb-2{
  padding-bottom: var(--spacing-2);
}

.tw2 .tw2-pb-4{
  padding-bottom: var(--spacing-4);
}

.tw2 .tw2-pb-card-bottom-padding{
  padding-bottom: var(--card-bottom-padding);
}

.tw2 .tw2-pl-10{
  padding-left: var(--spacing-10);
}

.tw2 .tw2-pl-4{
  padding-left: var(--spacing-4);
}

.tw2 .tw2-pl-9{
  padding-left: var(--spacing-9);
}

.tw2 .tw2-pr-10{
  padding-right: var(--spacing-10);
}

.tw2 .tw2-pr-2{
  padding-right: var(--spacing-2);
}

.tw2 .tw2-pr-3{
  padding-right: var(--spacing-3);
}

.tw2 .tw2-pr-5{
  padding-right: var(--spacing-5);
}

.tw2 .tw2-pt-1{
  padding-top: var(--spacing-1);
}

.tw2 .tw2-pt-2{
  padding-top: var(--spacing-2);
}

.tw2 .tw2-pt-3{
  padding-top: var(--spacing-3);
}

.tw2 .tw2-pt-4{
  padding-top: var(--spacing-4);
}

.tw2 .tw2-pt-dropdown-list-py{
  padding-top: var(--spacing-dropdown-list-py);
}

.tw2 .tw2-text-left{
  text-align: left;
}

.tw2 .tw2-text-center{
  text-align: center;
}

.tw2 .tw2-text-right{
  text-align: right;
}

.tw2 .tw2-font-sans{
  font-family: var(--font-family-sans);
}

.tw2 .tw2-text-3xl{
  font-size: var(--font-size-3xl);
}

.tw2 .tw2-text-\[10px\]{
  font-size: 10px;
}

.tw2 .tw2-text-\[11px\]{
  font-size: 11px;
}

.tw2 .tw2-text-base{
  font-size: var(--type-size-base);
}

.tw2 .tw2-text-body-md{
  font-size: var(--body-md-font-size);
  line-height: var(--body-md-line-height);
  font-weight: var(--body-md-font-weight);
}

.tw2 .tw2-text-body-sm{
  font-size: var(--body-sm-font-size);
  line-height: var(--body-sm-line-height);
  font-weight: var(--body-sm-font-weight);
}

.tw2 .tw2-text-eyebrow{
  font-size: var(--eyebrow-font-size);
  line-height: var(--eyebrow-line-height);
  font-weight: var(--eyebrow-font-weight);
}

.tw2 .tw2-text-heading-sm{
  font-size: var(--heading-sm-font-size);
  line-height: var(--heading-sm-line-height);
  font-weight: var(--heading-sm-font-weight);
}

.tw2 .tw2-text-helper{
  font-size: var(--helper-font-size);
  line-height: var(--helper-line-height);
  font-weight: var(--helper-font-weight);
}

.tw2 .tw2-text-label-md{
  font-size: var(--label-md-font-size);
  line-height: var(--label-md-line-height);
  font-weight: var(--label-md-font-weight);
}

.tw2 .tw2-text-label-md-strong{
  font-size: var(--label-md-strong-font-size);
  line-height: var(--label-md-strong-line-height);
  font-weight: var(--label-md-strong-font-weight);
}

.tw2 .tw2-text-label-sm{
  font-size: var(--label-sm-font-size);
  line-height: var(--label-sm-line-height);
  font-weight: var(--label-sm-font-weight);
}

.tw2 .tw2-text-label-sm-strong{
  font-size: var(--label-sm-strong-font-size);
  line-height: var(--label-sm-strong-line-height);
  font-weight: var(--label-sm-strong-font-weight);
}

.tw2 .tw2-text-lg{
  font-size: var(--font-size-lg);
}

.tw2 .tw2-text-sm{
  font-size: var(--type-size-sm);
}

.tw2 .tw2-text-xs{
  font-size: var(--type-size-xs);
}

.tw2 .tw2-font-medium{
  font-weight: var(--type-weight-medium);
}

.tw2 .tw2-font-normal{
  font-weight: var(--type-weight-normal);
}

.tw2 .tw2-font-semibold{
  font-weight: var(--type-weight-semibold);
}

.tw2 .tw2-uppercase{
  text-transform: uppercase;
}

.tw2 .tw2-tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.tw2 .tw2-leading-2{
  line-height: var(--line-height-2);
}

.tw2 .tw2-leading-4{
  line-height: var(--line-height-4);
}

.tw2 .tw2-leading-5{
  line-height: var(--line-height-5);
}

.tw2 .tw2-leading-\[inherit\]{
  line-height: inherit;
}

.tw2 .tw2-leading-none{
  line-height: 1;
}

.tw2 .tw2-tracking-\[-0\.03em\]{
  letter-spacing: -0.03em;
}

.tw2 .tw2-tracking-wide{
  letter-spacing: 0.025em;
}

.tw2 .tw2-tracking-wider{
  letter-spacing: 0.05em;
}

.tw2 .tw2-text-avatar-text{
  color: var(--avatar-text);
}

.tw2 .tw2-text-badge-primary-text{
  color: var(--badge-primary-text);
}

.tw2 .tw2-text-badge-secondary-text{
  color: var(--badge-secondary-text);
}

.tw2 .tw2-text-btn-danger-text-default{
  color: var(--btn-danger-text-default);
}

.tw2 .tw2-text-btn-ghost-text-default{
  color: var(--btn-ghost-text-default);
}

.tw2 .tw2-text-btn-primary-text-default{
  color: var(--btn-primary-text-default);
}

.tw2 .tw2-text-btn-secondary-text-default{
  color: var(--btn-secondary-text-default);
}

.tw2 .tw2-text-card-description-text{
  color: var(--card-description-text);
}

.tw2 .tw2-text-card-icon-default{
  color: var(--card-icon-default);
}

.tw2 .tw2-text-card-text-attribute{
  color: var(--card-text-attribute);
}

.tw2 .tw2-text-card-text-label-attribute{
  color: var(--card-text-label-attribute);
}

.tw2 .tw2-text-card-title-text{
  color: var(--card-title-text);
}

.tw2 .tw2-text-checkbox-checkmark-bg{
  color: var(--checkbox-checkmark-bg);
}

.tw2 .tw2-text-disabled{
  color: var(--text-disabled);
}

.tw2 .tw2-text-drop-tray{
  color: var(--text-drop-tray);
}

.tw2 .tw2-text-error{
  color: var(--text-error);
}

.tw2 .tw2-text-field-placeholder-text{
  color: var(--field-placeholder-text);
}

.tw2 .tw2-text-field-text-disabled{
  color: var(--field-text-disabled);
}

.tw2 .tw2-text-icon-btn-alert-help-text-default{
  color: var(--icon-btn-alert-help-text-default);
}

.tw2 .tw2-text-icon-btn-alert-info-text-default{
  color: var(--icon-btn-alert-info-text-default);
}

.tw2 .tw2-text-icon-btn-alert-success-text-default{
  color: var(--icon-btn-alert-success-text-default);
}

.tw2 .tw2-text-icon-btn-alert-text-default{
  color: var(--icon-btn-alert-text-default);
}

.tw2 .tw2-text-icon-btn-alert-warning-text-default{
  color: var(--icon-btn-alert-warning-text-default);
}

.tw2 .tw2-text-icon-btn-default-text-default{
  color: var(--icon-btn-default-text-default);
}

.tw2 .tw2-text-inherit{
  color: inherit;
}

.tw2 .tw2-text-invert{
  color: var(--text-invert);
}

.tw2 .tw2-text-link-disabled{
  color: var(--link-disabled);
}

.tw2 .tw2-text-link-secondary{
  color: var(--link-secondary);
}

.tw2 .tw2-text-nav-item-text-active{
  color: var(--nav-item-text-active);
}

.tw2 .tw2-text-nav-item-text-default{
  color: var(--nav-item-text-default);
}

.tw2 .tw2-text-nav-item-text-disabled{
  color: var(--nav-item-text-disabled);
}

.tw2 .tw2-text-primary{
  color: var(--text-primary);
}

.tw2 .tw2-text-secondary{
  color: var(--text-secondary);
}

.tw2 .tw2-text-selection-toolbar{
  color: var(--text-selection-toolbar);
}

.tw2 .tw2-text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.tw2 .tw2-text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.tw2 .tw2-text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.tw2 .tw2-text-slate-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.tw2 .tw2-text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.tw2 .tw2-text-slate-950{
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

.tw2 .tw2-text-status-lost-badge-text{
  color: var(--status-lost-badge-text);
}

.tw2 .tw2-text-status-lost-bar{
  color: var(--status-lost-bar);
}

.tw2 .tw2-text-status-on-hold-badge-text{
  color: var(--status-on-hold-badge-text);
}

.tw2 .tw2-text-status-on-hold-bar{
  color: var(--status-on-hold-bar);
}

.tw2 .tw2-text-status-success-badge-text{
  color: var(--status-success-badge-text);
}

.tw2 .tw2-text-tab-text-active{
  color: var(--tab-text-active);
}

.tw2 .tw2-text-tab-text-disabled{
  color: var(--tab-text-disabled);
}

.tw2 .tw2-text-tab-text-inactive{
  color: var(--tab-text-inactive);
}

.tw2 .tw2-text-table-cell-text{
  color: var(--table-cell-text);
}

.tw2 .tw2-text-table-header-text{
  color: var(--table-header-text);
}

.tw2 .tw2-text-tertiary{
  color: var(--text-tertiary);
}

.tw2 .tw2-text-tooltip-text{
  color: var(--tooltip-text);
}

.tw2 .tw2-no-underline{
  text-decoration-line: none;
}

.tw2 .tw2-opacity-0{
  opacity: 0;
}

.tw2 .tw2-opacity-100{
  opacity: 1;
}

.tw2 .tw2-opacity-40{
  opacity: 0.4;
}

.tw2 .tw2-opacity-50{
  opacity: 0.5;
}

.tw2 .tw2-opacity-60{
  opacity: 0.6;
}

.tw2 .tw2-opacity-70{
  opacity: 0.7;
}

.tw2 .tw2-opacity-80{
  opacity: 0.8;
}

.tw2 .tw2-opacity-90{
  opacity: 0.9;
}

.tw2 .tw2-opacity-modal-overlay{
  opacity: var(--opacity-modal-overlay);
}

.tw2 .\!tw2-shadow-xs{
  --tw-shadow: var(--shadow-xs) !important;
  --tw-shadow-colored: var(--shadow-xs) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.tw2 .tw2-shadow-2xs{
  --tw-shadow: var(--shadow-2xs);
  --tw-shadow-colored: var(--shadow-2xs);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .tw2-shadow-\[0_16px_36px_rgba\(15\,23\,42\,0\.12\)\]{
  --tw-shadow: 0 16px 36px rgba(15,23,42,0.12);
  --tw-shadow-colored: 0 16px 36px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .tw2-shadow-\[inset_3px_0_0_0_var\(--table-row-accent\)\]{
  --tw-shadow: inset 3px 0 0 0 var(--table-row-accent);
  --tw-shadow-colored: inset 3px 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .tw2-shadow-lg{
  --tw-shadow: var(--shadow-lg);
  --tw-shadow-colored: var(--shadow-lg);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .tw2-shadow-md{
  --tw-shadow: var(--shadow-md);
  --tw-shadow-colored: var(--shadow-md);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .tw2-shadow-modal{
  --tw-shadow: var(--shadow-modal);
  --tw-shadow-colored: var(--shadow-modal);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .tw2-shadow-none{
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .tw2-shadow-sm{
  --tw-shadow: var(--shadow-sm);
  --tw-shadow-colored: var(--shadow-sm);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .tw2-shadow-xs{
  --tw-shadow: var(--shadow-xs);
  --tw-shadow-colored: var(--shadow-xs);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .tw2-outline-kanban-list-drop-outline-width{
  outline-width: var(--kanban-list-drop-outline-width);
}

.tw2 .tw2-outline-offset-kanban-list-drop-outline-offset{
  outline-offset: var(--kanban-list-drop-outline-offset);
}

.tw2 .tw2-outline-kanban-list-drop-outline-color{
  outline-color: var(--kanban-list-drop-outline-color);
}

.tw2 .tw2-transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw2 .tw2-transition-\[width\,max-width\]{
  transition-property: width,max-width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw2 .tw2-transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw2 .tw2-transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw2 .tw2-transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw2 .tw2-transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw2 .tw2-transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw2 .tw2-delay-150{
  transition-delay: 150ms;
}

.tw2 .tw2-delay-75{
  transition-delay: 75ms;
}

.tw2 .tw2-duration-150{
  transition-duration: 150ms;
}

.tw2 .tw2-duration-200{
  transition-duration: 200ms;
}

.tw2 .tw2-duration-300{
  transition-duration: 300ms;
}

.tw2 .tw2-ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{
  transition-timing-function: cubic-bezier(0.22,1,0.36,1);
}

.tw2 .tw2-ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tw2 .tw2-ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.tw2 .tw2-writing-mode-vertical-rl{
  writing-mode: vertical-rl;
}

.tw2 .tw2-outline-kanban-list-drop-outline-style{
  outline-style: var(--kanban-list-drop-outline-style);
}

.tw2 .\[-ms-overflow-style\:auto\]{
  -ms-overflow-style: auto;
}

.tw2 .\[clip-path\:rect\(1px_1px\2c _1px\2c _1px\)\]{
  clip-path: rect(1px 1px, 1px, 1px);
}

.tw2 .\[container-type\:inline-size\]{
  container-type: inline-size;
}

.tw2 .\[overflow-wrap\:anywhere\]{
  overflow-wrap: anywhere;
}

.tw2 .\[scrollbar-color\:transparent_transparent\]{
  scrollbar-color: transparent transparent;
}

.tw2 .\[scrollbar-gutter\:stable\]{
  scrollbar-gutter: stable;
}

/* Keep input/select text inheritance behavior from ZapKit index.css */

.tw2 .placeholder\:tw2-text-field-placeholder-text::-moz-placeholder{
  color: var(--field-placeholder-text);
}

.tw2 .placeholder\:tw2-text-field-placeholder-text::placeholder{
  color: var(--field-placeholder-text);
}

.tw2 .empty\:tw2-hidden:empty{
  display: none;
}

.tw2 .hover\:tw2--translate-y-px:hover{
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .hover\:tw2-rounded-dropdown:hover{
  border-radius: var(--radius-dropdown);
}

.tw2 .hover\:tw2-border-btn-secondary-border-hover:hover{
  border-color: var(--btn-secondary-border-hover);
}

.tw2 .hover\:tw2-border-card-border-hover:hover{
  border-color: var(--card-border-hover);
}

.tw2 .hover\:tw2-border-card-border-selected-hover:hover{
  border-color: var(--card-border-selected-hover);
}

.tw2 .hover\:tw2-border-checkbox-border-hover:hover{
  border-color: var(--checkbox-border-hover);
}

.tw2 .hover\:tw2-border-checkbox-border-selected-hover:hover{
  border-color: var(--checkbox-border-selected-hover);
}

.tw2 .hover\:tw2-border-dropdown-border-hover:hover{
  border-color: var(--dropdown-border-hover);
}

.tw2 .hover\:tw2-border-field-border-error-hover:hover{
  border-color: var(--field-border-error-hover);
}

.tw2 .hover\:tw2-border-field-border-hover:hover{
  border-color: var(--field-border-hover);
}

.tw2 .hover\:tw2-border-radio-border-hover:hover{
  border-color: var(--radio-border-hover);
}

.tw2 .hover\:tw2-border-radio-border-selected-hover:hover{
  border-color: var(--radio-border-selected-hover);
}

.tw2 .hover\:tw2-border-tab-border-active-hover:hover{
  border-color: var(--tab-border-active-hover);
}

.tw2 .hover\:tw2-border-tab-border-hover:hover{
  border-color: var(--tab-border-hover);
}

.tw2 .hover\:tw2-bg-avatar-bg-hover:hover{
  background-color: var(--avatar-bg-hover);
}

.tw2 .hover\:tw2-bg-btn-danger-bg-hover:hover{
  background-color: var(--btn-danger-bg-hover);
}

.tw2 .hover\:tw2-bg-btn-ghost-bg-hover:hover{
  background-color: var(--btn-ghost-bg-hover);
}

.tw2 .hover\:tw2-bg-btn-primary-bg-hover:hover{
  background-color: var(--btn-primary-bg-hover);
}

.tw2 .hover\:tw2-bg-btn-secondary-bg-hover:hover{
  background-color: var(--btn-secondary-bg-hover);
}

.tw2 .hover\:tw2-bg-card-bg-hover:hover{
  background-color: var(--card-bg-hover);
}

.tw2 .hover\:tw2-bg-card-bg-selected-hover:hover{
  background-color: var(--card-bg-selected-hover);
}

.tw2 .hover\:tw2-bg-checkbox-bg-hover:hover{
  background-color: var(--checkbox-bg-hover);
}

.tw2 .hover\:tw2-bg-checkbox-bg-selected-hover:hover{
  background-color: var(--checkbox-bg-selected-hover);
}

.tw2 .hover\:tw2-bg-dropdown-bg-hover:hover{
  background-color: var(--dropdown-bg-hover);
}

.tw2 .hover\:tw2-bg-dropdown-bg-item-danger-hover:hover{
  background-color: var(--dropdown-bg-item-danger-hover);
}

.tw2 .hover\:tw2-bg-dropdown-bg-item-hover:hover{
  background-color: var(--dropdown-bg-item-hover);
}

.tw2 .hover\:tw2-bg-field-bg-error-hover:hover{
  background-color: var(--field-bg-error-hover);
}

.tw2 .hover\:tw2-bg-field-bg-hover:hover{
  background-color: var(--field-bg-hover);
}

.tw2 .hover\:tw2-bg-icon-btn-alert-bg-hover:hover{
  background-color: var(--icon-btn-alert-bg-hover);
}

.tw2 .hover\:tw2-bg-icon-btn-alert-help-bg-hover:hover{
  background-color: var(--icon-btn-alert-help-bg-hover);
}

.tw2 .hover\:tw2-bg-icon-btn-alert-info-bg-hover:hover{
  background-color: var(--icon-btn-alert-info-bg-hover);
}

.tw2 .hover\:tw2-bg-icon-btn-alert-success-bg-hover:hover{
  background-color: var(--icon-btn-alert-success-bg-hover);
}

.tw2 .hover\:tw2-bg-icon-btn-alert-warning-bg-hover:hover{
  background-color: var(--icon-btn-alert-warning-bg-hover);
}

.tw2 .hover\:tw2-bg-icon-btn-default-bg-hover:hover{
  background-color: var(--icon-btn-default-bg-hover);
}

.tw2 .hover\:tw2-bg-nav-item-bg-hover:hover{
  background-color: var(--nav-item-bg-hover);
}

.tw2 .hover\:tw2-bg-radio-bg-hover:hover{
  background-color: var(--radio-bg-hover);
}

.tw2 .hover\:tw2-bg-radio-bg-selected-hover:hover{
  background-color: var(--radio-bg-selected-hover);
}

.tw2 .hover\:tw2-bg-slate-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.tw2 .hover\:tw2-bg-table-row-bg-hover:hover{
  background-color: var(--table-row-bg-hover);
}

.tw2 .hover\:tw2-bg-table-row-bg-selected:hover{
  background-color: var(--table-row-bg-selected);
}

.tw2 .hover\:tw2-text-icon-btn-alert-help-text-hover:hover{
  color: var(--icon-btn-alert-help-text-hover);
}

.tw2 .hover\:tw2-text-icon-btn-alert-info-text-hover:hover{
  color: var(--icon-btn-alert-info-text-hover);
}

.tw2 .hover\:tw2-text-icon-btn-alert-success-text-hover:hover{
  color: var(--icon-btn-alert-success-text-hover);
}

.tw2 .hover\:tw2-text-icon-btn-alert-text-hover:hover{
  color: var(--icon-btn-alert-text-hover);
}

.tw2 .hover\:tw2-text-icon-btn-alert-warning-text-hover:hover{
  color: var(--icon-btn-alert-warning-text-hover);
}

.tw2 .hover\:tw2-text-icon-btn-default-text-hover:hover{
  color: var(--icon-btn-default-text-hover);
}

.tw2 .hover\:tw2-text-link-secondary-hover:hover{
  color: var(--link-secondary-hover);
}

.tw2 .hover\:tw2-text-primary:hover{
  color: var(--text-primary);
}

.tw2 .hover\:tw2-text-secondary:hover{
  color: var(--text-secondary);
}

.tw2 .hover\:tw2-text-tab-text-inactive-hover:hover{
  color: var(--tab-text-inactive-hover);
}

.tw2 .hover\:tw2-opacity-80:hover{
  opacity: 0.8;
}

.tw2 .hover\:tw2-shadow-none:hover{
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .hover\:tw2-shadow-sm:hover{
  --tw-shadow: var(--shadow-sm);
  --tw-shadow-colored: var(--shadow-sm);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .hover\:\[scrollbar-color\:rgba\(148\2c 163\2c 184\2c 0\.7\)_transparent\]:hover{
  scrollbar-color: rgba(148,163,184,0.7) transparent;
}

.tw2 .focus\:tw2-border-dropdown-border-pressed:focus{
  border-color: var(--dropdown-border-pressed);
}

.tw2 .focus\:tw2-border-field-border-error-pressed:focus{
  border-color: var(--field-border-error-pressed);
}

.tw2 .focus\:tw2-bg-dropdown-bg-focus:focus{
  background-color: var(--dropdown-bg-focus);
}

.tw2 .focus-visible\:tw2-border-btn-secondary-border-focus:focus-visible{
  border-color: var(--btn-secondary-border-focus);
}

.tw2 .focus-visible\:tw2-border-field-border-error-pressed:focus-visible{
  border-color: var(--field-border-error-pressed);
}

.tw2 .focus-visible\:tw2-border-field-border-pressed:focus-visible{
  border-color: var(--field-border-pressed);
}

.tw2 .focus-visible\:\!tw2-bg-btn-ghost-bg-focus:focus-visible{
  background-color: var(--btn-ghost-bg-focus) !important;
}

.tw2 .focus-visible\:tw2-bg-btn-danger-bg-focus:focus-visible{
  background-color: var(--btn-danger-bg-focus);
}

.tw2 .focus-visible\:tw2-bg-btn-primary-bg-focus:focus-visible{
  background-color: var(--btn-primary-bg-focus);
}

.tw2 .focus-visible\:tw2-bg-btn-secondary-bg-focus:focus-visible{
  background-color: var(--btn-secondary-bg-focus);
}

.tw2 .focus-visible\:tw2-bg-field-bg-error-focus:focus-visible{
  background-color: var(--field-bg-error-focus);
}

.tw2 .focus-visible\:tw2-bg-field-bg-focus:focus-visible{
  background-color: var(--field-bg-focus);
}

.tw2 .focus-visible\:tw2-opacity-100:focus-visible{
  opacity: 1;
}

.tw2 .focus-visible\:tw2-shadow-xs:focus-visible{
  --tw-shadow: var(--shadow-xs);
  --tw-shadow-colored: var(--shadow-xs);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .focus-visible\:tw2-outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.tw2 .focus-visible\:tw2-outline-2:focus-visible{
  outline-width: 2px;
}

.tw2 .focus-visible\:tw2-outline-offset-0:focus-visible{
  outline-offset: 0px;
}

.tw2 .focus-visible\:tw2-outline-offset-1:focus-visible{
  outline-offset: 1px;
}

.tw2 .focus-visible\:tw2-outline-offset-2:focus-visible{
  outline-offset: 2px;
}

.tw2 .focus-visible\:tw2-outline-btn-danger-bg-focus:focus-visible{
  outline-color: var(--btn-danger-bg-focus);
}

.tw2 .focus-visible\:tw2-outline-btn-ghost-text-default:focus-visible{
  outline-color: var(--btn-ghost-text-default);
}

.tw2 .focus-visible\:tw2-outline-btn-primary-bg-focus:focus-visible{
  outline-color: var(--btn-primary-bg-focus);
}

.tw2 .focus-visible\:tw2-outline-btn-secondary-border-focus:focus-visible{
  outline-color: var(--btn-secondary-border-focus);
}

.tw2 .focus-visible\:tw2-outline-current:focus-visible{
  outline-color: currentColor;
}

.tw2 .focus-visible\:tw2-outline-icon-btn-outline-focus:focus-visible{
  outline-color: var(--icon-btn-outline-focus);
}

.tw2 .focus-visible\:tw2-outline-tab-border-active:focus-visible{
  outline-color: var(--tab-border-active);
}

.tw2 .focus-visible\:tw2-ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.tw2 .focus-visible\:tw2-ring-field-ring-error:focus-visible{
  --tw-ring-color: var(--field-ring-error);
}

.tw2 .focus-visible\:tw2-ring-field-ring-focus:focus-visible{
  --tw-ring-color: var(--field-ring-focus);
}

.tw2 .focus-visible\:tw2-ring-nav-item-focus-ring:focus-visible{
  --tw-ring-color: var(--nav-item-focus-ring);
}

.tw2 .focus-visible\:tw2-ring-offset-0:focus-visible{
  --tw-ring-offset-width: 0px;
}

.tw2 .focus-visible\:tw2-ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}

.tw2 .active\:tw2-translate-y-px:active{
  --tw-translate-y: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .active\:tw2-cursor-grabbing:active{
  cursor: grabbing;
}

.tw2 .active\:\!tw2-border-transparent:active{
  border-color: transparent !important;
}

.tw2 .active\:tw2-border-btn-secondary-border-pressed:active{
  border-color: var(--btn-secondary-border-pressed);
}

.tw2 .active\:tw2-border-card-border-pressed:active{
  border-color: var(--card-border-pressed);
}

.tw2 .active\:tw2-border-checkbox-border-pressed:active{
  border-color: var(--checkbox-border-pressed);
}

.tw2 .active\:tw2-border-checkbox-border-selected-pressed:active{
  border-color: var(--checkbox-border-selected-pressed);
}

.tw2 .active\:tw2-border-dropdown-border-pressed:active{
  border-color: var(--dropdown-border-pressed);
}

.tw2 .active\:tw2-border-field-border-error-pressed:active{
  border-color: var(--field-border-error-pressed);
}

.tw2 .active\:tw2-border-field-border-pressed:active{
  border-color: var(--field-border-pressed);
}

.tw2 .active\:tw2-border-radio-border-pressed:active{
  border-color: var(--radio-border-pressed);
}

.tw2 .active\:tw2-border-radio-border-selected-pressed:active{
  border-color: var(--radio-border-selected-pressed);
}

.tw2 .active\:tw2-border-tab-border-active-pressed:active{
  border-color: var(--tab-border-active-pressed);
}

.tw2 .active\:tw2-border-tab-border-pressed:active{
  border-color: var(--tab-border-pressed);
}

.tw2 .active\:\!tw2-bg-transparent:active{
  background-color: transparent !important;
}

.tw2 .active\:tw2-bg-avatar-bg-pressed:active{
  background-color: var(--avatar-bg-pressed);
}

.tw2 .active\:tw2-bg-btn-danger-bg-pressed:active{
  background-color: var(--btn-danger-bg-pressed);
}

.tw2 .active\:tw2-bg-btn-ghost-bg-pressed:active{
  background-color: var(--btn-ghost-bg-pressed);
}

.tw2 .active\:tw2-bg-btn-primary-bg-pressed:active{
  background-color: var(--btn-primary-bg-pressed);
}

.tw2 .active\:tw2-bg-btn-secondary-bg-pressed:active{
  background-color: var(--btn-secondary-bg-pressed);
}

.tw2 .active\:tw2-bg-card-bg-pressed:active{
  background-color: var(--card-bg-pressed);
}

.tw2 .active\:tw2-bg-checkbox-bg-pressed:active{
  background-color: var(--checkbox-bg-pressed);
}

.tw2 .active\:tw2-bg-checkbox-bg-selected-pressed:active{
  background-color: var(--checkbox-bg-selected-pressed);
}

.tw2 .active\:tw2-bg-dropdown-bg-item-danger-pressed:active{
  background-color: var(--dropdown-bg-item-danger-pressed);
}

.tw2 .active\:tw2-bg-dropdown-bg-pressed:active{
  background-color: var(--dropdown-bg-pressed);
}

.tw2 .active\:tw2-bg-field-bg-error-pressed:active{
  background-color: var(--field-bg-error-pressed);
}

.tw2 .active\:tw2-bg-field-bg-pressed:active{
  background-color: var(--field-bg-pressed);
}

.tw2 .active\:tw2-bg-nav-item-bg-pressed:active{
  background-color: var(--nav-item-bg-pressed);
}

.tw2 .active\:tw2-bg-radio-bg-pressed:active{
  background-color: var(--radio-bg-pressed);
}

.tw2 .active\:tw2-bg-radio-bg-selected-pressed:active{
  background-color: var(--radio-bg-selected-pressed);
}

.tw2 .active\:tw2-text-tab-text-inactive-hover:active{
  color: var(--tab-text-inactive-hover);
}

.tw2 .active\:tw2-opacity-80:active{
  opacity: 0.8;
}

.tw2 .active\:tw2-shadow-2xs:active{
  --tw-shadow: var(--shadow-2xs);
  --tw-shadow-colored: var(--shadow-2xs);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .active\:tw2-shadow-none:active{
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .active\:tw2-shadow-xs:active{
  --tw-shadow: var(--shadow-xs);
  --tw-shadow-colored: var(--shadow-xs);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 .disabled\:tw2-pointer-events-none:disabled{
  pointer-events: none;
}

.tw2 .disabled\:tw2-translate-y-0:disabled{
  --tw-translate-y: var(--spacing-0);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw2 .disabled\:tw2-cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.tw2 .disabled\:tw2-border-0:disabled{
  border-width: var(--border-width-0);
}

.tw2 .disabled\:tw2-bg-btn-danger-bg-disabled:disabled{
  background-color: var(--btn-danger-bg-disabled);
}

.tw2 .disabled\:tw2-bg-btn-ghost-bg-disabled:disabled{
  background-color: var(--btn-ghost-bg-disabled);
}

.tw2 .disabled\:tw2-bg-btn-primary-bg-disabled:disabled{
  background-color: var(--btn-primary-bg-disabled);
}

.tw2 .disabled\:tw2-bg-btn-secondary-bg-disabled:disabled{
  background-color: var(--btn-secondary-bg-disabled);
}

.tw2 .disabled\:tw2-text-btn-danger-text-disabled:disabled{
  color: var(--btn-danger-text-disabled);
}

.tw2 .disabled\:tw2-text-btn-ghost-text-disabled:disabled{
  color: var(--btn-ghost-text-disabled);
}

.tw2 .disabled\:tw2-text-btn-primary-text-disabled:disabled{
  color: var(--btn-primary-text-disabled);
}

.tw2 .disabled\:tw2-text-btn-secondary-text-disabled:disabled{
  color: var(--btn-secondary-text-disabled);
}

.tw2 .disabled\:tw2-shadow-none:disabled{
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 :is(.tw2-group:focus-within .group-focus-within\:tw2-rounded-field){
  border-radius: var(--radius-field);
}

.tw2 :is(.tw2-group:focus-within .group-focus-within\:\!tw2-border-field-border-error-pressed){
  border-color: var(--field-border-error-pressed) !important;
}

.tw2 :is(.tw2-group:focus-within .group-focus-within\:\!tw2-border-field-border-pressed){
  border-color: var(--field-border-pressed) !important;
}

.tw2 :is(.tw2-group:focus-within .group-focus-within\:\!tw2-bg-field-bg-error-focus){
  background-color: var(--field-bg-error-focus) !important;
}

.tw2 :is(.tw2-group:focus-within .group-focus-within\:\!tw2-bg-field-bg-focus){
  background-color: var(--field-bg-focus) !important;
}

.tw2 :is(.tw2-group:focus-within .group-focus-within\:tw2-ring-2){
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.tw2 :is(.tw2-group:focus-within .group-focus-within\:tw2-ring-field-ring-error){
  --tw-ring-color: var(--field-ring-error);
}

.tw2 :is(.tw2-group:focus-within .group-focus-within\:tw2-ring-field-ring-focus){
  --tw-ring-color: var(--field-ring-focus);
}

.tw2 :is(.tw2-group:focus-within .group-focus-within\:tw2-ring-offset-0){
  --tw-ring-offset-width: 0px;
}

.tw2 :is(.tw2-group:hover .group-hover\:tw2-border-field-border-error-hover){
  border-color: var(--field-border-error-hover);
}

.tw2 :is(.tw2-group:hover .group-hover\:tw2-border-field-border-hover){
  border-color: var(--field-border-hover);
}

.tw2 :is(.tw2-group:hover .group-hover\:tw2-bg-field-bg-error-hover){
  background-color: var(--field-bg-error-hover);
}

.tw2 :is(.tw2-group:hover .group-hover\:tw2-bg-field-bg-hover){
  background-color: var(--field-bg-hover);
}

.tw2 :is(.tw2-group:hover .group-hover\:tw2-opacity-100){
  opacity: 1;
}

.tw2 :is(.tw2-group:hover .group-hover\:tw2-shadow-sm){
  --tw-shadow: var(--shadow-sm);
  --tw-shadow-colored: var(--shadow-sm);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw2 :is(.tw2-peer:focus-visible ~ .peer-focus-visible\:tw2-outline-none){
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.tw2 :is(.tw2-peer:focus-visible ~ .peer-focus-visible\:tw2-outline-2){
  outline-width: 2px;
}

.tw2 :is(.tw2-peer:focus-visible ~ .peer-focus-visible\:tw2-outline-offset-2){
  outline-offset: 2px;
}

.tw2 :is(.tw2-peer:focus-visible ~ .peer-focus-visible\:tw2-outline-radio-border-selected){
  outline-color: var(--radio-border-selected);
}

.tw2 :is(.tw2-peer:focus-visible ~ .peer-focus-visible\:tw2-ring-2){
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.tw2 :is(.tw2-peer:focus-visible ~ .peer-focus-visible\:tw2-ring-checkbox-border-default){
  --tw-ring-color: var(--checkbox-border-default);
}

.tw2 :is(.tw2-peer:focus-visible ~ .peer-focus-visible\:tw2-ring-checkbox-border-selected){
  --tw-ring-color: var(--checkbox-border-selected);
}

.tw2 :is(.tw2-peer:focus-visible ~ .peer-focus-visible\:tw2-ring-offset-2){
  --tw-ring-offset-width: 2px;
}

.tw2 .has-\[\:focus-visible\]\:tw2-outline-none:has(:focus-visible){
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.tw2 .has-\[\:focus-visible\]\:tw2-ring-2:has(:focus-visible){
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.tw2 .has-\[\:focus-visible\]\:tw2-ring-checkbox-border-default:has(:focus-visible){
  --tw-ring-color: var(--checkbox-border-default);
}

.tw2 .has-\[\:focus-visible\]\:tw2-ring-checkbox-border-selected:has(:focus-visible){
  --tw-ring-color: var(--checkbox-border-selected);
}

.tw2 .has-\[\:focus-visible\]\:tw2-ring-offset-2:has(:focus-visible){
  --tw-ring-offset-width: 2px;
}

@media (prefers-reduced-motion: reduce){
  .tw2 .motion-reduce\:tw2-transition-none{
    transition-property: none;
  }

  .tw2 .motion-reduce\:tw2-delay-0{
    transition-delay: 0s;
  }
}

@media (min-width: var(--breakpoint-md)){
  .tw2 .md\:tw2-grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: var(--breakpoint-xl)){
  .tw2 .xl\:tw2-grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.tw2 .\[\&\:\:-webkit-scrollbar-thumb\]\:tw2-rounded-full::-webkit-scrollbar-thumb{
  border-radius: 9999px;
}

.tw2 .\[\&\:\:-webkit-scrollbar-thumb\]\:tw2-bg-transparent::-webkit-scrollbar-thumb{
  background-color: transparent;
}

.tw2 .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:tw2-bg-slate-300\/70::-webkit-scrollbar-thumb:hover{
  background-color: rgb(203 213 225 / 0.7);
}

.tw2 .\[\&\:\:-webkit-scrollbar-track\]\:tw2-bg-transparent::-webkit-scrollbar-track{
  background-color: transparent;
}

.tw2 .\[\&\:first-child\]\:tw2-rounded-tl-table:first-child{
  border-top-left-radius: var(--radius-table);
}

.tw2 .\[\&\:last-child\]\:tw2-rounded-tr-table:last-child{
  border-top-right-radius: var(--radius-table);
}

.tw2 :is(.\[\&\:last-child_td\:first-child\]\:tw2-rounded-bl-table:last-child td:first-child){
  border-bottom-left-radius: var(--radius-table);
}

.tw2 :is(.\[\&\:last-child_td\:last-child\]\:tw2-rounded-br-table:last-child td:last-child){
  border-bottom-right-radius: var(--radius-table);
}

.tw2 :is(.\[\&_\*\]\:tw2-pointer-events-none *){
  pointer-events: none;
}

.tw2 :is(.\[\&_svg\]\:tw2-h-3 svg){
  height: var(--spacing-3);
}

.tw2 :is(.\[\&_svg\]\:tw2-w-3 svg){
  width: var(--spacing-3);
}

.tw2 :is(.\[\&_svg\]\:tw2-shrink-0 svg){
  flex-shrink: 0;
}