html {
  --background-codeBlock: var(--color-grey-50);
  --background-error: var(--color-red-50);
  --background-hoverFilled: var(--color-grey-50);
  --background-hoverOverlay: rgba(0, 0, 0, 0.05);
  --background-modal: rgba(0, 0, 0, 0.7);
  --background-overlay: var(--color-grey-0);
  --background-primary: var(--color-grey-0);
  --background-processing: var(--color-blue-50);
  --background-secondary: var(--color-grey-50);
  --background-success: var(--color-green-50);
  --background-tertiary: var(--color-grey-100);
  --background-warning: var(--color-orange-50);
  --border-default: var(--color-grey-100);
  --border-error: var(--color-red-500);
  --border-focus: var(--color-brand-500);
  --border-inverse: rgba(255, 255, 255, 0.55);
  --border-strong: var(--color-grey-200);
  --border-subtle: rgba(0, 0, 0, 0.1);
  --border-success: var(--color-green-500);
  --color-blue-100: #e6f5ff;
  --color-blue-200: #b3e0ff;
  --color-blue-300: #84cfff;
  --color-blue-400: #53b2ef;
  --color-blue-50: #f0f9ff;
  --color-blue-500: #4ab1fa;
  --color-blue-600: #1e96eb;
  --color-blue-700: #0077cb;
  --color-blue-800: #005a9e;
  --color-blue-900: #002742;
  --color-brand-100: #b3e0ff;
  --color-brand-200: #80cbff;
  --color-brand-300: #4db6ff;
  --color-brand-400: #29a3fa;
  --color-brand-50: #e6f5ff;
  --color-brand-500: #1e96eb;
  --color-brand-600: #0077cb;
  --color-brand-700: #005a9e;
  --color-brand-800: #003d70;
  --color-brand-900: #002742;
  --color-green-100: #dcfdd7;
  --color-green-200: #b4f5a7;
  --color-green-300: #69b87d;
  --color-green-400: #22bf07;
  --color-green-50: #f1fdf4;
  --color-green-500: #44b931;
  --color-green-600: #1d9c07;
  --color-green-700: #1c3027;
  --color-green-800: #143d1a;
  --color-green-900: #0c260f;
  --color-grey-0: #ffffff;
  --color-grey-100: #e6e6e6;
  --color-grey-150: #cdcdcd;
  --color-grey-200: #b3b3b3;
  --color-grey-25: #f9f9f9;
  --color-grey-300: #929292;
  --color-grey-400: #7a7a7a;
  --color-grey-50: #f5f5f5;
  --color-grey-500: #565656;
  --color-grey-600: #414141;
  --color-grey-700: #252525;
  --color-grey-800: #141414;
  --color-grey-900: #000000;
  --color-magenta-100: #ffecf6;
  --color-magenta-200: #ffd6eb;
  --color-magenta-300: #f37fba;
  --color-magenta-400: #e660a4;
  --color-magenta-50: #fefaff;
  --color-magenta-500: #cc4187;
  --color-magenta-600: #a3336b;
  --color-magenta-700: #831f54;
  --color-magenta-800: #5c1f3d;
  --color-magenta-900: #3d0f26;
  --color-orange-100: #ffebd5;
  --color-orange-200: #ffd4a8;
  --color-orange-300: #ffae63;
  --color-orange-400: #ff8c38;
  --color-orange-50: #fff7ee;
  --color-orange-500: #f97316;
  --color-orange-600: #ea580c;
  --color-orange-700: #c2410c;
  --color-orange-800: #9a3412;
  --color-orange-900: #7c2d12;
  --color-purple-100: #ede9ff;
  --color-purple-200: #d4c7ff;
  --color-purple-300: #9681ef;
  --color-purple-400: #8b5cf6;
  --color-purple-50: #f9f7ff;
  --color-purple-500: #7c3aed;
  --color-purple-600: #6e52df;
  --color-purple-700: #5b21b6;
  --color-purple-800: #4c1d95;
  --color-purple-900: #3b0764;
  --color-red-100: #fce5e6;
  --color-red-200: #ff9a9a;
  --color-red-300: #f45353;
  --color-red-400: #f43f48;
  --color-red-50: #fff4f5;
  --color-red-500: #ed3f3f;
  --color-red-600: #c83030;
  --color-red-700: #a02626;
  --color-red-800: #6b1a1a;
  --color-red-900: #460606;
  --color-teal-100: #d7fbf6;
  --color-teal-200: #b0f5ec;
  --color-teal-300: #8be7dc;
  --color-teal-400: #5dd3c8;
  --color-teal-50: #eefffd;
  --color-teal-500: #448e86;
  --color-teal-600: #2d6b64;
  --color-teal-700: #1f4d47;
  --color-teal-800: #153735;
  --color-teal-900: #0c2422;
  --color-yellow-100: #fef3c7;
  --color-yellow-200: #fde68a;
  --color-yellow-300: #fde047;
  --color-yellow-400: #facc15;
  --color-yellow-50: #fdfcf4;
  --color-yellow-500: #eab308;
  --color-yellow-600: #ca8a04;
  --color-yellow-700: #a16207;
  --color-yellow-800: #854d0e;
  --color-yellow-900: #713f12;
  --divider-default: rgba(146, 146, 146, 0.22);
  --divider-strong: var(--color-grey-100);
  --font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-sans-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-mono-family: "Berkeley Mono", "Source Code Pro", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  --font-code-family: "Berkeley Mono", "Source Code Pro", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  --font-number-family: Inter, -apple-system, BlinkMacSystemFont, "Tabular Nums", sans-serif;
  --font-serif-family: "Source Serif 4", Georgia, "Times New Roman", serif;
  --icon-active: var(--color-brand-500);
  --icon-disabled: var(--color-grey-200);
  --icon-error: var(--color-red-500);
  --icon-inverse: var(--color-grey-0);
  --icon-primary: var(--color-grey-400);
  --icon-secondary: var(--color-grey-200);
  --icon-success: var(--color-green-500);
  --icon-tertiary: var(--color-grey-150);
  --icon-warning: var(--color-orange-500);
  --interactive-checkbox: var(--color-brand-500);
  --interactive-disabled: var(--color-grey-200);
  --interactive-error: var(--color-red-500);
  --interactive-errorHover: var(--color-red-600);
  --interactive-focus: var(--color-brand-500);
  --interactive-primary: var(--color-brand-500);
  --interactive-primaryActive: var(--color-brand-700);
  --interactive-primaryHover: var(--color-brand-600);
  --interactive-secondary: var(--color-grey-0);
  --interactive-secondaryHover: var(--color-grey-50);
  --interactive-success: var(--color-green-500);
  --interactive-successHover: var(--color-green-600);
  --selection-background: rgba(30, 150, 235, 0.08);
  --selection-border: var(--color-brand-500);
  --selection-text: var(--color-brand-500);
  --shadow-active: 0 0 0 2px rgba(30, 150, 235, 0.3);
  --shadow-button: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  --shadow-buttonInner: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
  --shadow-dropdown: 0 3px 10px 0 rgba(0, 0, 0, 0.12);
  --shadow-focusRing: 0 0 0 2px rgba(30, 150, 235, 0.4);
  --shadow-lg: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --shadow-menu: 0 4px 16px 0 rgba(0, 0, 0, 0.14);
  --shadow-modal: 0 10px 32px 0 rgba(0, 0, 0, 0.25);
  --shadow-overlay: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
  --shadow-popover: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
  --shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  --shadow-toolbar: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 20px 40px 0 rgba(0, 0, 0, 0.3);
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --status-error: var(--color-red-500);
  --status-errorBackground: var(--color-red-50);
  --status-info: var(--color-blue-500);
  --status-infoBackground: var(--color-blue-50);
  --status-success: var(--color-green-500);
  --status-successBackground: var(--color-green-50);
  --status-warning: var(--color-orange-500);
  --status-warningBackground: var(--color-orange-50);
  --surface-loading: var(--color-brand-500);
  --surface-loadingBackground: rgba(0, 0, 0, 0.1);
  --surface-skeleton: var(--color-grey-100);
  --surface-tooltip: var(--color-grey-900);
  --surface-tooltipText: var(--color-grey-0);
  --text-disabled: var(--color-grey-400);
  --text-emphasis: var(--color-brand-500);
  --text-inverse: var(--color-grey-0);
  --text-link: var(--color-brand-700);
  --text-placeholder: var(--color-grey-300);
  --text-primary: var(--color-grey-800);
  --text-secondary: var(--color-grey-400);
  --text-tertiary: var(--color-grey-300);
  --toggle-backgroundDisabled: var(--color-grey-200);
  --toggle-backgroundOff: var(--color-grey-300);
  --toggle-backgroundOn: var(--color-brand-500);
  --toggle-foreground: var(--color-grey-0);
  --toggle-foregroundDisabled: var(--color-grey-100);
  --glass-bgBase: rgba(27, 27, 27, 0.75);
  --glass-bgSurface: rgba(34, 34, 34, 0.6);
  --glass-bgElevated: rgba(44, 44, 44, 0.5);
  --glass-bgHover: rgba(255, 255, 255, 0.08);
  --glass-bgSelected: rgba(255, 255, 255, 0.15);
  --glass-bgActive: rgba(255, 255, 255, 0.12);
  --glass-borderSubtle: rgba(255, 255, 255, 0.08);
  --glass-borderDefault: rgba(255, 255, 255, 0.12);
  --glass-borderStrong: rgba(255, 255, 255, 0.2);
  --glass-textPrimary: rgba(255, 255, 255, 0.95);
  --glass-textSecondary: rgba(255, 255, 255, 0.6);
  --glass-textTertiary: rgba(255, 255, 255, 0.4);
  --glass-textDisabled: rgba(255, 255, 255, 0.25);
  --glass-iconPrimary: rgba(255, 255, 255, 0.9);
  --glass-iconSecondary: rgba(255, 255, 255, 0.6);
  --glass-iconTertiary: rgba(255, 255, 255, 0.4);
  --glass-iconDisabled: rgba(255, 255, 255, 0.25);
  --glass-dividerDefault: rgba(255, 255, 255, 0.08);
  --glass-dividerStrong: rgba(255, 255, 255, 0.15);
  --glass-shadowGlow: 0 0 8px rgba(255, 255, 255, 0.15), 0 0 20px rgba(255, 255, 255, 0.08);
  --glass-blur: 16px;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-transparent: transparent;
  font-family: var(--font-family);
}
html[data-theme="light"] {
  --background-codeBlock: var(--color-grey-50);
  --background-error: var(--color-red-50);
  --background-hoverFilled: var(--color-grey-50);
  --background-hoverOverlay: rgba(0, 0, 0, 0.05);
  --background-modal: rgba(0, 0, 0, 0.7);
  --background-overlay: var(--color-grey-0);
  --background-primary: var(--color-grey-0);
  --background-processing: var(--color-blue-50);
  --background-secondary: var(--color-grey-50);
  --background-success: var(--color-green-50);
  --background-tertiary: var(--color-grey-100);
  --background-warning: var(--color-orange-50);
  --border-default: var(--color-grey-100);
  --border-error: var(--color-red-500);
  --border-focus: var(--color-brand-500);
  --border-inverse: rgba(255, 255, 255, 0.55);
  --border-strong: var(--color-grey-200);
  --border-subtle: rgba(0, 0, 0, 0.1);
  --border-success: var(--color-green-500);
  --color-blue-100: #e6f5ff;
  --color-blue-200: #b3e0ff;
  --color-blue-300: #84cfff;
  --color-blue-400: #53b2ef;
  --color-blue-50: #f0f9ff;
  --color-blue-500: #4ab1fa;
  --color-blue-600: #1e96eb;
  --color-blue-700: #0077cb;
  --color-blue-800: #005a9e;
  --color-blue-900: #002742;
  --color-brand-100: #b3e0ff;
  --color-brand-200: #80cbff;
  --color-brand-300: #4db6ff;
  --color-brand-400: #29a3fa;
  --color-brand-50: #e6f5ff;
  --color-brand-500: #1e96eb;
  --color-brand-600: #0077cb;
  --color-brand-700: #005a9e;
  --color-brand-800: #003d70;
  --color-brand-900: #002742;
  --color-green-100: #dcfdd7;
  --color-green-200: #b4f5a7;
  --color-green-300: #69b87d;
  --color-green-400: #22bf07;
  --color-green-50: #f1fdf4;
  --color-green-500: #44b931;
  --color-green-600: #1d9c07;
  --color-green-700: #1c3027;
  --color-green-800: #143d1a;
  --color-green-900: #0c260f;
  --color-grey-0: #ffffff;
  --color-grey-100: #e6e6e6;
  --color-grey-150: #cdcdcd;
  --color-grey-200: #b3b3b3;
  --color-grey-25: #f9f9f9;
  --color-grey-300: #929292;
  --color-grey-400: #7a7a7a;
  --color-grey-50: #f5f5f5;
  --color-grey-500: #565656;
  --color-grey-600: #414141;
  --color-grey-700: #252525;
  --color-grey-800: #141414;
  --color-grey-900: #000000;
  --color-magenta-100: #ffecf6;
  --color-magenta-200: #ffd6eb;
  --color-magenta-300: #f37fba;
  --color-magenta-400: #e660a4;
  --color-magenta-50: #fefaff;
  --color-magenta-500: #cc4187;
  --color-magenta-600: #a3336b;
  --color-magenta-700: #831f54;
  --color-magenta-800: #5c1f3d;
  --color-magenta-900: #3d0f26;
  --color-orange-100: #ffebd5;
  --color-orange-200: #ffd4a8;
  --color-orange-300: #ffae63;
  --color-orange-400: #ff8c38;
  --color-orange-50: #fff7ee;
  --color-orange-500: #f97316;
  --color-orange-600: #ea580c;
  --color-orange-700: #c2410c;
  --color-orange-800: #9a3412;
  --color-orange-900: #7c2d12;
  --color-purple-100: #ede9ff;
  --color-purple-200: #d4c7ff;
  --color-purple-300: #9681ef;
  --color-purple-400: #8b5cf6;
  --color-purple-50: #f9f7ff;
  --color-purple-500: #7c3aed;
  --color-purple-600: #6e52df;
  --color-purple-700: #5b21b6;
  --color-purple-800: #4c1d95;
  --color-purple-900: #3b0764;
  --color-red-100: #fce5e6;
  --color-red-200: #ff9a9a;
  --color-red-300: #f45353;
  --color-red-400: #f43f48;
  --color-red-50: #fff4f5;
  --color-red-500: #ed3f3f;
  --color-red-600: #c83030;
  --color-red-700: #a02626;
  --color-red-800: #6b1a1a;
  --color-red-900: #460606;
  --color-teal-100: #d7fbf6;
  --color-teal-200: #b0f5ec;
  --color-teal-300: #8be7dc;
  --color-teal-400: #5dd3c8;
  --color-teal-50: #eefffd;
  --color-teal-500: #448e86;
  --color-teal-600: #2d6b64;
  --color-teal-700: #1f4d47;
  --color-teal-800: #153735;
  --color-teal-900: #0c2422;
  --color-yellow-100: #fef3c7;
  --color-yellow-200: #fde68a;
  --color-yellow-300: #fde047;
  --color-yellow-400: #facc15;
  --color-yellow-50: #fdfcf4;
  --color-yellow-500: #eab308;
  --color-yellow-600: #ca8a04;
  --color-yellow-700: #a16207;
  --color-yellow-800: #854d0e;
  --color-yellow-900: #713f12;
  --divider-default: rgba(146, 146, 146, 0.22);
  --divider-strong: var(--color-grey-100);
  --font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-sans-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-mono-family: "Berkeley Mono", "Source Code Pro", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  --font-code-family: "Berkeley Mono", "Source Code Pro", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  --font-number-family: Inter, -apple-system, BlinkMacSystemFont, "Tabular Nums", sans-serif;
  --font-serif-family: "Source Serif 4", Georgia, "Times New Roman", serif;
  --icon-active: var(--color-brand-500);
  --icon-disabled: var(--color-grey-200);
  --icon-error: var(--color-red-500);
  --icon-inverse: var(--color-grey-0);
  --icon-primary: var(--color-grey-400);
  --icon-secondary: var(--color-grey-200);
  --icon-success: var(--color-green-500);
  --icon-tertiary: var(--color-grey-150);
  --icon-warning: var(--color-orange-500);
  --interactive-checkbox: var(--color-brand-500);
  --interactive-disabled: var(--color-grey-200);
  --interactive-error: var(--color-red-500);
  --interactive-errorHover: var(--color-red-600);
  --interactive-focus: var(--color-brand-500);
  --interactive-primary: var(--color-brand-500);
  --interactive-primaryActive: var(--color-brand-700);
  --interactive-primaryHover: var(--color-brand-600);
  --interactive-secondary: var(--color-grey-0);
  --interactive-secondaryHover: var(--color-grey-50);
  --interactive-success: var(--color-green-500);
  --interactive-successHover: var(--color-green-600);
  --selection-background: rgba(30, 150, 235, 0.08);
  --selection-border: var(--color-brand-500);
  --selection-text: var(--color-brand-500);
  --shadow-active: 0 0 0 2px rgba(30, 150, 235, 0.3);
  --shadow-button: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  --shadow-buttonInner: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
  --shadow-dropdown: 0 3px 10px 0 rgba(0, 0, 0, 0.12);
  --shadow-focusRing: 0 0 0 2px rgba(30, 150, 235, 0.4);
  --shadow-lg: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --shadow-menu: 0 4px 16px 0 rgba(0, 0, 0, 0.14);
  --shadow-modal: 0 10px 32px 0 rgba(0, 0, 0, 0.25);
  --shadow-overlay: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
  --shadow-popover: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
  --shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  --shadow-toolbar: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 20px 40px 0 rgba(0, 0, 0, 0.3);
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --status-error: var(--color-red-500);
  --status-errorBackground: var(--color-red-50);
  --status-info: var(--color-blue-500);
  --status-infoBackground: var(--color-blue-50);
  --status-success: var(--color-green-500);
  --status-successBackground: var(--color-green-50);
  --status-warning: var(--color-orange-500);
  --status-warningBackground: var(--color-orange-50);
  --surface-loading: var(--color-brand-500);
  --surface-loadingBackground: rgba(0, 0, 0, 0.1);
  --surface-skeleton: var(--color-grey-100);
  --surface-tooltip: var(--color-grey-900);
  --surface-tooltipText: var(--color-grey-0);
  --text-disabled: var(--color-grey-400);
  --text-emphasis: var(--color-brand-500);
  --text-inverse: var(--color-grey-0);
  --text-link: var(--color-brand-700);
  --text-placeholder: var(--color-grey-300);
  --text-primary: var(--color-grey-800);
  --text-secondary: var(--color-grey-400);
  --text-tertiary: var(--color-grey-300);
  --toggle-backgroundDisabled: var(--color-grey-200);
  --toggle-backgroundOff: var(--color-grey-300);
  --toggle-backgroundOn: var(--color-brand-500);
  --toggle-foreground: var(--color-grey-0);
  --toggle-foregroundDisabled: var(--color-grey-100);
  --glass-bgBase: rgba(27, 27, 27, 0.75);
  --glass-bgSurface: rgba(34, 34, 34, 0.6);
  --glass-bgElevated: rgba(44, 44, 44, 0.5);
  --glass-bgHover: rgba(255, 255, 255, 0.08);
  --glass-bgSelected: rgba(255, 255, 255, 0.15);
  --glass-bgActive: rgba(255, 255, 255, 0.12);
  --glass-borderSubtle: rgba(255, 255, 255, 0.08);
  --glass-borderDefault: rgba(255, 255, 255, 0.12);
  --glass-borderStrong: rgba(255, 255, 255, 0.2);
  --glass-textPrimary: rgba(255, 255, 255, 0.95);
  --glass-textSecondary: rgba(255, 255, 255, 0.6);
  --glass-textTertiary: rgba(255, 255, 255, 0.4);
  --glass-textDisabled: rgba(255, 255, 255, 0.25);
  --glass-iconPrimary: rgba(255, 255, 255, 0.9);
  --glass-iconSecondary: rgba(255, 255, 255, 0.6);
  --glass-iconTertiary: rgba(255, 255, 255, 0.4);
  --glass-iconDisabled: rgba(255, 255, 255, 0.25);
  --glass-dividerDefault: rgba(255, 255, 255, 0.08);
  --glass-dividerStrong: rgba(255, 255, 255, 0.15);
  --glass-shadowGlow: 0 0 8px rgba(255, 255, 255, 0.15), 0 0 20px rgba(255, 255, 255, 0.08);
  --glass-blur: 16px;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-transparent: transparent;
}
html[data-theme="dark"] {
  --background-codeBlock: var(--color-grey-700);
  --background-error: var(--color-red-900);
  --background-hoverFilled: var(--color-grey-700);
  --background-hoverOverlay: rgba(255, 255, 255, 0.09);
  --background-modal: rgba(0, 0, 0, 0.52);
  --background-overlay: var(--color-grey-700);
  --background-primary: var(--color-grey-800);
  --background-processing: var(--color-blue-900);
  --background-secondary: var(--color-grey-700);
  --background-success: var(--color-green-700);
  --background-tertiary: var(--color-grey-500);
  --background-warning: var(--color-orange-900);
  --border-default: var(--color-grey-600);
  --border-error: var(--color-red-500);
  --border-focus: var(--color-brand-500);
  --border-inverse: rgba(255, 255, 255, 0.05);
  --border-strong: var(--color-grey-500);
  --border-subtle: rgba(255, 255, 255, 0.05);
  --border-success: var(--color-green-500);
  --color-blue-100: #e6f5ff;
  --color-blue-200: #b3e0ff;
  --color-blue-300: #84cfff;
  --color-blue-400: #53b2ef;
  --color-blue-50: #f0f9ff;
  --color-blue-500: #4ab1fa;
  --color-blue-600: #1e96eb;
  --color-blue-700: #0077cb;
  --color-blue-800: #005a9e;
  --color-blue-900: #002742;
  --color-brand-100: #b3e0ff;
  --color-brand-200: #80cbff;
  --color-brand-300: #4db6ff;
  --color-brand-400: #29a3fa;
  --color-brand-50: #e6f5ff;
  --color-brand-500: #1e96eb;
  --color-brand-600: #0077cb;
  --color-brand-700: #005a9e;
  --color-brand-800: #003d70;
  --color-brand-900: #002742;
  --color-green-100: #dcfdd7;
  --color-green-200: #b4f5a7;
  --color-green-300: #69b87d;
  --color-green-400: #22bf07;
  --color-green-50: #f1fdf4;
  --color-green-500: #44b931;
  --color-green-600: #1d9c07;
  --color-green-700: #1c3027;
  --color-green-800: #143d1a;
  --color-green-900: #0c260f;
  --color-grey-0: #ffffff;
  --color-grey-100: #e6e6e6;
  --color-grey-150: #cdcdcd;
  --color-grey-200: #b3b3b3;
  --color-grey-25: #f9f9f9;
  --color-grey-300: #929292;
  --color-grey-400: #7a7a7a;
  --color-grey-50: #f5f5f5;
  --color-grey-500: #565656;
  --color-grey-600: #414141;
  --color-grey-700: #252525;
  --color-grey-800: #141414;
  --color-grey-900: #000000;
  --color-magenta-100: #ffecf6;
  --color-magenta-200: #ffd6eb;
  --color-magenta-300: #f37fba;
  --color-magenta-400: #e660a4;
  --color-magenta-50: #fefaff;
  --color-magenta-500: #cc4187;
  --color-magenta-600: #a3336b;
  --color-magenta-700: #831f54;
  --color-magenta-800: #5c1f3d;
  --color-magenta-900: #3d0f26;
  --color-orange-100: #ffebd5;
  --color-orange-200: #ffd4a8;
  --color-orange-300: #ffae63;
  --color-orange-400: #ff8c38;
  --color-orange-50: #fff7ee;
  --color-orange-500: #f97316;
  --color-orange-600: #ea580c;
  --color-orange-700: #c2410c;
  --color-orange-800: #9a3412;
  --color-orange-900: #7c2d12;
  --color-purple-100: #ede9ff;
  --color-purple-200: #d4c7ff;
  --color-purple-300: #9681ef;
  --color-purple-400: #8b5cf6;
  --color-purple-50: #f9f7ff;
  --color-purple-500: #7c3aed;
  --color-purple-600: #6e52df;
  --color-purple-700: #5b21b6;
  --color-purple-800: #4c1d95;
  --color-purple-900: #3b0764;
  --color-red-100: #fce5e6;
  --color-red-200: #ff9a9a;
  --color-red-300: #f45353;
  --color-red-400: #f43f48;
  --color-red-50: #fff4f5;
  --color-red-500: #ed3f3f;
  --color-red-600: #c83030;
  --color-red-700: #a02626;
  --color-red-800: #6b1a1a;
  --color-red-900: #460606;
  --color-teal-100: #d7fbf6;
  --color-teal-200: #b0f5ec;
  --color-teal-300: #8be7dc;
  --color-teal-400: #5dd3c8;
  --color-teal-50: #eefffd;
  --color-teal-500: #448e86;
  --color-teal-600: #2d6b64;
  --color-teal-700: #1f4d47;
  --color-teal-800: #153735;
  --color-teal-900: #0c2422;
  --color-yellow-100: #fef3c7;
  --color-yellow-200: #fde68a;
  --color-yellow-300: #fde047;
  --color-yellow-400: #facc15;
  --color-yellow-50: #fdfcf4;
  --color-yellow-500: #eab308;
  --color-yellow-600: #ca8a04;
  --color-yellow-700: #a16207;
  --color-yellow-800: #854d0e;
  --color-yellow-900: #713f12;
  --divider-default: rgba(146, 146, 146, 0.17);
  --divider-strong: var(--color-grey-600);
  --font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-sans-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-mono-family: "Berkeley Mono", "Source Code Pro", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  --font-code-family: "Berkeley Mono", "Source Code Pro", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  --font-number-family: Inter, -apple-system, BlinkMacSystemFont, "Tabular Nums", sans-serif;
  --font-serif-family: "Source Serif 4", Georgia, "Times New Roman", serif;
  --icon-active: var(--color-brand-500);
  --icon-disabled: var(--color-grey-600);
  --icon-error: var(--color-red-500);
  --icon-inverse: var(--color-grey-800);
  --icon-primary: var(--color-grey-50);
  --icon-secondary: var(--color-grey-150);
  --icon-success: var(--color-green-500);
  --icon-tertiary: var(--color-grey-500);
  --icon-warning: var(--color-orange-500);
  --interactive-checkbox: var(--color-brand-500);
  --interactive-disabled: var(--color-grey-400);
  --interactive-error: var(--color-red-600);
  --interactive-errorHover: var(--color-red-700);
  --interactive-focus: var(--color-brand-500);
  --interactive-primary: var(--color-brand-500);
  --interactive-primaryActive: var(--color-brand-700);
  --interactive-primaryHover: var(--color-brand-600);
  --interactive-secondary: rgba(255, 255, 255, 0.09);
  --interactive-secondaryHover: var(--color-grey-600);
  --interactive-success: var(--color-green-600);
  --interactive-successHover: var(--color-green-700);
  --selection-background: rgba(30, 150, 235, 0.08);
  --selection-border: var(--color-brand-500);
  --selection-text: var(--color-brand-400);
  --shadow-active: 0 0 0 2px rgba(30, 150, 235, 0.4);
  --shadow-button: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
  --shadow-buttonInner: inset 0 1px 0 0 rgba(255, 255, 255, 0.06);
  --shadow-dropdown: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
  --shadow-focusRing: 0 0 0 2px rgba(30, 150, 235, 0.5);
  --shadow-lg: 0 12px 28px 0 rgba(0, 0, 0, 0.6), 0 2px 4px 0 rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  --shadow-menu: 0 4px 16px 0 rgba(0, 0, 0, 0.45);
  --shadow-modal: 0 10px 32px 0 rgba(0, 0, 0, 0.7);
  --shadow-overlay: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
  --shadow-popover: 0 4px 12px 0 rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
  --shadow-toolbar: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 20px 40px 0 rgba(0, 0, 0, 0.8);
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --status-error: var(--color-red-600);
  --status-errorBackground: var(--color-red-900);
  --status-info: var(--color-brand-700);
  --status-infoBackground: var(--color-blue-900);
  --status-success: var(--color-green-600);
  --status-successBackground: var(--color-green-700);
  --status-warning: var(--color-orange-600);
  --status-warningBackground: var(--color-orange-900);
  --surface-loading: var(--color-brand-600);
  --surface-loadingBackground: rgba(255, 255, 255, 0.17);
  --surface-skeleton: var(--color-grey-700);
  --surface-tooltip: var(--color-grey-600);
  --surface-tooltipText: var(--color-grey-0);
  --text-disabled: var(--color-grey-500);
  --text-emphasis: var(--color-brand-400);
  --text-inverse: var(--color-grey-0);
  --text-link: var(--color-blue-300);
  --text-placeholder: var(--color-grey-400);
  --text-primary: var(--color-grey-100);
  --text-secondary: var(--color-grey-300);
  --text-tertiary: var(--color-grey-400);
  --toggle-backgroundDisabled: var(--color-grey-600);
  --toggle-backgroundOff: var(--color-grey-500);
  --toggle-backgroundOn: var(--color-brand-600);
  --toggle-foreground: var(--color-grey-0);
  --toggle-foregroundDisabled: var(--color-grey-300);
  --glass-bgBase: rgba(27, 27, 27, 0.75);
  --glass-bgSurface: rgba(34, 34, 34, 0.6);
  --glass-bgElevated: rgba(44, 44, 44, 0.5);
  --glass-bgHover: rgba(255, 255, 255, 0.08);
  --glass-bgSelected: rgba(255, 255, 255, 0.15);
  --glass-bgActive: rgba(255, 255, 255, 0.12);
  --glass-borderSubtle: rgba(255, 255, 255, 0.08);
  --glass-borderDefault: rgba(255, 255, 255, 0.12);
  --glass-borderStrong: rgba(255, 255, 255, 0.2);
  --glass-textPrimary: rgba(255, 255, 255, 0.95);
  --glass-textSecondary: rgba(255, 255, 255, 0.6);
  --glass-textTertiary: rgba(255, 255, 255, 0.4);
  --glass-textDisabled: rgba(255, 255, 255, 0.25);
  --glass-iconPrimary: rgba(255, 255, 255, 0.9);
  --glass-iconSecondary: rgba(255, 255, 255, 0.6);
  --glass-iconTertiary: rgba(255, 255, 255, 0.4);
  --glass-iconDisabled: rgba(255, 255, 255, 0.25);
  --glass-dividerDefault: rgba(255, 255, 255, 0.08);
  --glass-dividerStrong: rgba(255, 255, 255, 0.15);
  --glass-shadowGlow: 0 0 8px rgba(255, 255, 255, 0.15), 0 0 20px rgba(255, 255, 255, 0.08);
  --glass-blur: 16px;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-transparent: transparent;
}.fvyh6o0 {
  --text-primary: var(--glass-textPrimary);
  --text-secondary: var(--glass-textSecondary);
  --text-tertiary: var(--glass-textTertiary);
  --text-disabled: var(--glass-textDisabled);
  --text-placeholder: var(--glass-textTertiary);
  --text-inverse: var(--glass-textPrimary);
  --background-primary: var(--glass-bgBase);
  --background-secondary: var(--glass-bgSurface);
  --background-tertiary: var(--glass-bgElevated);
  --background-overlay: var(--glass-bgSurface);
  --background-hoverOverlay: var(--glass-bgHover);
  --background-hoverFilled: var(--glass-bgHover);
  --border-default: var(--glass-borderDefault);
  --border-subtle: var(--glass-borderSubtle);
  --border-strong: var(--glass-borderStrong);
  --icon-primary: var(--glass-iconPrimary);
  --icon-secondary: var(--glass-iconSecondary);
  --icon-tertiary: var(--glass-iconTertiary);
  --icon-disabled: var(--glass-iconDisabled);
  --divider-default: var(--glass-dividerDefault);
  --divider-strong: var(--glass-dividerStrong);
  --selection-background: var(--glass-bgSelected);
  --selection-border: var(--glass-borderStrong);
  --selection-text: var(--glass-textPrimary);
  --surface-skeleton: var(--glass-bgElevated);
  --surface-loadingBackground: var(--glass-bgHover);
  --interactive-secondary: var(--glass-bgSurface);
  --interactive-secondaryHover: var(--glass-bgHover);
  --interactive-disabled: var(--glass-bgSurface);
  --toggle-backgroundOff: var(--glass-bgSurface);
  --toggle-backgroundDisabled: var(--glass-bgElevated);
  --toggle-foregroundDisabled: var(--glass-textDisabled);
}
.fvyh6o0 [data-slot="dropdown-menu-content"], .fvyh6o0 [data-slot="dropdown-menu-sub-content"], .fvyh6o0 [data-slot="menubar-content"], .fvyh6o0 [data-slot="menubar-sub-content"] {
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
}
.fvyh6o1 {
  --text-primary: var(--glass-textPrimary);
  --text-secondary: var(--glass-textSecondary);
  --text-tertiary: var(--glass-textTertiary);
  --text-disabled: var(--glass-textDisabled);
  --text-placeholder: var(--glass-textTertiary);
  --text-inverse: var(--glass-textPrimary);
  --background-primary: var(--glass-bgBase);
  --background-secondary: var(--glass-bgSurface);
  --background-tertiary: var(--glass-bgElevated);
  --background-overlay: var(--glass-bgSurface);
  --background-hoverOverlay: var(--glass-bgHover);
  --background-hoverFilled: var(--glass-bgHover);
  --border-default: var(--glass-borderDefault);
  --border-subtle: var(--glass-borderSubtle);
  --border-strong: var(--glass-borderStrong);
  --icon-primary: var(--glass-iconPrimary);
  --icon-secondary: var(--glass-iconSecondary);
  --icon-tertiary: var(--glass-iconTertiary);
  --icon-disabled: var(--glass-iconDisabled);
  --divider-default: var(--glass-dividerDefault);
  --divider-strong: var(--glass-dividerStrong);
  --selection-background: var(--glass-bgSelected);
  --selection-border: var(--glass-borderStrong);
  --selection-text: var(--glass-textPrimary);
  --surface-skeleton: var(--glass-bgElevated);
  --surface-loadingBackground: var(--glass-bgHover);
  --interactive-secondary: var(--glass-bgSurface);
  --interactive-secondaryHover: var(--glass-bgHover);
  --interactive-disabled: var(--glass-bgSurface);
  --toggle-backgroundOff: var(--glass-bgSurface);
  --toggle-backgroundDisabled: var(--glass-bgElevated);
  --toggle-foregroundDisabled: var(--glass-textDisabled);
  background-color: var(--glass-bgBase);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  color: var(--text-primary);
}
.fvyh6o2 {
  --text-primary: var(--glass-textPrimary);
  --text-secondary: var(--glass-textSecondary);
  --text-tertiary: var(--glass-textTertiary);
  --text-disabled: var(--glass-textDisabled);
  --text-placeholder: var(--glass-textTertiary);
  --text-inverse: var(--glass-textPrimary);
  --background-primary: var(--glass-bgBase);
  --background-secondary: var(--glass-bgSurface);
  --background-tertiary: var(--glass-bgElevated);
  --background-overlay: var(--glass-bgSurface);
  --background-hoverOverlay: var(--glass-bgHover);
  --background-hoverFilled: var(--glass-bgHover);
  --border-default: var(--glass-borderDefault);
  --border-subtle: var(--glass-borderSubtle);
  --border-strong: var(--glass-borderStrong);
  --icon-primary: var(--glass-iconPrimary);
  --icon-secondary: var(--glass-iconSecondary);
  --icon-tertiary: var(--glass-iconTertiary);
  --icon-disabled: var(--glass-iconDisabled);
  --divider-default: var(--glass-dividerDefault);
  --divider-strong: var(--glass-dividerStrong);
  --selection-background: var(--glass-bgSelected);
  --selection-border: var(--glass-borderStrong);
  --selection-text: var(--glass-textPrimary);
  --surface-skeleton: var(--glass-bgElevated);
  --surface-loadingBackground: var(--glass-bgHover);
  --interactive-secondary: var(--glass-bgSurface);
  --interactive-secondaryHover: var(--glass-bgHover);
  --interactive-disabled: var(--glass-bgSurface);
  --toggle-backgroundOff: var(--glass-bgSurface);
  --toggle-backgroundDisabled: var(--glass-bgElevated);
  --toggle-foregroundDisabled: var(--glass-textDisabled);
  background-color: var(--glass-bgSurface);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border: 1px solid var(--glass-borderSubtle);
  color: var(--text-primary);
}
.fvyh6o3 {
  --text-primary: var(--glass-textPrimary);
  --text-secondary: var(--glass-textSecondary);
  --text-tertiary: var(--glass-textTertiary);
  --text-disabled: var(--glass-textDisabled);
  --text-placeholder: var(--glass-textTertiary);
  --text-inverse: var(--glass-textPrimary);
  --background-primary: var(--glass-bgBase);
  --background-secondary: var(--glass-bgSurface);
  --background-tertiary: var(--glass-bgElevated);
  --background-overlay: var(--glass-bgSurface);
  --background-hoverOverlay: var(--glass-bgHover);
  --background-hoverFilled: var(--glass-bgHover);
  --border-default: var(--glass-borderDefault);
  --border-subtle: var(--glass-borderSubtle);
  --border-strong: var(--glass-borderStrong);
  --icon-primary: var(--glass-iconPrimary);
  --icon-secondary: var(--glass-iconSecondary);
  --icon-tertiary: var(--glass-iconTertiary);
  --icon-disabled: var(--glass-iconDisabled);
  --divider-default: var(--glass-dividerDefault);
  --divider-strong: var(--glass-dividerStrong);
  --selection-background: var(--glass-bgSelected);
  --selection-border: var(--glass-borderStrong);
  --selection-text: var(--glass-textPrimary);
  --surface-skeleton: var(--glass-bgElevated);
  --surface-loadingBackground: var(--glass-bgHover);
  --interactive-secondary: var(--glass-bgSurface);
  --interactive-secondaryHover: var(--glass-bgHover);
  --interactive-disabled: var(--glass-bgSurface);
  --toggle-backgroundOff: var(--glass-bgSurface);
  --toggle-backgroundDisabled: var(--glass-bgElevated);
  --toggle-foregroundDisabled: var(--glass-textDisabled);
  background-color: var(--glass-bgElevated);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border: 1px solid var(--glass-borderDefault);
  box-shadow: var(--glass-shadowGlow);
  color: var(--text-primary);
}.nl33oe0 {
  position: relative;
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 9999px;
  user-select: none;
  width: 32px;
  height: 32px;
}
.nl33oe0.sm {
  width: 24px;
  height: 24px;
}
.nl33oe0.lg {
  width: 40px;
  height: 40px;
}
.nl33oe1 {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: 100%;
}
.nl33oe2 {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: var(--background-secondary);
  color: var(--text-secondary);
  font-size: 14px;
}
.nl33oe0.sm .nl33oe2 {
  font-size: 12px;
}
.nl33oe3 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: var(--interactive-primary);
  color: var(--text-inverse);
  box-shadow: 0 0 0 2px var(--background-primary);
  user-select: none;
  width: 10px;
  height: 10px;
}
.nl33oe0.sm .nl33oe3 {
  width: 8px;
  height: 8px;
}
.nl33oe0.sm .nl33oe3 > svg {
  display: none;
}
.nl33oe0 .nl33oe3 > svg {
  width: 8px;
  height: 8px;
}
.nl33oe0.lg .nl33oe3 {
  width: 12px;
  height: 12px;
}
.nl33oe0.lg .nl33oe3 > svg {
  width: 8px;
  height: 8px;
}
.nl33oe4 {
  display: flex;
}
.nl33oe4 [data-slot="avatar"] {
  box-shadow: 0 0 0 2px var(--background-primary);
  overflow: hidden;
}
.nl33oe4 [data-slot="avatar"] + [data-slot="avatar"] {
  margin-left: -8px;
}
.nl33oe4 [data-slot="avatar"] + [data-slot="avatar-group-count"] {
  margin-left: -8px;
}
.nl33oe5 {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: var(--background-secondary);
  color: var(--text-secondary);
  font-size: 14px;
  box-shadow: 0 0 0 2px var(--background-primary);
  width: 32px;
  height: 32px;
}
.nl33oe5 > svg {
  width: 16px;
  height: 16px;
}
.nl33oe4:has([data-slot="avatar"].sm) .nl33oe5 {
  width: 24px;
  height: 24px;
  font-size: 12px;
}
.nl33oe4:has([data-slot="avatar"].sm) .nl33oe5 > svg {
  width: 12px;
  height: 12px;
}
.nl33oe4:has([data-slot="avatar"].lg) .nl33oe5 {
  width: 40px;
  height: 40px;
}
.nl33oe4:has([data-slot="avatar"].lg) .nl33oe5 > svg {
  width: 20px;
  height: 20px;
}.v13i3f0 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  word-break: break-word;
  font-size: 14px;
  color: var(--text-secondary);
}
.v13i3f1 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.v13i3f2 {
  transition: color 0.2s;
}
.v13i3f2:hover {
  color: var(--text-primary);
}
.v13i3f3 {
  font-weight: 400;
  color: var(--text-primary);
}
.v13i3f4 {
  display: flex;
  align-items: center;
}
.v13i3f4 > svg {
  width: 14px;
  height: 14px;
}
.v13i3f5 {
  display: flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
}
.v13i3f5:hover {
  background-color: var(--background-hoverOverlay);
}
.v13i3f5 > svg {
  width: 16px;
  height: 16px;
}
.v13i3f6 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}@keyframes jf5x4y1 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.jf5x4y2 {
  --jf5x4y0: 1.5s;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  animation: jf5x4y1 var(--jf5x4y0) infinite linear;
}.xo01iv0 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  touch-action: manipulation;
  outline: 0;
  border: 1px solid;
  padding: 0 18px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  transition: all .3s;
  -webkit-app-region: no-drag;
  cursor: pointer;
  height: 28px;
  background: var(--background-primary);
  border-color: var(--border-default);
  color: var(--text-primary);
}
.xo01iv0.text-bold {
  font-weight: 600;
}
.xo01iv0:not(.without-hover):hover {
  background: var(--background-hoverOverlay);
}
.xo01iv0.disabled {
  opacity: .4;
  cursor: default;
  color: var(--text-disabled);
  pointer-events: none;
}
.xo01iv0.loading {
  cursor: default;
  color: var(--text-disabled);
  pointer-events: none;
}
.xo01iv0.disabled:not(.without-hover):hover, .xo01iv0.loading:not(.without-hover):hover {
  background: inherit;
}
.xo01iv0.block {
  display: flex;
  width: 100%;
}
.xo01iv0.circle {
  border-radius: 50%;
}
.xo01iv0.round {
  border-radius: 14px;
}
.xo01iv0.lg {
  height: 32px;
  font-size: 15px;
  font-weight: 600;
}
.xo01iv0.round.lg {
  border-radius: 16px;
}
.xo01iv0.xl {
  height: 40px;
  font-size: 15px;
  font-weight: 700;
}
.xo01iv0.xl.primary {
  box-shadow: var(--shadow-buttonInner);
}
.xo01iv0.round.xl {
  border-radius: 20px;
}
.xo01iv0.plain {
  color: var(--text-primary);
  border-color: transparent;
  background: transparent;
}
.xo01iv0.ghost {
  color: var(--text-primary);
  border-color: var(--border-default);
  background: transparent;
}
.xo01iv0.ghost:not(.without-hover):hover {
  background: var(--background-hoverOverlay);
  border-color: var(--border-strong);
}
.xo01iv0.primary {
  color: var(--text-inverse);
  background: var(--interactive-primary);
  border-color: var(--border-subtle);
  box-shadow: var(--shadow-buttonInner);
}
.xo01iv0.primary:not(.without-hover):hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), var(--interactive-primary);
}
.xo01iv0.primary.disabled {
  opacity: .4;
  cursor: default;
}
.xo01iv0.primary.disabled:not(.without-hover):hover {
  background: var(--interactive-primary);
}
.xo01iv0.error {
  color: var(--text-inverse);
  background: var(--interactive-error);
  border-color: var(--border-subtle);
  box-shadow: var(--shadow-buttonInner);
}
.xo01iv0.error:not(.without-hover):hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), var(--interactive-error);
}
.xo01iv0.error.disabled {
  opacity: .4;
  cursor: default;
}
.xo01iv0.error.disabled:not(.without-hover):hover {
  background: var(--interactive-error);
}
.xo01iv0.warning {
  color: var(--text-inverse);
  background: var(--status-warning);
  border-color: var(--border-subtle);
  box-shadow: var(--shadow-buttonInner);
}
.xo01iv0.warning:not(.without-hover):hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), var(--status-warning);
}
.xo01iv0.warning.disabled {
  opacity: .4;
  cursor: default;
}
.xo01iv0.warning.disabled:not(.without-hover):hover {
  background: var(--status-warning);
}
.xo01iv0.success {
  color: var(--text-inverse);
  background: var(--interactive-success);
  border-color: var(--border-subtle);
  box-shadow: var(--shadow-buttonInner);
}
.xo01iv0.success:not(.without-hover):hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), var(--interactive-success);
}
.xo01iv0.success.disabled {
  opacity: .4;
  cursor: default;
}
.xo01iv0.success.disabled:not(.without-hover):hover {
  background: var(--interactive-success);
}
.xo01iv0.processing {
  color: var(--text-inverse);
  background: var(--surface-loading);
  border-color: var(--border-subtle);
  box-shadow: var(--shadow-buttonInner);
}
.xo01iv0.processing:not(.without-hover):hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), var(--surface-loading);
}
.xo01iv0.processing.disabled {
  opacity: .4;
  cursor: default;
}
.xo01iv0.processing.disabled:not(.without-hover):hover {
  background: var(--surface-loading);
}
.xo01iv0 > span {
  line-height: 1;
  padding: 0 4px;
}
.xo01iv1 {
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--icon-primary);
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.xo01iv1.start {
  margin-right: 4px;
}
.xo01iv1.end {
  margin-left: 4px;
}
.xo01iv1.lg {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.xo01iv1.xl {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.xo01iv1.color-white {
  color: var(--text-inverse);
}
.xo01iv2 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  touch-action: manipulation;
  outline: 0;
  border: 1px solid;
  border-radius: 4px;
  transition: all .3s;
  -webkit-app-region: no-drag;
  cursor: pointer;
  background: var(--background-primary);
  width: 24px;
  height: 24px;
  font-size: 20px;
  color: var(--text-primary);
  border-color: var(--border-default);
}
.xo01iv2.without-padding {
  margin: -2px;
}
.xo01iv2.active {
  color: var(--interactive-primary);
}
.xo01iv2:not(.without-hover):hover {
  background: var(--background-hoverOverlay);
}
.xo01iv2.disabled {
  opacity: .4;
  cursor: default;
  color: var(--text-disabled);
  pointer-events: none;
}
.xo01iv2.loading {
  cursor: default;
  color: var(--text-disabled);
  pointer-events: none;
}
.xo01iv2.disabled:not(.without-hover):hover, .xo01iv2.loading:not(.without-hover):hover {
  background: inherit;
}
.xo01iv2.lg {
  width: 32px;
  height: 32px;
  font-size: 24px;
}
.xo01iv2.lg.without-padding {
  margin: -4px;
}
.xo01iv2.sm {
  width: 20px;
  height: 20px;
  font-size: 16px;
}
.xo01iv2.xs {
  width: 16px;
  height: 16px;
  font-size: 12px;
}
.xo01iv2.plain {
  color: var(--icon-primary);
  border-color: transparent;
  background: transparent;
}
.xo01iv2.plain.active {
  color: var(--interactive-primary);
}
.xo01iv2.ghost {
  color: var(--icon-primary);
  border-color: var(--border-default);
  background: transparent;
}
.xo01iv2.ghost:not(.without-hover):hover {
  background: var(--background-hoverOverlay);
  border-color: var(--border-strong);
}
.xo01iv2.ghost.active {
  color: var(--interactive-primary);
}
.xo01iv2.primary {
  color: var(--background-primary);
  background: var(--interactive-primary);
  border-color: var(--border-subtle);
  box-shadow: var(--shadow-buttonInner);
}
.xo01iv2.primary:not(.without-hover):hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), var(--interactive-primary);
}
.xo01iv2.primary.disabled {
  opacity: .4;
  cursor: default;
}
.xo01iv2.primary.disabled:not(.without-hover):hover {
  background: var(--interactive-primary);
}
.xo01iv2.error {
  color: var(--background-primary);
  background: var(--interactive-error);
  border-color: var(--border-subtle);
  box-shadow: var(--shadow-buttonInner);
}
.xo01iv2.error:not(.without-hover):hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), var(--interactive-error);
}
.xo01iv2.error.disabled {
  opacity: .4;
  cursor: default;
}
.xo01iv2.error.disabled:not(.without-hover):hover {
  background: var(--interactive-error);
}
.xo01iv2.warning {
  color: var(--background-primary);
  background: var(--status-warning);
  border-color: var(--border-subtle);
  box-shadow: var(--shadow-buttonInner);
}
.xo01iv2.warning:not(.without-hover):hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), var(--status-warning);
}
.xo01iv2.warning.disabled {
  opacity: .4;
  cursor: default;
}
.xo01iv2.warning.disabled:not(.without-hover):hover {
  background: var(--status-warning);
}
.xo01iv2.success {
  color: var(--background-primary);
  background: var(--interactive-success);
  border-color: var(--border-subtle);
  box-shadow: var(--shadow-buttonInner);
}
.xo01iv2.success:not(.without-hover):hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), var(--interactive-success);
}
.xo01iv2.success.disabled {
  opacity: .4;
  cursor: default;
}
.xo01iv2.success.disabled:not(.without-hover):hover {
  background: var(--interactive-success);
}
.xo01iv2.processing {
  color: var(--background-primary);
  background: var(--surface-loading);
  border-color: var(--border-subtle);
  box-shadow: var(--shadow-buttonInner);
}
.xo01iv2.processing:not(.without-hover):hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), var(--surface-loading);
}
.xo01iv2.processing.disabled {
  opacity: .4;
  cursor: default;
}
.xo01iv2.processing.disabled:not(.without-hover):hover {
  background: var(--surface-loading);
}._15g6ruo0 {
  display: flex;
  aspect-ratio: 16 / 9;
  justify-content: center;
  font-size: 12px;
}
._15g6ruo0 .recharts-cartesian-axis-tick text {
  fill: var(--text-secondary);
}
._15g6ruo0 .recharts-cartesian-grid line[stroke='#ccc'] {
  stroke: var(--border-default);
  opacity: 0.5;
}
._15g6ruo0 .recharts-curve.recharts-tooltip-cursor {
  stroke: var(--border-default);
}
._15g6ruo0 .recharts-dot[stroke='#fff'] {
  stroke: transparent;
}
._15g6ruo0 .recharts-layer {
  outline: none;
}
._15g6ruo0 .recharts-polar-grid [stroke='#ccc'] {
  stroke: var(--border-default);
}
._15g6ruo0 .recharts-radial-bar-background-sector {
  fill: var(--background-hoverOverlay);
}
._15g6ruo0 .recharts-rectangle.recharts-tooltip-cursor {
  fill: var(--background-hoverOverlay);
}
._15g6ruo0 .recharts-reference-line [stroke='#ccc'] {
  stroke: var(--border-default);
}
._15g6ruo0 .recharts-sector {
  outline: none;
}
._15g6ruo0 .recharts-sector[stroke='#fff'] {
  stroke: transparent;
}
._15g6ruo0 .recharts-surface {
  outline: none;
}
._15g6ruo1 {
  display: grid;
  min-width: 128px;
  align-items: start;
  gap: 6px;
  border-radius: 12px;
  border: 1px solid;
  border-color: var(--border-default);
  background-color: var(--background-overlay);
  padding: 6px 10px;
  font-size: 12px;
  box-shadow: var(--shadow-xl);
  color: var(--text-primary);
}
._15g6ruo2 {
  font-weight: 500;
  color: var(--text-primary);
}
._15g6ruo3 {
  display: grid;
  gap: 6px;
}
._15g6ruo4 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
}
._15g6ruo4[data-indicator="dot"] {
  align-items: center;
}
._15g6ruo4 > svg {
  width: 10px;
  height: 10px;
  color: var(--text-secondary);
}
._15g6ruo5 {
  flex-shrink: 0;
  border-radius: 2px;
}
._15g6ruo5[data-indicator="dot"] {
  width: 10px;
  height: 10px;
}
._15g6ruo5[data-indicator="line"] {
  width: 4px;
}
._15g6ruo5[data-indicator="dashed"] {
  width: 0;
  border-width: 1.5px;
  border-style: dashed;
  background: transparent;
}
._15g6ruo5[data-nested="true"][data-indicator="dashed"] {
  margin-top: 2px;
  margin-bottom: 2px;
}
._15g6ruo6 {
  display: flex;
  flex: 1;
  justify-content: space-between;
  line-height: 1;
  align-items: center;
}
._15g6ruo6[data-nested="true"] {
  align-items: flex-end;
}
._15g6ruo7 {
  display: grid;
  gap: 6px;
}
._15g6ruo8 {
  color: var(--text-secondary);
}
._15g6ruo9 {
  font-family: var(--font-mono-family);
  font-weight: 500;
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}
._15g6ruoa {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
._15g6ruoa[data-align="top"] {
  padding-bottom: 12px;
}
._15g6ruoa[data-align="bottom"] {
  padding-top: 12px;
}
._15g6ruob {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--text-primary);
}
._15g6ruob > svg {
  width: 12px;
  height: 12px;
  color: var(--text-secondary);
}
._15g6ruoc {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  border-radius: 2px;
}@keyframes _17bd4270 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _17bd4271 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes _17bd4272 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _17bd4273 {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}
._17bd4274 {
  position: fixed;
  inset: 0;
  background-color: var(--background-modal);
  isolation: isolate;
}
._17bd4274[data-state="open"] {
  animation-name: _17bd4270;
  animation-duration: 100ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
._17bd4274[data-state="closed"] {
  animation-name: _17bd4271;
  animation-duration: 100ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
._17bd4275 {
  position: fixed;
  inset: 0;
  margin: auto;
  display: grid;
  width: 100%;
  max-width: 384px;
  height: fit-content;
  gap: 16px;
  padding: 16px;
  font-size: 14px;
  background-color: var(--background-primary);
  color: var(--text-primary);
  border-radius: 16px;
  border: 1px solid var(--border-default);
  outline: none;
  box-shadow: var(--shadow-modal);
}
._17bd4275[data-state="open"] {
  animation-name: _17bd4270, _17bd4272;
  animation-duration: 100ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
._17bd4275[data-state="closed"] {
  animation-name: _17bd4271, _17bd4273;
  animation-duration: 100ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
._17bd4276 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._17bd4277 {
  display: flex;
  flex-direction: column-reverse;
  gap: 8px;
  margin: 0 -16px -16px;
  padding: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-top: 1px solid var(--border-default);
  background-color: var(--background-secondary);
}
._17bd4278 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
}
._17bd4279 {
  font-size: 14px;
  color: var(--text-secondary);
}
._17bd4279 a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
._17bd4279 a:hover {
  color: var(--text-primary);
}
._17bd427a {
  position: absolute;
  top: 8px;
  right: 8px;
}
@media (min-width: 640px) {
  ._17bd4277 {
    flex-direction: row;
    justify-content: flex-end;
  }
}.orqpdb0 {
  height: 1px;
  background-color: var(--border-default);
  border-radius: 8px;
  margin: 8px 0;
  width: 100%;
}
.orqpdb1 {
  height: 0.5px;
}
.orqpdb2 {
  width: 1px;
  border-radius: 8px;
  height: 100%;
  margin: 0 2px;
}
.orqpdb3 {
  width: 0.5px;
}@keyframes _73z6ch1 {
  from {
    mask-size: 100% 0, 100% 100%, 100% var(--_73z6ch0);
  }
  to {
    mask-size: 100% var(--_73z6ch0), 100% 100%, 100% var(--_73z6ch0);
  }
}
@keyframes _73z6ch2 {
  from {
    mask-size: 100% var(--_73z6ch0), 100% 100%, 100% var(--_73z6ch0);
  }
  to {
    mask-size: 100% var(--_73z6ch0), 100% 100%, 100% 0;
  }
}
._73z6ch3 {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}
._73z6ch4 {
  width: 100%;
  flex: 1;
  min-height: 0;
  border-radius: inherit;
}
._73z6ch4 > div {
  display: block !important;
}
._73z6ch5 {
  --_73z6ch0: 80px;
  width: 100%;
  flex: 1;
  min-height: 0;
  border-radius: inherit;
  mask: linear-gradient(white, transparent) 50% 0 / 100% 0 no-repeat, linear-gradient(white, white) 50% 50% / 100% 100% no-repeat, linear-gradient(transparent, white) 50% 100% / 100% 0 no-repeat;
  mask-composite: exclude;
  animation-name: _73z6ch1, _73z6ch2;
  animation-fill-mode: both, forwards;
  animation-timing-function: linear, linear;
  animation-timeline: scroll(self);
  animation-range: 0 2rem, calc(100% - 2rem) 100%;
}
._73z6ch6 {
  display: flex;
  touch-action: none;
  user-select: none;
  padding: 1px;
  transition: background-color 150ms ease, opacity 150ms ease;
}
._73z6ch6[data-orientation="vertical"] {
  width: 8px;
}
._73z6ch6[data-orientation="horizontal"] {
  flex-direction: column;
  height: 8px;
}
._73z6ch7 {
  position: relative;
  flex: 1;
  border-radius: 9999px;
  background-color: var(--border-strong);
  transition: background-color 150ms ease;
}
._73z6ch7:hover {
  background-color: var(--text-tertiary);
}@keyframes hlg3gs0 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes hlg3gs1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes hlg3gs2 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes hlg3gs3 {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}
@keyframes hlg3gs4 {
  from {
    transform: translateY(-8px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes hlg3gs5 {
  from {
    transform: translateY(8px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes hlg3gs6 {
  from {
    transform: translateX(-8px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes hlg3gs7 {
  from {
    transform: translateX(8px);
  }
  to {
    transform: translateX(0);
  }
}
.hlg3gs8 {
  min-width: 8rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--border-default);
  background-color: var(--background-overlay);
  padding: 4px;
  color: var(--text-primary);
  box-shadow: var(--shadow-menu);
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.hlg3gs8[data-state="open"] {
  animation-name: hlg3gs0, hlg3gs2;
  animation-duration: 150ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.hlg3gs8[data-state="closed"] {
  animation-name: hlg3gs1, hlg3gs3;
  animation-duration: 150ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
.hlg3gs8[data-side="top"] {
  animation-name: hlg3gs0, hlg3gs2, hlg3gs5;
}
.hlg3gs8[data-side="bottom"] {
  animation-name: hlg3gs0, hlg3gs2, hlg3gs4;
}
.hlg3gs8[data-side="left"] {
  animation-name: hlg3gs0, hlg3gs2, hlg3gs7;
}
.hlg3gs8[data-side="right"] {
  animation-name: hlg3gs0, hlg3gs2, hlg3gs6;
}
.hlg3gs8 [data-slot="scroll-area"] {
  max-height: inherit;
}
.hlg3gs8 [data-slot="scroll-area-viewport"] {
  max-height: inherit;
}
.hlg3gs9 {
  min-width: 8rem;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--border-default);
  background-color: var(--background-overlay);
  padding: 4px;
  color: var(--text-primary);
  box-shadow: var(--shadow-popover);
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.hlg3gs9[data-state="open"] {
  animation-name: hlg3gs0, hlg3gs2;
  animation-duration: 150ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.hlg3gs9[data-state="closed"] {
  animation-name: hlg3gs1, hlg3gs3;
  animation-duration: 150ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
.hlg3gs9[data-side="top"] {
  animation-name: hlg3gs0, hlg3gs2, hlg3gs5;
}
.hlg3gs9[data-side="bottom"] {
  animation-name: hlg3gs0, hlg3gs2, hlg3gs4;
}
.hlg3gs9[data-side="left"] {
  animation-name: hlg3gs0, hlg3gs2, hlg3gs7;
}
.hlg3gs9[data-side="right"] {
  animation-name: hlg3gs0, hlg3gs2, hlg3gs6;
}
.hlg3gsa {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 14px;
  outline: none;
  cursor: default;
  user-select: none;
}
.hlg3gsa[data-inset="true"] {
  padding-left: 32px;
}
.hlg3gsa[data-disabled] {
  color: var(--text-disabled);
  opacity: 0.5;
  pointer-events: none;
}
.hlg3gsa:focus, .hlg3gsa[data-highlighted] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.hlg3gsa[data-variant="destructive"] {
  color: var(--status-error);
}
.hlg3gsa[data-variant="destructive"]:focus, .hlg3gsa[data-variant="destructive"][data-highlighted] {
  background-color: var(--status-errorBackground);
  color: var(--status-error);
}
.hlg3gsa svg:not([class*="text-"]) {
  color: var(--color-text-secondary);
}
.hlg3gsa[data-variant="destructive"] svg {
  color: var(--color-status-error);
}
.hlg3gsa svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.hlg3gsb {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  padding: 6px 8px 6px 32px;
  font-size: 14px;
  outline: none;
  cursor: default;
  user-select: none;
}
.hlg3gsb[data-disabled] {
  color: var(--text-disabled);
  opacity: 0.5;
  pointer-events: none;
}
.hlg3gsb:focus, .hlg3gsb[data-highlighted] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.hlg3gsb svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.hlg3gsc {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  padding: 6px 8px 6px 32px;
  font-size: 14px;
  outline: none;
  cursor: default;
  user-select: none;
}
.hlg3gsc[data-disabled] {
  color: var(--text-disabled);
  opacity: 0.5;
  pointer-events: none;
}
.hlg3gsc:focus, .hlg3gsc[data-highlighted] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.hlg3gsc svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.hlg3gsd {
  padding: 6px 8px;
  font-size: 14px;
  font-weight: 500;
}
.hlg3gsd[data-inset="true"] {
  padding-left: 32px;
}
.hlg3gse {
  height: 1px;
  margin: 4px -4px;
  background-color: var(--border-default);
}
.hlg3gsf {
  margin-left: auto;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--text-secondary);
}
.hlg3gsg {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 14px;
  outline: none;
  cursor: default;
  user-select: none;
}
.hlg3gsg[data-inset="true"] {
  padding-left: 32px;
}
.hlg3gsg:focus, .hlg3gsg[data-highlighted] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.hlg3gsg[data-state="open"] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.hlg3gsg svg:not([class*="text-"]) {
  color: var(--color-text-secondary);
}
.hlg3gsg svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.hlg3gsh {
  position: absolute;
  left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  pointer-events: none;
}
.hlg3gsh svg {
  width: 16px;
  height: 16px;
}
.hlg3gsi {
  margin-left: auto;
}
.hlg3gsi svg {
  width: 16px;
  height: 16px;
}._130ptfu0 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--border-default);
  background-color: var(--background-secondary);
  font-size: 12px;
  color: var(--text-secondary);
  font-family: inherit;
}
._130ptfu1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._130ptfu2 {
  font-weight: 500;
  color: var(--text-primary);
}
._130ptfu3 {
  padding: 2px 8px;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  background-color: transparent;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 0.1s ease;
}
._130ptfu3:hover {
  background-color: var(--background-hoverOverlay);
}
._130ptfu4 {
  align-self: flex-start;
  padding: 0;
  border: none;
  background-color: transparent;
  color: var(--text-tertiary);
  font-size: 12px;
  cursor: pointer;
  font-family: inherit;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.1s ease;
}
._130ptfu4:hover {
  text-decoration-color: var(--text-tertiary);
}
._130ptfu5 {
  margin: 0;
  padding: 8px;
  border-radius: 4px;
  background-color: var(--background-primary);
  font-size: 12px;
  font-family: var(--font-mono-family);
  color: var(--status-error);
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
  overflow: auto;
  max-height: 200px;
}._1nhcrni0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 20px;
  width: fit-content;
  min-width: 20px;
  padding: 0 4px;
  border-radius: 4px;
  background-color: var(--background-secondary);
  color: var(--text-secondary);
  font-family: var(--font-sans-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  user-select: none;
  pointer-events: none;
}
._1nhcrni0 svg:not([class*='size-']) {
  width: 12px;
  height: 12px;
}
._1nhcrni1 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}._1por7ul0 {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  user-select: none;
  color: currentColor;
  gap: 8px;
}
._1por7ul0.xs {
  gap: 4px;
}
._1por7ul0.sm {
  gap: 6px;
}
._1por7ul0.lg {
  gap: 8px;
}
._1por7ul0.xl {
  gap: 12px;
}
._1por7ul1 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
._1por7ul0.xs ._1por7ul1 {
  width: 16px;
  height: 16px;
}
._1por7ul0.sm ._1por7ul1 {
  width: 20px;
  height: 20px;
}
._1por7ul0.lg ._1por7ul1 {
  width: 32px;
  height: 32px;
}
._1por7ul0.xl ._1por7ul1 {
  width: 48px;
  height: 48px;
}
._1por7ul2 {
  font-family: var(--font-sans-family);
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: currentColor;
  white-space: nowrap;
}
._1por7ul0.xs ._1por7ul2 {
  font-size: 12px;
}
._1por7ul0.sm ._1por7ul2 {
  font-size: 14px;
}
._1por7ul0.lg ._1por7ul2 {
  font-size: 16px;
}
._1por7ul0.xl ._1por7ul2 {
  font-size: 18px;
}._1ney41s1 {
  min-width: 180px;
  color: var(--text-primary);
  border-radius: 8px;
  padding: 8px;
  font-size: 14px;
  font-weight: 400;
  background-color: var(--background-overlay);
  box-shadow: var(--shadow-menu);
  user-select: none;
}
._1ney41s2 {
  max-width: 296px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 12px;
  border-radius: 4px;
  line-height: 22px;
  border: none;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
}
._1ney41s2:not(:last-of-type) {
  margin-bottom: 4px;
}
._1ney41s2.block {
  max-width: 100%;
}
._1ney41s2[data-disabled] {
  color: var(--text-disabled);
  pointer-events: none;
  cursor: not-allowed;
}
._1ney41s2[data-highlighted] {
  background-color: var(--background-hoverOverlay);
}
._1ney41s2:hover {
  background-color: var(--background-hoverOverlay);
}
._1ney41s2.danger:hover {
  color: var(--interactive-error);
  background-color: var(--background-error);
}
._1ney41s2.warning:hover {
  color: var(--status-warning);
  background-color: var(--background-warning);
}
._1ney41s2.selected, ._1ney41s2.checked {
  background-color: var(--background-hoverOverlay);
  color: var(--interactive-primary);
}
._1ney41s3 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
._1ney41s4 {
  display: flex;
  flex-shrink: 0;
  font-size: 20px;
  color: var(--icon-primary);
}
._1ney41s4.start {
  margin-right: 8px;
}
._1ney41s4.end {
  margin-left: 8px;
}
._1ney41s4.selected, ._1ney41s4.checked {
  color: var(--interactive-primary);
}
._1ney41s2.danger:hover ._1ney41s4 {
  color: var(--interactive-error);
}
._1ney41s2.warning:hover ._1ney41s4 {
  color: var(--status-warning);
}
._1ney41s5 {
  height: 1px;
  background-color: var(--border-default);
  margin-top: 12px;
  margin-bottom: 8px;
}
._1ney41s6 {
  --_1ney41s0: auto;
  width: var(--_1ney41s0);
  height: 28px;
  line-height: 22px;
  padding: 0 10px;
  color: var(--text-primary);
  border: 1px solid;
  background-color: var(--background-primary);
  border-radius: 8px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  -webkit-app-region: no-drag;
  border-color: var(--border-default);
  outline: none;
}
._1ney41s6:hover {
  background: var(--background-hoverOverlay);
}
._1ney41s6.no-border {
  border: unset;
}
._1ney41s6.block {
  display: flex;
  width: 100%;
}
._1ney41s6.lg {
  height: 32px;
}
._1ney41s6.xl {
  height: 40px;
  font-weight: 600;
}
._1ney41s6.disabled {
  cursor: default;
  color: var(--text-disabled);
  pointer-events: none;
}@keyframes _1fgfpoy0 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _1fgfpoy1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes _1fgfpoy2 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _1fgfpoy3 {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}
@keyframes _1fgfpoy4 {
  from {
    transform: translateY(-8px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes _1fgfpoy5 {
  from {
    transform: translateY(8px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes _1fgfpoy6 {
  from {
    transform: translateX(-8px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes _1fgfpoy7 {
  from {
    transform: translateX(8px);
  }
  to {
    transform: translateX(0);
  }
}
._1fgfpoy8 {
  display: flex;
  align-items: center;
  height: 32px;
  gap: 2px;
  border-radius: 12px;
  border: 1px solid;
  border-color: var(--border-default);
  background-color: var(--background-primary);
  padding: 4px;
}
._1fgfpoy9 {
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  cursor: default;
  user-select: none;
}
._1fgfpoy9:hover {
  background-color: var(--background-hoverOverlay);
}
._1fgfpoy9[data-state="open"] {
  background-color: var(--background-hoverOverlay);
}
._1fgfpoy9:focus-visible {
  outline: 2px solid;
  outline-color: var(--border-focus);
  outline-offset: -2px;
}
._1fgfpoya {
  min-width: 8rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--border-default);
  background-color: var(--background-overlay);
  padding: 4px;
  color: var(--text-primary);
  box-shadow: var(--shadow-menu);
  transform-origin: var(--radix-menubar-content-transform-origin);
}
._1fgfpoya[data-state="open"] {
  animation-name: _1fgfpoy0, _1fgfpoy2;
  animation-duration: 150ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
._1fgfpoya[data-state="closed"] {
  animation-name: _1fgfpoy1, _1fgfpoy3;
  animation-duration: 150ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
._1fgfpoya[data-side="top"] {
  animation-name: _1fgfpoy0, _1fgfpoy2, _1fgfpoy5;
}
._1fgfpoya[data-side="bottom"] {
  animation-name: _1fgfpoy0, _1fgfpoy2, _1fgfpoy4;
}
._1fgfpoya[data-side="left"] {
  animation-name: _1fgfpoy0, _1fgfpoy2, _1fgfpoy7;
}
._1fgfpoya[data-side="right"] {
  animation-name: _1fgfpoy0, _1fgfpoy2, _1fgfpoy6;
}
._1fgfpoya [data-slot="scroll-area"] {
  max-height: inherit;
}
._1fgfpoya [data-slot="scroll-area-viewport"] {
  max-height: inherit;
}
._1fgfpoyb {
  min-width: 8rem;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--border-default);
  background-color: var(--background-overlay);
  padding: 4px;
  color: var(--text-primary);
  box-shadow: var(--shadow-popover);
  transform-origin: var(--radix-menubar-content-transform-origin);
}
._1fgfpoyb[data-state="open"] {
  animation-name: _1fgfpoy0, _1fgfpoy2;
  animation-duration: 150ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
._1fgfpoyb[data-state="closed"] {
  animation-name: _1fgfpoy1, _1fgfpoy3;
  animation-duration: 150ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
._1fgfpoyb[data-side="top"] {
  animation-name: _1fgfpoy0, _1fgfpoy2, _1fgfpoy5;
}
._1fgfpoyb[data-side="bottom"] {
  animation-name: _1fgfpoy0, _1fgfpoy2, _1fgfpoy4;
}
._1fgfpoyb[data-side="left"] {
  animation-name: _1fgfpoy0, _1fgfpoy2, _1fgfpoy7;
}
._1fgfpoyb[data-side="right"] {
  animation-name: _1fgfpoy0, _1fgfpoy2, _1fgfpoy6;
}
._1fgfpoyc {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 14px;
  outline: none;
  cursor: default;
  user-select: none;
}
._1fgfpoyc[data-inset="true"] {
  padding-left: 32px;
}
._1fgfpoyc[data-disabled] {
  color: var(--text-disabled);
  opacity: 0.5;
  pointer-events: none;
}
._1fgfpoyc:focus, ._1fgfpoyc[data-highlighted] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._1fgfpoyc[data-variant="destructive"] {
  color: var(--status-error);
}
._1fgfpoyc[data-variant="destructive"]:focus, ._1fgfpoyc[data-variant="destructive"][data-highlighted] {
  background-color: var(--status-errorBackground);
  color: var(--status-error);
}
._1fgfpoyc svg:not([class*="text-"]) {
  color: var(--icon-secondary);
}
._1fgfpoyc[data-variant="destructive"] svg {
  color: var(--status-error);
}
._1fgfpoyc svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
._1fgfpoyd {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  padding: 6px 8px 6px 32px;
  font-size: 14px;
  outline: none;
  cursor: default;
  user-select: none;
}
._1fgfpoyd[data-disabled] {
  color: var(--text-disabled);
  opacity: 0.5;
  pointer-events: none;
}
._1fgfpoyd:focus, ._1fgfpoyd[data-highlighted] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._1fgfpoyd svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
._1fgfpoye {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  padding: 6px 8px 6px 32px;
  font-size: 14px;
  outline: none;
  cursor: default;
  user-select: none;
}
._1fgfpoye[data-disabled] {
  color: var(--text-disabled);
  opacity: 0.5;
  pointer-events: none;
}
._1fgfpoye:focus, ._1fgfpoye[data-highlighted] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._1fgfpoye svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
._1fgfpoyf {
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}
._1fgfpoyf[data-inset="true"] {
  padding-left: 32px;
}
._1fgfpoyg {
  height: 1px;
  margin: 4px -4px;
  background-color: var(--border-default);
}
._1fgfpoyh {
  margin-left: auto;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--text-secondary);
}
._1fgfpoyi {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 14px;
  outline: none;
  cursor: default;
  user-select: none;
}
._1fgfpoyi[data-inset="true"] {
  padding-left: 32px;
}
._1fgfpoyi:focus, ._1fgfpoyi[data-highlighted] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._1fgfpoyi[data-state="open"] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._1fgfpoyi svg:not([class*="text-"]) {
  color: var(--icon-secondary);
}
._1fgfpoyi svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
._1fgfpoyj {
  position: absolute;
  left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  pointer-events: none;
}
._1fgfpoyj svg {
  width: 16px;
  height: 16px;
}
._1fgfpoyk {
  margin-left: auto;
}
._1fgfpoyk svg {
  width: 16px;
  height: 16px;
}.okhhv83 {
  position: fixed;
  inset: 0;
  background-color: var(--background-modal);
  z-index: 1000;
}
.okhhv84 {
  --okhhv80: ;
  --okhhv81: ;
  --okhhv82: ;
  width: var(--okhhv80);
  height: var(--okhhv81);
  min-height: var(--okhhv82);
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  padding: 20px 24px;
  background-color: var(--background-overlay);
  color: var(--text-primary);
  box-shadow: var(--shadow-popover);
  border: 1px solid var(--border-default);
  border-radius: 12px;
  max-height: calc(100vh - 32px);
  outline: none;
  position: fixed;
  z-index: 1000;
  top:  50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.okhhv85 {
  top: 22px;
  right: 20px;
}
.okhhv85.okhhv85 {
  position: absolute;
}
.okhhv86 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.45;
  margin-bottom: 12px;
}
.okhhv88 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 40px;
  margin-top: auto;
  gap: 20px;
}
.okhhv88.modalFooterWithChildren {
  padding-top: 20px;
}
.okhhv89 {
  margin-top: 12px;
  margin-bottom: 20px;
}
.okhhv8a {
  display: flex;
  flex-direction: column;
}._1yni0gm0 {
  min-width: 180px;
  color: var(--text-primary);
  border-radius: 8px;
  padding: 8px;
  font-size: 14px;
  font-weight: 400;
  background-color: var(--background-overlay);
  box-shadow: var(--shadow-menu);
  user-select: none;
}._1agjcbr0 {
  background-color: var(--surface-tooltip);
  color: var(--background-primary);
  padding: 5px 12px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
  max-width: 280px;
}
._1agjcbr0 ._1nhcrni0 {
  background-color: rgba(255, 255, 255, 0.15);
  color: inherit;
}@keyframes _1qet2lv0 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
._1qet2lv1 {
  background-color: var(--surface-skeleton);
  border-radius: 8px;
  animation: _1qet2lv0 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}._1l4iblf1 {
  --_1l4iblf0: 100%;
  width: var(--_1l4iblf0);
  height: 28px;
  line-height: 22px;
  padding: 0 10px;
  color: var(--text-primary);
  border: 1px solid;
  background-color: var(--background-primary);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  box-sizing: border-box;
}
._1l4iblf1.no-border {
  border: unset;
}
._1l4iblf1.lg {
  height: 32px;
}
._1l4iblf1.xl {
  height: 40px;
  font-weight: 600;
}
._1l4iblf1.disabled {
  background: var(--background-hoverOverlay);
}
._1l4iblf1.error {
  border-color: var(--interactive-error);
}
._1l4iblf1.success {
  border-color: var(--interactive-success);
}
._1l4iblf1.warning {
  border-color: var(--status-warning);
}
._1l4iblf1.default {
  border-color: var(--border-default);
}
._1l4iblf1.default.focus {
  border-color: var(--interactive-primary);
  box-shadow: var(--shadow-focusRing);
}
._1l4iblf2 {
  height: 100%;
  width: 0;
  flex: 1;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  border: none;
}
._1l4iblf2::placeholder {
  color: var(--text-placeholder);
}
._1l4iblf2:disabled {
  color: var(--text-disabled);
}@keyframes bh2aft2 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bh2aft3 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes bh2aft4 {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes bh2aft5 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes bh2aft6 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes bh2aft7 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.bh2aft8 {
  display: flex;
  min-height: 100svh;
  width: 100%;
}
.bh2aft9 {
  display: flex;
  height: 100%;
  width: var(--bh2aft0);
  flex-direction: column;
  background-color: var(--background-secondary);
  color: var(--text-primary);
}
.bh2afta {
  display: none;
  color: var(--text-primary);
}
.bh2aftb {
  position: relative;
  width: var(--bh2aft0);
  background-color: transparent;
  transition: width 200ms linear;
}
[data-collapsible="offcanvas"] > .bh2aftb {
  width: 0;
}
[data-variant="sidebar"][data-collapsible="icon"] > .bh2aftb {
  width: var(--bh2aft1);
}
[data-variant="floating"][data-collapsible="icon"] > .bh2aftb, [data-variant="inset"][data-collapsible="icon"] > .bh2aftb {
  width: calc(var(--bh2aft1) + 16px);
}
.bh2aftc {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 10;
  display: none;
  height: 100svh;
  width: var(--bh2aft0);
  transition: left 200ms linear, right 200ms linear, width 200ms linear;
}
.bh2aftc[data-side="left"] {
  left: 0;
}
.bh2aftc[data-side="right"] {
  right: 0;
}
[data-collapsible="offcanvas"] > .bh2aftc[data-side="left"] {
  left: calc(var(--bh2aft0) * -1);
}
[data-collapsible="offcanvas"] > .bh2aftc[data-side="right"] {
  right: calc(var(--bh2aft0) * -1);
}
[data-variant="sidebar"][data-collapsible="icon"] > .bh2aftc {
  width: var(--bh2aft1);
}
[data-variant="floating"][data-collapsible="icon"] > .bh2aftc, [data-variant="inset"][data-collapsible="icon"] > .bh2aftc {
  width: calc(var(--bh2aft1) + 16px + 2px);
}
[data-variant="floating"] > .bh2aftc, [data-variant="inset"] > .bh2aftc {
  padding: 8px;
}
[data-variant="sidebar"] > .bh2aftc[data-side="left"] {
  border-right: 1px solid;
  border-color: var(--border-default);
}
[data-variant="sidebar"] > .bh2aftc[data-side="right"] {
  border-left: 1px solid;
  border-color: var(--border-default);
}
.bh2aftd {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  background-color: var(--background-secondary);
}
[data-variant="floating"] .bh2aftd {
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
  border: 1px solid;
  border-color: var(--border-default);
}
.bh2afte {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background-color: var(--background-modal);
}
.bh2afte[data-state="open"] {
  animation-name: bh2aft2;
  animation-duration: 200ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.bh2afte[data-state="closed"] {
  animation-name: bh2aft3;
  animation-duration: 200ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
.bh2aftf {
  position: fixed;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  width: var(--bh2aft0);
  background-color: var(--background-secondary);
  color: var(--text-primary);
  padding: 0;
  outline: none;
}
.bh2aftf[data-side="left"] {
  left: 0;
}
.bh2aftf[data-side="right"] {
  right: 0;
}
.bh2aftf[data-side="left"][data-state="open"] {
  animation-name: bh2aft4;
  animation-duration: 200ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.bh2aftf[data-side="left"][data-state="closed"] {
  animation-name: bh2aft5;
  animation-duration: 200ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
.bh2aftf[data-side="right"][data-state="open"] {
  animation-name: bh2aft6;
  animation-duration: 200ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.bh2aftf[data-side="right"][data-state="closed"] {
  animation-name: bh2aft7;
  animation-duration: 200ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
.bh2aftg {
  appearance: none;
  border: none;
  background: transparent;
  font: inherit;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 4px;
  outline: none;
}
.bh2aftg:hover {
  background-color: var(--background-hoverOverlay);
}
.bh2aftg:focus-visible {
  outline: 2px solid;
  outline-color: var(--border-focus);
}
.bh2afth {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}
.bh2afti {
  appearance: none;
  border: none;
  background: transparent;
  font: inherit;
  color: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 20;
  display: none;
  width: 16px;
  cursor: col-resize;
}
.bh2afti::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
}
.bh2afti:hover::after {
  background-color: var(--border-default);
}
[data-side="left"] > .bh2aftc .bh2afti {
  right: -16px;
  cursor: w-resize;
}
[data-side="right"] > .bh2aftc .bh2afti {
  left: 0;
  cursor: e-resize;
}
[data-side="left"][data-state="collapsed"] .bh2afti {
  cursor: e-resize;
}
[data-side="right"][data-state="collapsed"] .bh2afti {
  cursor: w-resize;
}
[data-collapsible="offcanvas"] .bh2afti {
  transform: translateX(0);
}
[data-collapsible="offcanvas"] .bh2afti::after {
  left: 100%;
}
[data-collapsible="offcanvas"] .bh2afti:hover {
  background-color: var(--background-secondary);
}
[data-side="left"][data-collapsible="offcanvas"] .bh2afti {
  right: -8px;
}
[data-side="right"][data-collapsible="offcanvas"] .bh2afti {
  left: -8px;
}
.bh2aftj {
  position: relative;
  display: flex;
  width: 100%;
  flex: 1;
  flex-direction: column;
  background-color: var(--background-primary);
}
.bh2aftk {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
}
.bh2aftl {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
}
.bh2aftm {
  margin-left: 8px;
  margin-right: 8px;
  width: auto;
}
.bh2aftn {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  gap: 0;
  overflow: auto;
}
.bh2aftn::-webkit-scrollbar {
  display: none;
}
[data-collapsible="icon"] .bh2aftn {
  overflow: hidden;
}
.bh2afto {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  padding: 8px;
}
.bh2aftp {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 32px;
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  outline: none;
  transition: margin 200ms linear, opacity 200ms linear;
}
.bh2aftp:focus-visible {
  outline: 2px solid;
  outline-color: var(--border-focus);
}
.bh2aftp svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
[data-collapsible="icon"] .bh2aftp {
  margin-top: -32px;
  opacity: 0;
}
.bh2aftq {
  appearance: none;
  border: none;
  background: transparent;
  font: inherit;
  cursor: pointer;
  position: absolute;
  top: 14px;
  right: 12px;
  display: flex;
  aspect-ratio: 1;
  width: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 0;
  outline: none;
  color: var(--text-primary);
  transition: transform 200ms;
}
.bh2aftq:hover {
  background-color: var(--background-hoverOverlay);
}
.bh2aftq:focus-visible {
  outline: 2px solid;
  outline-color: var(--border-focus);
}
.bh2aftq::after {
  content: "";
  position: absolute;
  inset: -8px;
}
.bh2aftq svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
[data-collapsible="icon"] .bh2aftq {
  display: none;
}
.bh2aftr {
  width: 100%;
  font-size: 14px;
}
.bh2afts {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: 0;
}
.bh2aftt {
  position: relative;
}
.bh2aftu {
  appearance: none;
  border: none;
  background: transparent;
  font: inherit;
  color: inherit;
  cursor: pointer;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  border-radius: 8px;
  padding: 8px;
  text-align: left;
  outline: none;
  transition: width 200ms linear, height 200ms linear, padding 200ms linear;
}
.bh2aftu:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.bh2aftu:active {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.bh2aftu[data-active="true"] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
  font-weight: 500;
}
.bh2aftu:focus-visible {
  outline: 2px solid;
  outline-color: var(--border-focus);
}
.bh2aftu:disabled, .bh2aftu[aria-disabled="true"] {
  opacity: 0.5;
  pointer-events: none;
}
.bh2aftu[data-size="default"] {
  height: 32px;
  font-size: 14px;
}
.bh2aftu[data-size="sm"] {
  height: 28px;
  font-size: 12px;
}
.bh2aftu[data-size="lg"] {
  height: 48px;
  font-size: 14px;
}
.bh2aftu[data-variant="outline"] {
  background-color: var(--background-primary);
  box-shadow: 0 0 0 1px var(--border-default);
}
.bh2aftu[data-variant="outline"]:hover {
  background-color: var(--background-hoverOverlay);
  box-shadow: 0 0 0 1px var(--background-hoverOverlay);
}
.bh2aftu svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.bh2aftu > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-slot="sidebar-menu-item"]:has([data-slot="sidebar-menu-action"]) > .bh2aftu {
  padding-right: 32px;
}
[data-collapsible="icon"] .bh2aftu {
  width: 32px !important;
  height: 32px !important;
  padding: 8px !important;
}
[data-collapsible="icon"] .bh2aftu[data-size="lg"] {
  padding: 0 !important;
}
.bh2aftv {
  appearance: none;
  border: none;
  background: transparent;
  font: inherit;
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 4px;
  display: flex;
  aspect-ratio: 1;
  width: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 0;
  outline: none;
  color: var(--text-primary);
  transition: transform 200ms;
}
.bh2aftv:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.bh2aftv:focus-visible {
  outline: 2px solid;
  outline-color: var(--border-focus);
}
.bh2aftv::after {
  content: "";
  position: absolute;
  inset: -8px;
}
.bh2aftv svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.bh2aftu[data-size="lg"] ~ .bh2aftv {
  top: 10px;
}
.bh2aftu[data-size="sm"] ~ .bh2aftv {
  top: 4px;
}
[data-collapsible="icon"] .bh2aftv {
  display: none;
}
[data-slot="sidebar-menu-item"]:hover > .bh2aftw {
  opacity: 1;
}
[data-slot="sidebar-menu-item"]:focus-within > .bh2aftw {
  opacity: 1;
}
.bh2aftu[data-active="true"] ~ .bh2aftw {
  opacity: 1;
}
.bh2aftw[aria-expanded="true"] {
  opacity: 1;
}
.bh2aftx {
  position: absolute;
  right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  min-width: 20px;
  border-radius: 8px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 12px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  user-select: none;
  pointer-events: none;
  color: var(--text-secondary);
}
.bh2aftu[data-size="default"] ~ .bh2aftx {
  top: 6px;
}
.bh2aftu[data-size="lg"] ~ .bh2aftx {
  top: 10px;
}
.bh2aftu[data-size="sm"] ~ .bh2aftx {
  top: 4px;
}
[data-collapsible="icon"] .bh2aftx {
  display: none;
}
.bh2afty {
  display: flex;
  align-items: center;
  height: 32px;
  gap: 8px;
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px;
}
.bh2aftz {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
  margin-left: 14px;
  border-left: 1px solid;
  border-color: var(--border-default);
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  transform: translateX(1px);
}
[data-collapsible="icon"] .bh2aftz {
  display: none;
}
.bh2aft10 {
  position: relative;
}
.bh2aft11 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  border-radius: 8px;
  height: 28px;
  padding-left: 8px;
  padding-right: 8px;
  outline: none;
  color: var(--text-primary);
  transform: translateX(-1px);
}
.bh2aft11:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.bh2aft11:active {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.bh2aft11[data-active="true"] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.bh2aft11:focus-visible {
  outline: 2px solid;
  outline-color: var(--border-focus);
}
.bh2aft11:disabled, .bh2aft11[aria-disabled="true"] {
  opacity: 0.5;
  pointer-events: none;
}
.bh2aft11[data-size="sm"] {
  font-size: 12px;
}
.bh2aft11[data-size="md"] {
  font-size: 14px;
}
.bh2aft11 svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--icon-secondary);
}
.bh2aft11 > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-collapsible="icon"] .bh2aft11 {
  display: none;
}
.bh2aft12 {
  background-color: var(--background-primary);
}
@media (min-width: 768px) {
  .bh2afta {
    display: block;
  }
  .bh2aftc {
    display: flex;
  }
  [data-variant="inset"][data-slot="sidebar"] ~ .bh2aftj {
    margin: 8px;
    margin-left: 0;
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
  }
  [data-state="collapsed"][data-variant="inset"][data-slot="sidebar"] ~ .bh2aftj {
    margin-left: 8px;
  }
  .bh2aftq::after {
    display: none;
  }
  .bh2aftv::after {
    display: none;
  }
  .bh2aftw {
    opacity: 0;
  }
}
@media (min-width: 640px) {
  .bh2afti {
    display: flex;
  }
}@keyframes pvm13u0 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.pvm13u1 {
  font-family: var(--font-family);
}
.pvm13u2 {
  animation: pvm13u0 0.6s infinite linear;
}
.pvm13u1[data-sonner-toaster] {
  --normal-bg: var(--background-overlay);
  --normal-text: var(--text-primary);
  --normal-border: var(--border-default);
  --border-radius: 8px;
  --success-bg: var(--status-successBackground);
  --success-text: var(--status-success);
  --success-border: var(--status-success);
  --error-bg: var(--status-errorBackground);
  --error-text: var(--status-error);
  --error-border: var(--status-error);
  --warning-bg: var(--status-warningBackground);
  --warning-text: var(--status-warning);
  --warning-border: var(--status-warning);
  --info-bg: var(--status-infoBackground);
  --info-text: var(--status-info);
  --info-border: var(--status-info);
}
.pvm13u1 [data-sonner-toast] {
  font-family: var(--font-family);
  font-size: 14px;
  box-shadow: var(--shadow-popover);
}
.pvm13u1 [data-sonner-toast] [data-title] {
  font-weight: 500;
  line-height: 1.5;
}
.pvm13u1 [data-sonner-toast] [data-description] {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.5;
}
.pvm13u1 [data-sonner-toast] [data-close-button] {
  --toast-close-button-start: auto;
  --toast-close-button-end: 0;
  --toast-close-button-transform: translate(35%, -35%);
  border: 1px solid var(--border-default);
  background-color: var(--background-primary);
  color: var(--text-secondary);
  border-radius: 9999px;
  transition: all 0.15s ease;
}
.pvm13u1 [data-sonner-toast] [data-close-button]:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.pvm13u1 [data-sonner-toast] [data-button] {
  background-color: var(--interactive-primary);
  color: var(--text-inverse);
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  padding: 4px 8px;
  transition: all 0.15s ease;
}
.pvm13u1 [data-sonner-toast] [data-button]:hover {
  background-color: var(--interactive-primaryHover);
}
.pvm13u1 [data-sonner-toast] [data-cancel] {
  background-color: var(--background-secondary);
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  padding: 4px 8px;
  transition: all 0.15s ease;
}
.pvm13u1 [data-sonner-toast] [data-cancel]:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.pvm13u1 [data-sonner-toast] svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}._1sz67jq0 {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 9999px;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 2px;
  transition: background-color 0.2s, box-shadow 0.2s;
  background-color: var(--toggle-backgroundOff);
  width: 36px;
  height: 20px;
}
._1sz67jq0[data-state=checked] {
  background-color: var(--toggle-backgroundOn);
}
._1sz67jq0:focus-visible {
  box-shadow: 0 0 0 2px rgba(30, 150, 235, 0.25);
}
._1sz67jq0[data-disabled] {
  background-color: var(--toggle-backgroundDisabled);
  cursor: not-allowed;
  opacity: 0.5;
}
._1sz67jq0[data-disabled][data-state=checked] {
  background-color: var(--toggle-backgroundDisabled);
}
._1sz67jq0[data-size=sm] {
  width: 28px;
  height: 16px;
}
._1sz67jq1 {
  display: block;
  border-radius: 9999px;
  background-color: var(--toggle-foreground);
  transition: transform 0.2s;
  pointer-events: none;
  width: 16px;
  height: 16px;
}
._1sz67jq1[data-state=unchecked] {
  transform: translateX(0);
}
._1sz67jq1[data-state=checked] {
  transform: translateX(16px);
}
._1sz67jq0[data-disabled] ._1sz67jq1 {
  background-color: var(--toggle-foregroundDisabled);
}
._1sz67jq0[data-size=sm] ._1sz67jq1 {
  width: 12px;
  height: 12px;
}
._1sz67jq0[data-size=sm] ._1sz67jq1[data-state=checked] {
  transform: translateX(12px);
}._1dm54bt0 {
  position: relative;
  width: 100%;
  overflow-x: auto;
}
._1dm54bt1 {
  width: 100%;
  caption-side: bottom;
  font-size: 14px;
  border-collapse: collapse;
  color: var(--text-primary);
}
._1dm54bt2 tr {
  border-bottom: 1px solid;
  border-color: var(--border-default);
}
._1dm54bt3 tr:last-child {
  border-bottom: none;
}
._1dm54bt4 {
  border-top: 1px solid;
  border-color: var(--border-default);
  background-color: var(--background-hoverOverlay);
  font-weight: 500;
}
._1dm54bt4 > tr:last-child {
  border-bottom: none;
}
._1dm54bt5 {
  border-bottom: 1px solid;
  border-color: var(--border-default);
  transition: background-color 0.15s ease;
}
._1dm54bt5:hover {
  background-color: var(--background-hoverOverlay);
}
._1dm54bt5[data-state="selected"] {
  background-color: var(--selection-background);
}
._1dm54bt6 {
  height: 40px;
  padding: 2px 12px;
  text-align: left;
  vertical-align: middle;
  font-weight: 500;
  white-space: nowrap;
  color: var(--text-secondary);
  font-size: 12px;
}
._1dm54bt6:has([role=checkbox]) {
  padding-right: 0;
  width: 40px;
}
._1dm54bt6 > [role=checkbox] {
  transform: translateY(2px);
}
._1dm54bt7 {
  padding: 8px 12px;
  vertical-align: middle;
  white-space: nowrap;
}
._1dm54bt7:has([role=checkbox]) {
  padding-right: 0;
  width: 40px;
}
._1dm54bt7 > [role=checkbox] {
  transform: translateY(2px);
}
._1dm54bt8 {
  margin-top: 16px;
  font-size: 14px;
  color: var(--text-secondary);
}
._1dm54bt9 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._1dm54bta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._1dm54btb {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
}
._1dm54btc {
  display: flex;
  align-items: center;
  gap: 8px;
}
._1dm54btd {
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--border-default);
}
._1dm54bte {
  height: 96px;
  text-align: center;
  color: var(--text-secondary);
}
._1dm54btf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 8px;
}
._1dm54btg {
  flex: 1;
  font-size: 12px;
  color: var(--text-secondary);
}
._1dm54bth {
  display: flex;
  align-items: center;
  gap: 24px;
}
._1dm54bti {
  display: flex;
  align-items: center;
  gap: 8px;
}
._1dm54btj {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
}
._1dm54btk {
  display: flex;
  width: 100px;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
}
._1dm54btl {
  display: flex;
  align-items: center;
  gap: 4px;
}
._1dm54btm {
  display: flex;
  align-items: center;
  gap: 8px;
}
._1dm54btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  margin-left: -8px;
  height: 28px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  transition: all 0.15s ease;
  white-space: nowrap;
}
._1dm54btn:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._1dm54btn[data-state="open"] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._1dm54btn svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  opacity: 0.6;
}
._1dm54bto {
  color: var(--text-primary);
}
._1dm54bto svg {
  opacity: 1;
}
._1dm54btp {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 2px;
  border: 1px solid;
  border-color: var(--border-strong);
  background: var(--background-primary);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
  outline: none;
  appearance: none;
  padding: 0;
  color: var(--text-inverse);
}
._1dm54btp[data-state="checked"], ._1dm54btp[data-state="indeterminate"] {
  background-color: var(--interactive-primary);
  border-color: var(--interactive-primary);
}
._1dm54btp:focus-visible {
  box-shadow: var(--shadow-focusRing);
}
._1dm54btp svg {
  width: 12px;
  height: 12px;
}._15ud7i20 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  gap: 8px;
}
._15ud7i21 {
  display: inline-flex;
  height: 36px;
  width: fit-content;
  align-items: center;
  justify-content: center;
  background-color: var(--background-secondary);
  color: var(--text-secondary);
  border-radius: 8px;
  padding: 3px;
}
._15ud7i22 {
  display: inline-flex;
  height: calc(100% - 1px);
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 4px;
  border: 1px solid transparent;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  color: var(--text-primary);
  cursor: pointer;
  user-select: none;
  outline: none;
  background: transparent;
  transition: color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
._15ud7i22:hover {
  color: var(--text-primary);
}
._15ud7i22:focus-visible {
  outline: 2px solid;
  outline-color: var(--interactive-primary);
  outline-offset: 2px;
}
._15ud7i22[data-state="active"] {
  background-color: var(--background-primary);
  color: var(--text-primary);
  box-shadow: var(--shadow-xs);
}
._15ud7i22[data-disabled] {
  pointer-events: none;
  opacity: 0.5;
}
._15ud7i22 svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
._15ud7i23 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  outline: none;
}
._15ud7i23[data-state="inactive"] {
  display: none;
}
._15ud7i24 {
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow: hidden;
}
._15ud7i25 {
  width: 200px;
  flex-shrink: 0;
  padding: 12px;
  border-right: 1px solid var(--glass-borderSubtle);
  display: flex;
  flex-direction: column;
  gap: 4px;
  background-color: var(--glass-bgSurface);
}
._15ud7i26 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background-color: transparent;
  border: none;
  border-radius: 8px;
  color: var(--glass-textSecondary);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  transition: background-color 0.15s, color 0.15s;
  outline: none;
  user-select: none;
}
._15ud7i26:hover {
  background-color: var(--glass-bgHover);
  color: var(--glass-textPrimary);
}
._15ud7i26:focus-visible {
  outline: 2px solid;
  outline-color: var(--interactive-primary);
  outline-offset: 2px;
}
._15ud7i26[data-state="active"] {
  background-color: var(--glass-bgSelected);
  color: var(--glass-textPrimary);
}
._15ud7i26[data-state="active"]:hover {
  background-color: var(--glass-bgSelected);
}
._15ud7i26[data-disabled] {
  pointer-events: none;
  opacity: 0.5;
}
._15ud7i27 {
  font-size: 15px;
  opacity: 0.8;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._15ud7i26 svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
._15ud7i28 {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
  outline: none;
}._15y965k0 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 200px;
  border-radius: 6px;
  border: 1px solid;
  user-select: none;
  white-space: nowrap;
  transition: all 0.15s ease;
  height: 22px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 1;
  color: var(--text-secondary);
  background-color: var(--background-secondary);
  border-color: var(--border-default);
}
._15y965k0.md {
  height: 26px;
  padding: 0 8px;
  font-size: 14px;
}
._15y965k0.primary {
  color: var(--text-inverse);
  background-color: var(--interactive-primary);
  border-color: var(--interactive-primary);
}
._15y965k0.info {
  color: var(--status-info);
  background-color: var(--status-infoBackground);
  border-color: var(--status-info);
}
._15y965k0.success {
  color: var(--status-success);
  background-color: var(--status-successBackground);
  border-color: var(--status-success);
}
._15y965k0.warning {
  color: var(--status-warning);
  background-color: var(--status-warningBackground);
  border-color: var(--status-warning);
}
._15y965k0.error {
  color: var(--status-error);
  background-color: var(--status-errorBackground);
  border-color: var(--status-error);
}
._15y965k0.disabled {
  opacity: 0.4;
  pointer-events: none;
}
._15y965k1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: inherit;
  width: 12px;
  height: 12px;
}
._15y965k1.md {
  width: 14px;
  height: 14px;
}
._15y965k1 svg {
  width: 100%;
  height: 100%;
}
._15y965k2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
}
._15y965k3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: inherit;
  opacity: 0.6;
  border-radius: 2px;
  transition: opacity 0.15s ease;
  width: 14px;
  height: 14px;
}
._15y965k3:hover {
  opacity: 1;
}
._15y965k3.md {
  width: 16px;
  height: 16px;
}._1r82anj0 {
  margin: 0;
  padding: 0;
}
._1r82anj1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.3;
}
._1r82anj2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
}
._1r82anj3 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}
._1r82anj4 {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
._1r82anj5 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
._1r82anj6 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
._1r82anj7 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
._1r82anj8 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
._1r82anj9 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}
._1r82anja {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
._1r82anjb {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
._1r82anjc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
._1r82anjd {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-mono-family);
}
._1r82anje {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._1r82anjf {
  color: var(--text-primary);
}
._1r82anjg {
  color: var(--text-secondary);
}
._1r82anjh {
  color: var(--text-tertiary);
}
._1r82anji {
  color: var(--text-disabled);
}
._1r82anjj {
  color: var(--text-inverse);
}
._1r82anjk {
  color: var(--text-link);
}
._1r82anjl {
  color: var(--text-emphasis);
}
._1r82anjm {
  color: var(--status-error);
}
._1r82anjn {
  color: var(--status-success);
}
._1r82anjo {
  color: var(--status-warning);
}
._1r82anjp {
  color: var(--status-info);
}
._1r82anjq {
  color: inherit;
}
._1r82anjr {
  font-weight: 400;
}
._1r82anjs {
  font-weight: 500;
}
._1r82anjt {
  font-weight: 600;
}
._1r82anju {
  font-weight: 700;
}
._1r82anjv {
  text-align: left;
}
._1r82anjw {
  text-align: center;
}
._1r82anjx {
  text-align: right;
}
._1r82anjy {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1r82anjz {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}._15miw101 {
  display: flex;
  height: 100vh;
  width: 100%;
  background: var(--background-primary);
  color: var(--text-primary);
  font-family: var(--font-family);
}
._15miw102 {
  --_15miw100: 320px;
  width: var(--_15miw100);
  min-width: var(--_15miw100);
  height: 100%;
  border-right: 1px solid;
  border-color: var(--border-default);
  display: flex;
  flex-direction: column;
  background: var(--background-secondary);
  overflow: hidden;
}
._15miw103 {
  display: flex;
  border-bottom: 1px solid;
  border-color: var(--border-default);
  background: var(--background-primary);
  flex-shrink: 0;
  overflow-x: auto;
}
._15miw104 {
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  white-space: nowrap;
  transition: all 0.15s ease;
  border-bottom: 2px solid transparent;
}
._15miw104:hover {
  color: var(--text-primary);
  background: var(--background-hoverOverlay);
}
._15miw104.active {
  color: var(--interactive-primary);
  border-bottom-color: var(--interactive-primary);
}
._15miw105 {
  flex: 1;
  overflow: auto;
  padding: 16px;
}
._15miw106 {
  margin-bottom: 24px;
}
._15miw107 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
._15miw108 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  gap: 4px;
}
._15miw109 {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 4px;
  border: 1px solid;
  border-color: var(--border-default);
  cursor: pointer;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
  position: relative;
}
._15miw109:hover {
  transform: scale(1.1);
  z-index: 1;
  box-shadow: var(--shadow-md);
}
._15miw10a {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
._15miw10b {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  padding: 8px;
  border-radius: 4px;
}
._15miw10b:hover {
  background: var(--background-hoverOverlay);
}
._15miw10c {
  font-size: 12px;
  color: var(--text-secondary);
  min-width: 60px;
}
._15miw10d {
  font-size: 12px;
  color: var(--text-tertiary);
  font-family: var(--font-mono-family);
  margin-left: auto;
}
._15miw10e {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
._15miw10f {
  font-size: 12px;
  color: var(--text-secondary);
  min-width: 80px;
}
._15miw10g {
  width: 80px;
  height: 28px;
  padding: 0 8px;
  font-size: 12px;
  border: 1px solid;
  border-color: var(--border-default);
  border-radius: 4px;
  background: var(--background-primary);
  color: var(--text-primary);
  outline: none;
}
._15miw10g:focus {
  border-color: var(--interactive-primary);
}
._15miw10h {
  flex: 1;
  height: 28px;
  padding: 0 8px;
  font-size: 12px;
  border: 1px solid;
  border-color: var(--border-default);
  border-radius: 4px;
  background: var(--background-primary);
  color: var(--text-primary);
  outline: none;
}
._15miw10h:focus {
  border-color: var(--interactive-primary);
}
._15miw10i {
  flex: 1;
  padding: 24px;
  overflow: auto;
  background: var(--background-primary);
}
._15miw10j {
  margin-bottom: 32px;
}
._15miw10k {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid;
  border-color: var(--border-default);
}
._15miw10l {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
._15miw10m {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
._15miw10n {
  background: var(--interactive-primary);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-inverse);
  font-size: 12px;
  font-weight: 500;
}
._15miw10o {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
._15miw10p {
  width: 60px;
  height: 60px;
  background: var(--background-secondary);
  border: 2px solid;
  border-color: var(--interactive-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--text-secondary);
}
._15miw10q {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._15miw10r {
  display: flex;
  align-items: baseline;
  gap: 16px;
}
._15miw10s {
  font-size: 12px;
  color: var(--text-tertiary);
  min-width: 60px;
  font-family: var(--font-mono-family);
}
._15miw10t {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
._15miw10u {
  width: 100px;
  height: 60px;
  background: var(--background-overlay);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--text-secondary);
}
._15miw10v {
  padding: 12px;
  border-top: 1px solid;
  border-color: var(--border-default);
  background: var(--background-primary);
  flex-shrink: 0;
}
._15miw10w {
  width: 100%;
  height: 36px;
  margin-top: 8px;
  background: var(--interactive-primary);
  color: var(--text-inverse);
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.15s ease;
}
._15miw10w:hover {
  opacity: 0.9;
}
._15miw10x {
  width: 100%;
  height: 32px;
  background: transparent;
  color: var(--text-secondary);
  border: 1px solid;
  border-color: var(--border-default);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 8px;
  transition: all 0.15s ease;
}
._15miw10x:hover {
  background: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._15miw10y {
  width: 100%;
  height: 36px;
  background: linear-gradient(135deg, #6366f1 0%, #ec4899 50%, #f97316 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  background-size: 200% 200%;
  animation: gradient-shift 3s ease infinite;
}
._15miw10y:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
}
._15miw10y:active {
  transform: scale(0.98);
}
._15miw10z {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
._15miw1010 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  text-transform: capitalize;
}
._15miw1011 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 12px;
}
._15miw1012 {
  flex: 1;
  height: 32px;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  transition: transform 0.1s ease;
}
._15miw1012:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
._15miw1012:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
._15miw1012:hover {
  transform: scaleY(1.2);
  z-index: 1;
}
._15miw1012 input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
._15miw1013 {
  padding: 16px;
  background: var(--background-secondary);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--border-default);
}
._15miw1014 {
  position: fixed;
  inset: 0;
  background: var(--background-modal);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
._15miw1015 {
  width: 600px;
  max-height: 80vh;
  background: var(--background-overlay);
  border-radius: 12px;
  box-shadow: var(--shadow-overlay);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._15miw1016 {
  padding: 16px;
  border-bottom: 1px solid;
  border-color: var(--border-default);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._15miw1017 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
}
._15miw1018 {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: var(--icon-primary);
  font-size: 20px;
}
._15miw1018:hover {
  background: var(--background-hoverOverlay);
}
._15miw1019 {
  flex: 1;
  overflow: auto;
  padding: 16px;
}
._15miw101a {
  background: var(--background-codeBlock);
  border-radius: 8px;
  padding: 16px;
  font-size: 12px;
  font-family: var(--font-mono-family);
  color: var(--text-primary);
  overflow: auto;
  max-height: 400px;
  white-space: pre;
  line-height: 1.6;
}
._15miw101b {
  padding: 12px 16px;
  border-top: 1px solid;
  border-color: var(--border-default);
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
._15miw101c {
  height: 32px;
  padding: 0 16px;
  background: var(--interactive-primary);
  color: var(--text-inverse);
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.15s ease;
}
._15miw101c:hover {
  opacity: 0.9;
}._1dj815a0 {
  font-size: 34px;
  font-weight: 400;
  line-height: 41px;
  letter-spacing: 0.4px;
  font-style: normal;
}
._1dj815a1 {
  font-size: 34px;
  font-weight: 700;
  line-height: 41px;
  letter-spacing: 0.4px;
  font-style: normal;
}
._1dj815a2 {
  font-size: 28px;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 0.38px;
  font-style: normal;
}
._1dj815a3 {
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.38px;
  font-style: normal;
}
._1dj815a4 {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.26px;
  font-style: normal;
}
._1dj815a5 {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.26px;
  font-style: normal;
}
._1dj815a6 {
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.45px;
  font-style: normal;
}
._1dj815a7 {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: -0.45px;
  font-style: normal;
}
._1dj815a8 {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: normal;
}
._1dj815a9 {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: italic;
}
._1dj815aa {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: normal;
}
._1dj815ab {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: normal;
}
._1dj815ac {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: italic;
}
._1dj815ad {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: italic;
}
._1dj815ae {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.31px;
  font-style: normal;
}
._1dj815af {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: -0.31px;
  font-style: normal;
}
._1dj815ag {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.31px;
  font-style: italic;
}
._1dj815ah {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: -0.31px;
  font-style: italic;
}
._1dj815ai {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.23px;
  font-style: normal;
}
._1dj815aj {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.23px;
  font-style: normal;
}
._1dj815ak {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.23px;
  font-style: italic;
}
._1dj815al {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.23px;
  font-style: italic;
}
._1dj815am {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.08px;
  font-style: normal;
}
._1dj815an {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.08px;
  font-style: normal;
}
._1dj815ao {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.08px;
  font-style: italic;
}
._1dj815ap {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.08px;
  font-style: italic;
}
._1dj815aq {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: inherit;
  font-style: normal;
}
._1dj815ar {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: inherit;
  font-style: normal;
}
._1dj815as {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: inherit;
  font-style: italic;
}
._1dj815at {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: inherit;
  font-style: italic;
}
._1dj815au {
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0.06px;
  font-style: normal;
}
._1dj815av {
  font-size: 11px;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: 0.06px;
  font-style: normal;
}
._1dj815aw {
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0.06px;
  font-style: italic;
}
._1dj815ax {
  font-size: 11px;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: 0.06px;
  font-style: italic;
}@keyframes _7z2ut0 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _7z2ut1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes _7z2ut2 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _7z2ut3 {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}
@keyframes _7z2ut4 {
  from {
    transform: translateY(-8px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes _7z2ut5 {
  from {
    transform: translateY(8px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes _7z2ut6 {
  from {
    transform: translateX(-8px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes _7z2ut7 {
  from {
    transform: translateX(8px);
  }
  to {
    transform: translateX(0);
  }
}
._7z2ut8 {
  min-width: 8rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--border-default);
  background-color: var(--background-overlay);
  padding: 4px;
  color: var(--text-primary);
  box-shadow: var(--shadow-menu);
  transform-origin: var(--radix-context-menu-content-transform-origin);
}
._7z2ut8[data-state="open"] {
  animation-name: _7z2ut0, _7z2ut2;
  animation-duration: 150ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
._7z2ut8[data-state="closed"] {
  animation-name: _7z2ut1, _7z2ut3;
  animation-duration: 150ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
._7z2ut8[data-side="top"] {
  animation-name: _7z2ut0, _7z2ut2, _7z2ut5;
}
._7z2ut8[data-side="bottom"] {
  animation-name: _7z2ut0, _7z2ut2, _7z2ut4;
}
._7z2ut8[data-side="left"] {
  animation-name: _7z2ut0, _7z2ut2, _7z2ut7;
}
._7z2ut8[data-side="right"] {
  animation-name: _7z2ut0, _7z2ut2, _7z2ut6;
}
._7z2ut8 [data-slot="scroll-area"] {
  max-height: inherit;
}
._7z2ut8 [data-slot="scroll-area-viewport"] {
  max-height: inherit;
}
._7z2ut9 {
  min-width: 8rem;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--border-default);
  background-color: var(--background-overlay);
  padding: 4px;
  color: var(--text-primary);
  box-shadow: var(--shadow-popover);
  transform-origin: var(--radix-context-menu-content-transform-origin);
}
._7z2ut9[data-state="open"] {
  animation-name: _7z2ut0, _7z2ut2;
  animation-duration: 150ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
._7z2ut9[data-state="closed"] {
  animation-name: _7z2ut1, _7z2ut3;
  animation-duration: 150ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
._7z2ut9[data-side="top"] {
  animation-name: _7z2ut0, _7z2ut2, _7z2ut5;
}
._7z2ut9[data-side="bottom"] {
  animation-name: _7z2ut0, _7z2ut2, _7z2ut4;
}
._7z2ut9[data-side="left"] {
  animation-name: _7z2ut0, _7z2ut2, _7z2ut7;
}
._7z2ut9[data-side="right"] {
  animation-name: _7z2ut0, _7z2ut2, _7z2ut6;
}
._7z2uta {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 14px;
  outline: none;
  cursor: default;
  user-select: none;
}
._7z2uta[data-inset="true"] {
  padding-left: 32px;
}
._7z2uta[data-disabled] {
  color: var(--text-disabled);
  opacity: 0.5;
  pointer-events: none;
}
._7z2uta:focus, ._7z2uta[data-highlighted] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._7z2uta[data-variant="destructive"] {
  color: var(--status-error);
}
._7z2uta[data-variant="destructive"]:focus, ._7z2uta[data-variant="destructive"][data-highlighted] {
  background-color: var(--status-errorBackground);
  color: var(--status-error);
}
._7z2uta svg:not([class*="text-"]) {
  color: var(--color-text-secondary);
}
._7z2uta[data-variant="destructive"] svg {
  color: var(--color-status-error);
}
._7z2uta svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
._7z2utb {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  padding: 6px 8px 6px 32px;
  font-size: 14px;
  outline: none;
  cursor: default;
  user-select: none;
}
._7z2utb[data-disabled] {
  color: var(--text-disabled);
  opacity: 0.5;
  pointer-events: none;
}
._7z2utb:focus, ._7z2utb[data-highlighted] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._7z2utb svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
._7z2utc {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  padding: 6px 8px 6px 32px;
  font-size: 14px;
  outline: none;
  cursor: default;
  user-select: none;
}
._7z2utc[data-disabled] {
  color: var(--text-disabled);
  opacity: 0.5;
  pointer-events: none;
}
._7z2utc:focus, ._7z2utc[data-highlighted] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._7z2utc svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
._7z2utd {
  padding: 6px 8px;
  font-size: 14px;
  font-weight: 500;
}
._7z2utd[data-inset="true"] {
  padding-left: 32px;
}
._7z2ute {
  height: 1px;
  margin: 4px -4px;
  background-color: var(--border-default);
}
._7z2utf {
  margin-left: auto;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--text-secondary);
}
._7z2utg {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 14px;
  outline: none;
  cursor: default;
  user-select: none;
}
._7z2utg[data-inset="true"] {
  padding-left: 32px;
}
._7z2utg:focus, ._7z2utg[data-highlighted] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._7z2utg[data-state="open"] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._7z2utg svg:not([class*="text-"]) {
  color: var(--color-text-secondary);
}
._7z2utg svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
._7z2uth {
  position: absolute;
  left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  pointer-events: none;
}
._7z2uth svg {
  width: 16px;
  height: 16px;
}
._7z2uti {
  margin-left: auto;
}
._7z2uti svg {
  width: 16px;
  height: 16px;
}._33vovm0 {
  display: flex;
  height: 100%;
  width: 100%;
}
._33vovm0[data-panel-group-direction="vertical"] {
  flex-direction: column;
}
._33vovm1 {
  position: relative;
  display: flex;
  width: 1px;
  align-items: center;
  justify-content: center;
  background-color: var(--border-default);
  outline: none;
}
._33vovm1::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 4px;
  transform: translateX(-50%);
}
._33vovm1:focus-visible {
  box-shadow: var(--shadow-focusRing);
}
._33vovm1[data-panel-group-direction="horizontal"] {
  height: 1px;
  width: 100%;
}
._33vovm1[data-panel-group-direction="horizontal"]::after {
  left: 0;
  top: auto;
  height: 4px;
  width: 100%;
  transform: translateY(-50%);
}
._33vovm2 {
  background-color: var(--border-default);
  height: 24px;
  width: 3px;
  border-radius: 9999px;
  z-index: 1;
  display: flex;
  flex-shrink: 0;
}
._33vovm1[data-panel-group-direction="horizontal"] > ._33vovm2 {
  transform: rotate(90deg);
}
._1czgvjb0 {
  background-color: var(--background-warning);
  color: var(--status-warning);
  width: 100%;
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
}
._1czgvjb1 {
  width: 36px;
  height: 36px;
  color: var(--icon-primary);
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 16px;
}
._1czgvjb2 {
  width: 15px;
  height: 15px;
  position: relative;
  z-index: 1;
}
._1czgvjb3 {
  background-color: var(--background-error);
  color: var(--status-error);
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  position: absolute;
  z-index: 1;
  gap: 16px;
  container-type: inline-size;
}
._1czgvjb4 {
  color: var(--status-error);
  flex-grow: 1;
  flex-shrink: 1;
}
._1czgvjb5 {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 520px) {
  ._1czgvjb3 {
    flex-wrap: wrap;
  }
  ._1czgvjb5 {
    width: 100%;
  }
}
._1m4np7z0 {
  position: fixed;
  width: 420px;
  background-color: var(--background-primary);
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--background-hoverOverlay);
  display: flex;
  flex-direction: column;
  z-index: 9999;
}
._1m4np7z1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px 6px 4px;
  gap: 8px;
  user-select: none;
  transition: cursor 0.2s;
}
._1m4np7z2 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}
._1m4np7z3 {
  padding: 4px;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  transition: all 0.2s;
}
._1m4np7z3:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._1m4np7z4 {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 4px;
  background-color: var(--background-primary);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s;
  z-index: 10;
}
._1m4np7z0:hover ._1m4np7z4 {
  opacity: 1;
  pointer-events: auto;
}
._1m4np7z4:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._1m4np7z5 {
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._1m4np7z7 {
  display: flex;
  justify-content: flex-end;
}
._1m4np7z8 {
  padding: 12px 16px;
  border-bottom: 1px solid var(--background-hoverOverlay);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1m4np7z9 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._1m4np7za {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  min-width: 50px;
}
._1m4np7zb {
  min-width: 140px;
  padding: 6px 8px;
  font-size: 12px;
  border-radius: 6px;
  border: 1px solid var(--background-hoverOverlay);
  background-color: var(--background-secondary);
  color: var(--text-primary);
  cursor: pointer;
  transition: all 0.2s;
}
._1m4np7zb:hover:not(:disabled) {
  border-color: var(--text-primary);
}
._1m4np7zb:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._1m4np7zc {
  flex: 1;
  font-size: 12px;
}
._1m4np7zd {
  display: flex;
  gap: 8px;
}
._1m4np7ze {
  padding: 6px 12px;
  background-color: var(--interactive-primary);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: white;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transition: all 0.2s;
}
._1m4np7ze:hover:not(:disabled) {
  opacity: 0.9;
  transform: translateY(-1px);
}
._1m4np7ze:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._1m4np7zf {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  align-self: flex-start;
  transition: all 0.2s;
}
._1m4np7zf[data-status="running"] {
  background-color: rgba(76, 175, 80, 0.1);
  color: var(--icon-active);
}
._1m4np7zf[data-status="idle"] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-secondary);
}
._1m4np7zf[data-status="recording"] {
  background-color: rgba(244, 67, 54, 0.1);
  color: #f44336;
}
._1m4np7zg {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.5;
  padding: 8px 0;
}
._1m4np7zh {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  flex: 1;
  min-height: 200px;
  max-height: 300px;
}
._1m4np7zi {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}
._1m4np7zj {
  flex: 1;
  overflow: auto;
  border-radius: 6px;
  background-color: var(--background-secondary);
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
  font-family: monospace;
}
._1m4np7zk {
  color: var(--text-tertiary);
  font-style: italic;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
._1m4np7zl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  border-radius: 3px;
  background-color: var(--background-primary);
  transition: background-color 0.15s;
}
._1m4np7zl:hover {
  background-color: var(--background-hoverOverlay);
}
._1m4np7zm {
  flex: 1;
  color: var(--text-link);
  font-weight: 500;
  word-break: break-all;
}
._1m4np7zn {
  color: var(--text-tertiary);
  min-width: 50px;
  text-align: right;
  margin-left: 8px;
}
._1rw8sks0 h1 {
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}
._1rw8sks0 h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
._1rw8sks0 h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
._1rw8sks0 p {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}
._1rw8sks0 b {
  font-weight: 600;
}
._1rw8sks0 ol {
  counter-reset: section;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._1rw8sks0 ol li, ._1rw8sks0 ul li {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}
._1rw8sks0 ol li::before {
  content: counter(section) ".";
  display: inline-block;
  counter-increment: section;
  color: #1C81D9;
  width: 24px;
  margin-right: 4px;
}
._1rw8sks0 ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._1rw8sks0 ul li {
  position: relative;
  padding-left: 24px;
}
._1rw8sks0 ul li::before {
  --dot-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle cx='2' cy='2' r='2' fill='%231C81D9'/%3E%3C/svg%3E");
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: var(--dot-svg);
  background-repeat: no-repeat;
  background-position: 4px 50%;
}
._1rw8sks0 img.illustration {
  border-radius: 5px;
  overflow: hidden;
}
._1rw8sks1 {
  color: #1E67AF;
}
._1rw8sks2 {
  color: #424149;
  font-weight: 500;
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
}
._1rw8sks3 {
  color: #77757D;
  align-self: center;
}
._1rw8sks4 {
  position: relative;
}
._1rw8sks4::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  transform: scaleY(0.5);
  width: 100%;
  background-color: #E3E2E4;
}
._1rw8sks5 {
  padding-left: 17px;
  position: relative;
}
._1rw8sks5::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 2px;
  border-radius: 1px;
  background-color: #D9D9D9;
}
._1rw8sks6 {
  height: 1px;
  background-color: #E3E2E4;
  border: none;
  margin: 18px 0;
  width: calc(100% - 20px);
  align-self: center;
}
@keyframes doi6n73 {
  from {
    stroke-dashoffset: 120;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes doi6n75 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.doi6n70 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.doi6n71 {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.doi6n72 {
  font-size: 16px;
  font-family: "Orelega One";
  font-weight: 700;
  line-height: 18px;
  width: 0;
  flex-grow: 1;
}
.doi6n74 {
  stroke-dashoffset: 120;
}
[data-mode="canvas"] .doi6n74 {
  animation: doi6n73 0.5s ease forwards;
}
.doi6n76 {
  opacity: 0;
}
[data-mode="canvas"] .doi6n76 {
  animation: doi6n75 0.2s ease forwards;
}
@keyframes yt6m9r0 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.yt6m9r1 {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.yt6m9r1[data-is-window="false"] {
  perspective: 10000px;
  transform-style: preserve-3d;
}
.yt6m9r1::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #F4F4F5;
  transform: translateZ(-1000px) scale(2);
  transition: opacity 0.3s ease;
}
.yt6m9r1[data-is-desktop="true"]::after {
  animation: yt6m9r0 0.8s linear;
  background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 99.58%);
}
.yt6m9r1[data-is-window="true"][data-is-desktop="true"]::after {
  opacity: 0;
}
.yt6m9r1[data-is-window="false"] * {
  perspective: 10000px;
  transform-style: preserve-3d;
}
.yt6m9r2 {
  width: 0;
  height: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.yt6m9r3 {
  position: absolute;
  left: calc(var(--offset-x) - 230px / 2);
  top: calc(var(--offset-y) - 302px / 2);
}
.yt6m9r4 {
  position: absolute;
  width: calc(1200px - 48px);
  max-width: calc(100vw - 96px);
  bottom: 0;
  height: calc(800px / 2 - 24px);
  max-height: calc(50vh - 48px);
  pointer-events: none;
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: 0.3s ease;
}
.yt6m9r4[data-visible="true"] {
  opacity: 1;
}
.yt6m9r4 > * {
  display: inline-block;
  height: fit-content;
}
.yt6m9r4[data-visible="true"] > * {
  pointer-events: auto;
}
:root {
  background-color: transparent;
}
@keyframes _1bkbmy22 {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes _1bkbmy25 {
  from {
    box-shadow: 0px 0px 0px 0px #000;
  }
  to {
    box-shadow: 10px 10px 0px 6px #000;
  }
}
._1bkbmy20 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px;
  border-radius: 24px;
  background: #F4F4F5;
  height: 64px;
  width: 128px;
  justify-content: space-between;
}
._1bkbmy20::after {
  content: "";
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background-color: white;
  position: absolute;
  transition: transform 0.15s ease;
  box-shadow: var(--shadow-sm);
}
._1bkbmy20[data-mode="canvas"]::after {
  transform: translateX(64px);
}
._1bkbmy21 {
  transform: scale(2);
  box-shadow: none;
  opacity: 0.6;
}
._1bkbmy21:nth-child(1) {
  transform-origin: left;
}
._1bkbmy21:nth-child(2) {
  transform-origin: right;
}
._1bkbmy21[data-active="true"] {
  opacity: 1;
}
._1bkbmy23 {
  cursor: not-allowed;
  box-shadow: 0px 0px 12px 0px #4241492E;
  border-radius: 16px;
  border: 1px solid #E3E2E4;
  height: 65px;
  overflow: hidden;
  background-color: white;
}
._1bkbmy24 {
  --delay: 0s;
}
[data-mode="canvas"] ._1bkbmy24 {
  transform: translateY(120%);
  animation: _1bkbmy22 0.4s cubic-bezier(.04,1.01,.42,1.31) forwards;
  animation-delay: var(--delay);
}
._1bkbmy26 {
  position: relative;
  border-radius: 8px;
  box-shadow: 10px 10px 0px 6px #000;
  padding: 22px 24px;
  font-size: 15px;
  line-height: 23px;
}
._1bkbmy26::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: 0px 0px 0px 6px #000;
}
[data-mode=canvas] ._1bkbmy26[data-animate=true] {
  animation: _1bkbmy25 0.6s ease forwards;
}
.omin5g2 {
  --omin5g0: 230px;
  --omin5g1: 302px;
  width: var(--omin5g0);
  height: var(--omin5g1);
  position: relative;
}
.omin5g3 {
  width: 100%;
  height: 100%;
  background: white;
  position: absolute;
  top: calc(var(--segments-up) / var(--segments) * 100%);
}
.omin5g3::before {
  content: "";
  position: absolute;
  transform: translateZ(-1px);
  width: 100%;
  height: 2px;
  background: white;
}
.omin5g3[data-root="true"]::before {
  content: none;
}
.omin5g3[data-direction="up"]::before {
  bottom: -1px;
}
.omin5g3[data-direction="down"]::before {
  top: -1px;
}
.omin5g3[data-root="true"] {
  height: calc(1 / var(--segments) * 100%);
}
.omin5g3[data-direction="up"] {
  top: unset;
  bottom: 100%;
  transform-origin: bottom;
}
.omin5g3[data-direction="down"] {
  top: 100%;
  transform-origin: top;
}
.omin5g3[data-top="true"] {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.omin5g3[data-bottom="true"] {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.omin5g4 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
}
.omin5g5 {
  padding: 16px;
  overflow: hidden;
  font-family: var(--font-family);
}
.omin5g4 > .omin5g5 {
  position: absolute;
  width: var(--omin5g0);
  height: var(--omin5g1);
  top: calc((var(--index)) * -100%);
}
.omin5g6 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.omin5g7 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: #121212;
}
.omin5g8 {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
.omin5g9 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
@keyframes _1phidfj0 {
  from {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  }
  to {
    box-shadow: 0px 0px 4px rgba(66, 65, 73, 0.14);
  }
}
@keyframes _1phidfj1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _1phidfj2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
._1phidfj3 {
  --hover-offset-y: 0px;
  --hover-scale: 1;
  position: absolute;
  left: calc(var(--offset-x) - 230px / 2);
  top: calc(var(--offset-y) - 302px / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(var(--toRotateZ)) translateY(var(--hover-offset-y)) scale(var(--hover-scale));
  cursor: pointer;
  background-color: white;
  border-radius: 8px;
  width: 230px;
  height: 302px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  animation: _1phidfj0 0.5s ease forwards;
  transition: all 0.23s ease, width 0.3s ease, height 0.3s ease, transform 0.3s ease;
}
._1phidfj3:hover {
  --hover-offset-y: -10px;
  --hover-scale: 1.03;
}
._1phidfj3::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid #E3E2E4;
  border-radius: inherit;
  animation: _1phidfj1 0.5s ease forwards;
  pointer-events: none;
}
._1phidfj3[data-fold="false"] {
  --toRotateZ: 0deg;
  --hover-offset-y: 0px;
  --hover-scale: 1;
  width: 1200px;
  height: 800px;
  left: calc(-1200px / 2);
  top: calc(-800px / 2);
}
._1phidfj4 {
  width: 230px;
  height: 302px;
  padding: 16px;
  overflow: hidden;
  font-family: var(--font-family);
}
._1phidfj4.leave {
  animation: _1phidfj2 0.1s ease forwards;
}
@keyframes ky1e720 {
  0% {
    transform: translateZ(var(--fromZ)) translateX(var(--fromX)) translateY(var(--fromY)) rotateX(var(--fromRotateX)) rotateY(var(--fromRotateY)) rotateZ(var(--fromRotateZ));
  }
  100% {
    transform: translateZ(var(--toZ)) translateX(0) translateY(0) rotateX(0deg) rotateY(0deg) rotateZ(var(--toRotateZ));
  }
}
.ky1e721 {
  position: absolute;
  left: calc(var(--offset-x) - 230px / 2);
  top: calc(var(--offset-y) - 302px / 2);
  animation: ky1e720 var(--duration) ease forwards;
  animation-delay: var(--delay);
  transform: translateY(100vh);
}
@keyframes _4o9n290 {
  from {
    opacity: 0;
    pointer-events: none;
  }
  to {
    opacity: 1;
    pointer-events: auto;
  }
}
._4o9n291 {
  width: 500px;
  text-align: center;
  font-family: var(--font-family);
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  opacity: 0;
  animation: _4o9n290 1s ease forwards;
  animation-delay: 5s;
  color: #121212;
}
[data-is-desktop="true"] ._4o9n291 {
  color: white;
  text-shadow: 0px 0px 4px rgba(66, 65, 73, 0.14);
}
._4o9n292 {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  animation: _4o9n290 1s ease forwards;
  animation-delay: 20s;
}
._1k3cgt80 {
  display: flex;
  gap: 16px;
  justify-content: center;
}
._1k3cgt81 {
  position: relative;
  z-index: 2;
  padding: 14px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  bottom: 0;
  gap: 16px;
  background-color: var(--background-primary);
  border-top: 1px solid var(--border-default);
}
._1k3cgt82 {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: var(--text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
._1k3cgt83 {
  padding: 8px 18px;
  height: 36px;
}
._1k3cgt84 {
  width: 20px;
  height: 20px;
}
._18xy0oh0 {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  border-top: 0.5px solid transparent;
  transition: border-color 0.2s;
}
._18xy0oh0[data-dynamic-top-border="false"] {
  border-color: var(--border-default);
}
._18xy0oh0[data-has-scroll-top="true"] {
  border-color: var(--border-default);
}
._18xy0oh1 {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  z-index: 0;
}
._18xy0oh2 {
  container-name: viewport;
  container-type: inline-size;
}
._18xy0oh2[data-dragging="true"] {
  background-color: var(--background-hoverOverlay);
}
._18xy0oh3 {
  margin-right: 4px;
}
._18xy0oh4 {
  height: 100%;
}
@media print {
  ._18xy0oh2 {
    display: none;
    z-index: -1;
  }
}
.hc97yi0 {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0;
}
.hc97yi1 {
  display: flex;
  gap: 12px;
  height: 28px;
}
.hc97yi2 {
  padding: 0px 4px 6px;
}
.hc97yi3 {
  width: fit-content;
  min-width: 280px;
  max-height: 600px;
  padding: 12px;
}
.hc97yi4 {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.hc97yi5 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0px;
}
.hc97yi6 {
  flex: 1;
  display: flex;
  align-items: center;
  height: 36px;
  border-radius: 8px;
  border: 1px solid var(--border-default);
  padding: 0px 8px;
  font-size: 14px;
  background-color: var(--background-primary);
  transition: border-color 0.15s ease;
}
.hc97yi6:focus-within {
  border-color: var(--interactive-primary);
}
.hc97yi7 {
  flex: 1;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: inherit;
  color: var(--text-primary);
  background-color: transparent;
  height: 100%;
}
.hc97yi7::placeholder {
  color: var(--text-placeholder);
}
.hc97yi8 {
  flex-shrink: 0;
  height: 36px;
  padding: 0px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
}
.hc97yi9 {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-height: 240px;
  overflow-y: auto;
}
.hc97yia {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 4px;
  border-radius: 4px;
  gap: 12px;
}
.hc97yia:hover {
  background-color: var(--background-hoverOverlay);
}
.hc97yib {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  overflow: hidden;
}
.hc97yic {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.hc97yid {
  display: flex;
  align-items: center;
  gap: 4px;
}
.hc97yie {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hc97yif {
  color: var(--text-tertiary);
  font-size: 14px;
  font-weight: 400;
  flex-shrink: 0;
}
.hc97yig {
  color: var(--text-tertiary);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hc97yih {
  padding: 4px;
  padding-right: 0;
  border-radius: 4px;
  gap: 4px;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  flex-shrink: 0;
  color: var(--text-secondary);
}
.hc97yii {
  font-size: 14px;
  color: var(--text-disabled);
  flex-shrink: 0;
}
.hc97yij {
  border-color: var(--divider-default);
  margin: 8px 0px;
}
.hc97yik {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hc97yil {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  padding: 0px 4px;
}
.hc97yim {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 4px;
  border-radius: 4px;
}
.hc97yin {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hc97yio {
  width: 36px;
  height: 36px;
  border-radius: 9999px;
  background-color: var(--background-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--icon-primary);
}
.hc97yip {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
}
.hc97yiq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid var(--divider-default);
  margin-top: 8px;
}
.hc97yir {
  display: flex;
  align-items: center;
}
.hc97yis {
  color: var(--text-tertiary);
  font-size: 14px;
  cursor: pointer;
}
.hc97yis:hover {
  color: var(--text-link);
}
.hc97yit {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hc97yiu {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
}
.hc97yiv {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hc97yiw {
  padding: 4px;
  transition: all 0.3s;
  gap: 0;
}
.hc97yiw > div:first-child {
  align-items: center;
}
.hc97yiw svg {
  width: 16px;
  height: 16px;
}
.hc97yix {
  word-wrap: break-word;
  font-size: 12px;
  line-height: 20px;
  color: var(--text-secondary);
  text-align: left;
  padding: 0 6px;
}
.hc97yiy {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
}
.hc97yiz {
  padding: 6px 8px;
  height: 32px;
}
.hc97yiz:focus-visible::after {
  display: none;
}
.hc97yi10 {
  display: flex;
  gap: 8px;
  align-items: center;
}
._1f0n3rf0 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 4px;
  color: var(--text-inverse);
  background-color: var(--interactive-primary);
  border-radius: 4px;
}
._1mixbok0 {
  min-height: 342px;
  max-height: 342px;
}
.otc8ki0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 4px;
  width: 100%;
  gap: 12px;
  cursor: pointer;
}
.otc8ki0:hover {
  background-color: var(--background-hoverOverlay);
  border-radius: 4px;
}
.otc8ki1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  flex: 1;
  overflow: hidden;
  width: 100%;
}
.otc8ki2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.otc8ki3 {
  color: var(--text-primary);
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.otc8ki4 {
  color: var(--text-secondary);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.otc8ki5 {
  color: var(--text-primary);
  font-size: 14px;
  flex-shrink: 0;
}
.otc8ki5.disable {
  color: var(--text-disabled);
}
.ra64ib0 {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  flex: 1;
  overflow: hidden;
}
.ra64ib1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid var(--border-default);
  cursor: pointer;
  gap: 4px;
  padding: 0px 4px 6px;
  height: 28px;
  color: var(--text-secondary);
}
.ra64ib2 {
  font-size: 20px;
  color: var(--icon-primary);
}
.ra64ib3 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  flex: 1;
}
.ra64ib4 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-top: 1px solid var(--tab-divider-divider);
  padding-top: 8px;
}
.ra64ib5 {
  color: var(--text-link);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 4px;
}
.ra64ib6 {
  flex-grow: 1;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: inherit;
  color: inherit;
  background-color: transparent;
}
.ra64ib6::placeholder {
  color: var(--text-placeholder);
}
.ra64ib7 {
  display: flex;
  gap: 4px;
  border-radius: 4px;
  padding: 4px;
  flex-wrap: wrap;
  width: 100%;
  margin: 6px 0px;
  border: 1px solid var(--input-border-default);
}
.ra64ib7.focus {
  border-color: var(--border-focus);
}
.ra64ib8 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex: 1;
  gap: 4px;
  max-height: 60px;
  overflow-y: auto;
}
.ra64ib9 {
  flex-shrink: 0;
}
.ra64iba {
  padding: 1px 2px;
  gap: 4px;
  height: 22px;
  border-radius: 2px;
  justify-content: space-between;
  display: flex;
  font-size: 12px;
  font-weight: 400;
}
.ra64ibb {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-shrink: 0;
}
.ra64ibc {
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.ra64ibd {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  cursor: not-allowed;
  color: var(--text-disabled);
}
.ra64ibe {
  font-size: 20px;
  color: var(--icon-primary);
}
.ra64ibf {
  min-height: 155px;
  max-height: 394px;
  overflow: hidden;
}
.ra64ibg {
  font-size: 14px;
  color: var(--text-secondary);
}
.ra64ibh {
  width: 6px;
}
.ra64ibi {
  display: flex;
  gap: 8px;
  align-items: center;
}
._1qw9lcv0 {
  height: 22px;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
}
._1qw9lcv0:last-child {
  min-width: max-content;
}
._1qw9lcv1 {
  font-size: inherit;
  border-radius: 2px;
  column-gap: 4px;
  border-width: 1px;
  border-style: solid;
  background: var(--background-primary);
  max-width: 128px;
  height: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1px 2px;
  color: var(--text-primary);
  border-color: var(--border-subtle);
}
._1qw9lcv2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  user-select: none;
}
._1qw9lcv3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  flex-shrink: 0;
  cursor: pointer;
}
._1qw9lcv3:hover {
  background: var(--background-hoverOverlay);
}
@keyframes _1vdxcdm0 {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _1vdxcdm1 {
  0% {
    box-shadow: 0 0 0 0 rgba(139, 92, 246, 0.5);
  }
  70% {
    box-shadow: 0 0 0 6px rgba(139, 92, 246, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(139, 92, 246, 0);
  }
}
._1vdxcdm2 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
._1vdxcdm3 {
  animation: _1vdxcdm0 150ms ease-out;
  cursor: default;
}
._1vdxcdm4 {
  animation-name: _1vdxcdm0, _1vdxcdm1;
  animation-duration: 150ms, 2s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  cursor: default;
}
.vzlsb20 {
  padding: 4px;
  width: 420px;
  max-width: calc(var(--radix-dropdown-menu-content-available-width) - 8px);
}
.vxp1hg0 {
  padding: 16px;
  border-radius: 8px;
  background: var(--background-primary);
  transition: all 0.2s;
}
.vxp1hg1 {
  border-color: var(--interactive-primary);
  box-shadow: 0 0 0 2px var(--interactive-primary)33;
}
.cop71v0 {
  display: inline-block;
}
.cop71v1 {
  display: inline;
  padding: 2px 8px;
  margin: 0 2px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  font-size: inherit;
  font-family: inherit;
  background-color: var(--background-secondary);
  color: var(--text-primary);
  outline: none;
  min-width: 60px;
}
.cop71v1:focus {
  border: 2px solid var(--interactive-primary);
  background-color: var(--background-primary);
  box-shadow: 0 0 0 2px var(--interactive-primary)20;
  padding: 1px 7px;
}
.cop71v1::placeholder {
  color: var(--text-placeholder);
}
.cop71v2 {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 2px 8px;
  margin: 0 2px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  background-color: var(--background-secondary);
  cursor: pointer;
  gap: 4px;
  width: fit-content;
}
.cop71v2:hover {
  background-color: var(--background-hoverOverlay);
  border-color: var(--border-focus);
}
.cop71v3 {
  color: var(--text-placeholder);
  font-size: inherit;
  font-family: inherit;
}
.cop71v4 {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  gap: 4px;
}
.cop71v4:hover {
  background-color: var(--background-hoverOverlay);
  border-radius: 4px;
  padding: 0 4px;
  margin: 0 -4px;
}
.cop71v5 {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}
.cop71v6 {
  width: 12px;
  height: 12px;
  opacity: 0;
  transition: opacity 0.15s ease;
  flex-shrink: 0;
  color: var(--icon-secondary);
}
.cop71v4:hover .cop71v6 {
  opacity: 0.7;
}
.cop71v2:hover .cop71v6 {
  opacity: 0.7;
}
@keyframes _1l83w20m {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
._1l83w200 {
  width: 100%;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  overflow: hidden;
  user-select: none;
}
._1l83w201 {
  height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--background-secondary);
}
._1l83w202 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  border: none;
  background-color: transparent;
  color: var(--text-secondary);
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
}
._1l83w202:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._1l83w202 svg {
  width: 14px;
  height: 14px;
}
._1l83w203 {
  width: 1px;
  height: 16px;
  background-color: var(--divider-default);
}
._1l83w204 {
  font-size: 11px;
  color: var(--text-tertiary);
  margin-left: auto;
  white-space: nowrap;
}
._1l83w205 {
  overflow-x: auto;
  overflow-y: hidden;
}
._1l83w205::-webkit-scrollbar {
  display: block;
}
._1l83w205::-webkit-scrollbar:horizontal {
  height: 4px;
}
._1l83w205::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: transparent;
}
._1l83w205:hover::-webkit-scrollbar:horizontal {
  height: 6px;
}
._1l83w205:hover::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.2);
}
._1l83w206 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
  line-height: 1.4;
}
._1l83w207 {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--background-secondary);
}
._1l83w208 {
  position: relative;
  padding: 4px 8px;
  font-weight: 600;
  color: var(--text-secondary);
  text-align: left;
  border-bottom: 1px solid var(--border-default);
  border-right: 1px solid var(--border-default);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  height: 28px;
}
._1l83w208:last-child {
  border-right: none;
}
._1l83w208:hover {
  background-color: var(--background-hoverOverlay);
}
._1l83w209 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._1l83w20a {
  font-size: 10px;
  color: var(--text-tertiary);
  flex-shrink: 0;
}
._1l83w20b {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  cursor: col-resize;
  background-color: transparent;
  z-index: 2;
}
._1l83w20b:hover {
  background-color: var(--interactive-primary);
}
._1l83w20b:active {
  background-color: var(--interactive-primary);
}
._1l83w20c {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  outline: none;
  width: 100%;
}
._1l83w20d {
  position: relative;
  overflow-y: auto;
}
._1l83w20d::-webkit-scrollbar {
  display: block;
  width: 4px;
}
._1l83w20d::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: transparent;
}
._1l83w20d:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
._1l83w20e:hover {
  background-color: var(--background-hoverOverlay);
}
._1l83w20f {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  padding: 0 4px;
  color: var(--text-tertiary);
  font-size: 11px;
  text-align: right;
  border-right: 1px solid var(--border-default);
  border-bottom: 1px solid var(--border-default);
  user-select: none;
  vertical-align: middle;
  background-color: var(--background-secondary);
}
._1l83w20g {
  padding: 0;
  border-right: 1px solid var(--border-default);
  border-bottom: 1px solid var(--border-default);
  height: 28px;
  vertical-align: top;
}
._1l83w20g:last-child {
  border-right: none;
}
._1l83w20h {
  padding: 4px 8px;
  cursor: text;
  min-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
}
._1l83w20i {
  width: 100%;
  height: 100%;
  min-height: 28px;
  padding: 4px 8px;
  border: none;
  outline: 2px solid var(--border-focus);
  outline-offset: -2px;
  border-radius: 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--text-primary);
  background-color: var(--background-primary);
  box-sizing: border-box;
}
._1l83w20j {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  gap: 8px;
  color: var(--text-tertiary);
  font-size: 13px;
}
._1l83w20k {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 4px;
  border: 1px solid var(--border-default);
  background-color: var(--background-primary);
  color: var(--text-primary);
  font-size: 13px;
  cursor: pointer;
}
._1l83w20k:hover {
  background-color: var(--background-hoverOverlay);
}
._1l83w20k svg {
  width: 14px;
  height: 14px;
}
._1l83w20l {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  background-color: var(--background-secondary);
  border-bottom: 1px solid var(--border-default);
  border-right: 1px solid var(--border-default);
}
._1l83w20n {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  gap: 8px;
  color: var(--text-tertiary);
  font-size: 13px;
  min-height: 120px;
}
._1l83w20o {
  display: flex;
  gap: 4px;
}
._1l83w20p {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--text-tertiary);
  animation: _1l83w20m 1.4s ease-in-out infinite;
}
._1l83w20p:nth-child(2) {
  animation-delay: 0.2s;
}
._1l83w20p:nth-child(3) {
  animation-delay: 0.4s;
}
._1l83w20q {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  gap: 8px;
  color: var(--status-error);
  font-size: 13px;
  min-height: 120px;
}
._1l83w20r {
  width: 24px;
  height: 24px;
  color: var(--status-error);
}
._1l83w20s {
  font-size: 13px;
  color: var(--text-secondary);
  text-align: center;
  max-width: 400px;
  line-height: 1.4;
}
._1l83w20t {
  font-size: 11px;
  color: var(--text-tertiary);
  font-family: var(--legacy-fontFamily);
  padding: 4px 8px;
  background-color: var(--background-secondary);
  border-radius: 4px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
}
._1l83w20t:hover {
  border-color: var(--border-default);
  color: var(--text-secondary);
}
._1l83w20u {
  font-size: 11px;
  color: var(--text-primary);
  font-family: var(--legacy-fontFamily);
  padding: 4px 8px;
  background-color: var(--background-primary);
  border-radius: 4px;
  border: 1px solid var(--border-focus);
  outline: none;
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
}
._1l83w20v {
  font-size: 11px;
  color: var(--text-tertiary);
  font-family: var(--legacy-fontFamily);
  padding: 1px 4px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid transparent;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
}
._1l83w20v:hover {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background-color: var(--background-secondary);
}
._1l83w20w {
  font-size: 11px;
  color: var(--text-primary);
  font-family: var(--legacy-fontFamily);
  padding: 1px 4px;
  background-color: var(--background-primary);
  border-radius: 4px;
  border: 1px solid var(--border-focus);
  outline: none;
  width: 250px;
  box-sizing: border-box;
}
.kqav5c0 {
  display: flex;
  flex-direction: column;
  user-select: none;
}
.kqav5c1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px;
  margin-bottom: 12px;
}
.kqav5c2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  outline: none;
  flex: 1;
  min-width: 0;
}
.kqav5c3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  padding: 4px 8px;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  background: var(--background-primary);
  outline: none;
  flex: 1;
  min-width: 0;
}
.kqav5c3:focus {
  border-color: var(--border-focus);
}
.kqav5c4 {
  padding: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: transparent;
  border: none;
  color: var(--icon-primary);
}
.kqav5c4:hover {
  background-color: var(--background-hoverOverlay);
}
.kqav5c4 svg {
  width: 16px;
  height: 16px;
}
.kqav5c5 {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 20px;
  padding-bottom: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  min-height: 200px;
}
.kqav5c5:hover {
  padding-bottom: 0px;
}
.kqav5c5::-webkit-scrollbar {
  display: block;
}
.kqav5c5::-webkit-scrollbar:horizontal {
  height: 4px;
}
.kqav5c5::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: transparent;
}
.kqav5c5:hover::-webkit-scrollbar:horizontal {
  height: 8px;
}
.kqav5c5:hover::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.3);
}
.kqav5c5:hover::-webkit-scrollbar-track {
  background-color: var(--background-hoverOverlay);
}
.kqav5c6 {
  width: 260px;
  flex-shrink: 0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
.kqav5c7 {
  opacity: 0.5;
}
.kqav5c8 {
  background-color: var(--background-hoverOverlay);
}
.kqav5c9 {
  height: 32px;
  padding: 6px 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  overflow: hidden;
}
.kqav5ca {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  height: 22px;
}
.kqav5cb {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.kqav5cc {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kqav5cd {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  padding: 4px 8px;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  background: var(--background-primary);
  outline: none;
  flex: 1;
  min-width: 0;
}
.kqav5cd:focus {
  border-color: var(--border-focus);
}
.kqav5ce {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: var(--background-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  font-size: 12px;
}
.kqav5cf {
  display: flex;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: all 150ms cubic-bezier(0.42, 0, 1, 1);
}
.kqav5c6:hover .kqav5cf {
  visibility: visible;
  opacity: 1;
}
.kqav5cg {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  background-color: transparent;
  border: none;
  color: var(--icon-primary);
}
.kqav5cg:hover {
  background-color: var(--background-hoverOverlay);
}
.kqav5cg svg {
  width: 16px;
  height: 16px;
}
.kqav5ch:hover {
  background-color: var(--background-error);
  color: var(--status-error);
}
.kqav5ci {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  padding: 0 4px;
  gap: 12px;
  flex: 1;
  min-height: 100px;
  overflow-y: auto;
}
.kqav5cj {
  background-color: var(--background-hoverOverlay);
}
.kqav5ck {
  display: flex;
  position: relative;
  flex-direction: column;
  border: 1px solid var(--border-default);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  transition: background-color 100ms ease-in-out;
  background-color: var(--background-primary);
}
.kqav5ck:hover {
  background-color: var(--background-hoverOverlay);
}
.kqav5cl {
  opacity: 0.5;
  cursor: grabbing;
}
.kqav5cm {
  height: 2px;
  background-color: var(--interactive-primary);
  margin-bottom: 12px;
  border-radius: 1px;
}
.kqav5cn {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.kqav5co {
  border-bottom: 0.5px solid var(--border-default);
}
.kqav5cp {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  flex: 1;
  word-break: break-word;
  line-height: 1.4;
}
.kqav5cq {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  padding: 4px 8px;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  background: var(--background-primary);
  outline: none;
  width: 100%;
  resize: none;
}
.kqav5cq:focus {
  border-color: var(--border-focus);
}
.kqav5cr {
  position: absolute;
  right: 8px;
  top: 8px;
  visibility: hidden;
  display: flex;
  gap: 4px;
  cursor: pointer;
}
.kqav5ck:hover .kqav5cr {
  visibility: visible;
}
.kqav5cs {
  display: flex;
  position: relative;
  padding: 4px;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(66, 65, 73, 0.14);
  background-color: var(--background-primary);
}
.kqav5cs:hover::before {
  content: "";
  border-radius: 4px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--background-hoverOverlay);
}
.kqav5cs svg {
  width: 16px;
  height: 16px;
  color: var(--icon-primary);
}
.kqav5ct:hover::before {
  background-color: var(--background-error);
}
.kqav5ct:hover svg {
  color: var(--status-error);
}
.kqav5cu {
  display: flex;
  flex-direction: column;
  padding: 8px;
  gap: 4px;
}
.kqav5cv {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.4;
  word-break: break-word;
}
.kqav5cw {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.kqav5cx {
  font-size: 10px;
  font-weight: 600;
  color: var(--text-primary);
  background-color: var(--background-processing);
  padding: 2px 4px;
  border-radius: 4px;
  text-transform: uppercase;
}
.kqav5cy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 8px 8px;
  border-top: 1px solid var(--border-default);
}
.kqav5cz {
  display: flex;
  align-items: center;
}
.kqav5c10 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--interactive-secondary);
  color: var(--text-primary);
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  border: 2px solid var(--background-primary);
}
.kqav5c10:not(:first-child) {
  margin-left: -8px;
}
.kqav5c11 {
  font-size: 11px;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: 4px;
}
.kqav5c12 {
  color: var(--status-error);
}
.kqav5c13 {
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 8px 0 0 8px;
}
.kqav5c14 {
  background-color: var(--status-error);
}
.kqav5c15 {
  background-color: var(--status-success);
}
.kqav5c16 {
  background-color: var(--text-secondary);
}
.kqav5c17 {
  position: relative;
  padding-left: calc($3 + 4px);
}
.kqav5c18 {
  display: flex;
  align-items: center;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.4;
  visibility: hidden;
  opacity: 0;
  transition: all 150ms cubic-bezier(0.42, 0, 1, 1);
  color: var(--text-secondary);
  background-color: transparent;
  border: none;
}
.kqav5c18:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.kqav5c18 svg {
  margin-right: 4px;
  width: 16px;
  height: 16px;
}
.kqav5c6:hover .kqav5c18 {
  visibility: visible;
  opacity: 1;
}
.kqav5c19 {
  padding: 0 4px;
  margin-bottom: 4px;
}
.kqav5c1a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: var(--text-tertiary);
  font-size: 13px;
  font-style: italic;
}
.kqav5c1b {
  border-left: 3px solid var(--interactive-primary);
  cursor: pointer;
}
.kqav5c1c {
  font-size: 10px;
  font-weight: 600;
  color: var(--interactive-primary);
  background-color: var(--background-processing);
  padding: 2px 4px;
  border-radius: 4px;
  text-transform: uppercase;
  flex-shrink: 0;
  letter-spacing: 0.5px;
}
.kqav5c1d {
  cursor: pointer;
  color: var(--interactive-primary);
}
.kqav5c1d:hover {
  text-decoration: underline;
}
.kqav5c1e {
  display: flex;
  align-items: center;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.4;
  visibility: hidden;
  opacity: 0;
  transition: all 150ms cubic-bezier(0.42, 0, 1, 1);
  color: var(--text-secondary);
  background-color: transparent;
  border: none;
}
.kqav5c1e:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.kqav5c1e svg {
  margin-right: 4px;
  width: 16px;
  height: 16px;
}
.kqav5c6:hover .kqav5c1e {
  visibility: visible;
  opacity: 1;
}
.kqav5c1f {
  display: flex;
  position: relative;
  padding: 4px;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(66, 65, 73, 0.14);
  background-color: var(--background-primary);
  border: none;
  cursor: pointer;
}
.kqav5c1f:hover::before {
  content: "";
  border-radius: 4px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--background-error);
}
.kqav5c1f svg {
  width: 16px;
  height: 16px;
  color: var(--icon-primary);
}
.kqav5c1f:hover svg {
  color: var(--status-error);
}
._1g8k1jq0 {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  overflow: hidden;
  margin: 8px 0;
  cursor: pointer;
  transition: border-color 0.15s ease;
}
._1g8k1jq0:hover {
  border-color: var(--border-focus);
}
._1g8k1jq0.selected {
  outline: 2px solid var(--interactive-primary);
}
._1g8k1jq1 {
  position: relative;
  overflow: hidden;
  background-color: var(--background-primary);
  min-height: 400px;
  cursor: grab;
}
._1g8k1jq1:active {
  cursor: grabbing;
}
._1g8k1jq2 {
  transform-origin: 0 0;
  display: inline-block;
}
._1g8k1jq2 svg {
  display: block;
  max-width: none;
}
._1g8k1jq3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  background-color: var(--background-primary);
  min-height: 80px;
  overflow: auto;
}
._1g8k1jq3 svg {
  max-width: 100%;
  height: auto;
}
._1g8k1jq4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1g8k1jq5 {
  width: 100%;
  min-height: 120px;
  padding: 12px;
  border: none;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--background-secondary);
  color: var(--text-primary);
  font-family: monospace;
  font-size: 13px;
  line-height: 1.5;
  resize: vertical;
  outline: none;
  box-sizing: border-box;
}
._1g8k1jq5::placeholder {
  color: var(--text-placeholder);
}
._1g8k1jq6 {
  padding: 8px 12px;
  color: var(--status-error);
  background-color: var(--background-error);
  font-size: 12px;
  font-family: monospace;
  white-space: pre-wrap;
  word-break: break-word;
  border-top: 1px solid var(--border-default);
}
._1g8k1jq7 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  color: var(--text-secondary);
  font-size: 14px;
  user-select: none;
}
._1g8k1jq8 {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: none;
}
._1g8k1jq0:hover ._1g8k1jq8 {
  opacity: 1;
  pointer-events: auto;
}
._1g8k1jq9 {
  height: 26px;
  padding: 2px;
  border-radius: 8px;
}
._1g8k1jqa {
  padding: 0 4px;
  border-radius: 4px;
  width: 26px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._1g8k1jqa svg {
  width: 14px;
  height: 14px;
}
._1g8k1jqb {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
._1g8k1jqc {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: var(--background-primary);
  border: 1px solid var(--border-default);
  border-radius: 8px;
  padding: 2px 4px;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 1;
}
._1g8k1jq1:hover ._1g8k1jqc {
  opacity: 1;
}
._1g8k1jqd {
  font-size: 11px;
  color: var(--text-secondary);
  user-select: none;
  min-width: 36px;
  text-align: center;
}
._1g8k1jqe {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background-color: var(--background-modal);
}
._1g8k1jqf {
  position: fixed;
  inset: 40px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  background-color: var(--background-primary);
  border-radius: 12px;
  border: 1px solid var(--border-default);
  box-shadow: var(--shadow-modal);
  overflow: hidden;
}
._1g8k1jqg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 8px 12px;
  border-bottom: 1px solid var(--border-default);
}
._1g8k1jqh {
  flex: 1;
  position: relative;
  overflow: hidden;
  cursor: grab;
}
._1g8k1jqh:active {
  cursor: grabbing;
}
._1g8k1jqi {
  display: flex;
  align-items: center;
  gap: 4px;
}
.accsec0 {
  border: 1px solid var(--border-default);
  background-color: var(--background-secondary);
  border-radius: 12px;
  max-width: 600px;
  min-width: 400px;
  cursor: pointer;
  user-select: none;
}
.accsec0.focused {
  outline: 2px solid var(--interactive-primary);
}
.accsec1 {
  margin: 16px;
  cursor: default;
}
.accsec2 {
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 16px;
  color: var(--text-primary);
  text-align: center;
  font-size: 18px;
}
.accsec3 {
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
  align-items: center;
}
.accsec4 {
  display: flex;
  flex: 10px;
  border: 1px solid var(--interactive-primary);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.accsec5 {
  display: flex;
  flex: 1px;
  border: 0px;
  padding: 8px;
  color: var(--interactive-primary);
  background-color: transparent;
  font-weight: bold;
  outline: 0px;
  z-index: 0;
}
.accsec5::placeholder {
  font-weight: normal;
  color: var(--text-secondary);
}
.accsec6 {
  background-color: var(--background-hoverOverlay);
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: width 1s ease;
  z-index: 0;
}
.accsec7 {
  color: var(--interactive-primary);
  position: absolute;
  right: 16px;
  font-size: 12px;
  top: 4px;
}
.accsec8 {
  position: relative;
  display: flex;
  width: 22px;
  height: 22px;
  border: 1px solid var(--text-secondary);
  margin-right: 12px;
  border-radius: 4px;
}
.accsec9 {
  border: 1px solid var(--interactive-primary);
  background-color: var(--interactive-primary);
}
.accsec9:after {
  content: "";
  cursor: pointer;
  border-color: var(--background-primary);
  border-style: solid;
  position: absolute;
  display: block;
  top: 4px;
  width: 5px;
  left: 8px;
  height: 9px;
  margin: 0;
  transform: rotate(45deg);
  border-width: 0 2px 2px 0;
  pointer-events: none;
}
.accseca {
  border: 0px;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.accsecb {
  position: relative;
  display: flex;
  width: 28px;
  height: 28px;
  margin-left: 8px;
  border: 0px;
  background-color: transparent;
  background-position: 6px 6px;
  background-repeat: no-repeat;
  z-index: 0;
  cursor: pointer;
  border-radius: 4px;
  opacity: 0.3;
}
.accsecb:hover {
  opacity: 1;
  background-color: var(--background-hoverOverlay);
}
.accsecb:before, .accsecb:after {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--text-secondary);
  width: 2px;
  height: 15px;
  top: 6px;
  left: 13px;
}
.accsecb:before {
  transform: rotate(-45deg);
}
.accsecb:after {
  transform: rotate(45deg);
}
.accsecc {
  cursor: not-allowed;
}
.accsecc:hover {
  opacity: 0.3;
  background-color: transparent;
}
.accsecd {
  display: flex;
  justify-content: center;
}
._5p17y00 {
  min-height: 20px;
  border: 0;
  resize: none;
  cursor: text;
  font-size: 24px;
  caret-color: var(--text-primary);
  display: block;
  position: relative;
  outline: 0;
  padding: 12px;
  user-select: text;
  white-space: pre-wrap;
  word-wrap: break-word;
}
._5p17y01 {
  font-size: 24px;
  color: var(--text-secondary);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 30px;
  left: 20px;
  width: 120px;
  user-select: none;
  white-space: nowrap;
  display: inline-block;
  pointer-events: none;
}
._5p17y02 {
  position: absolute;
  z-index: 5;
  width: 120px;
  user-select: none;
  will-change: transform;
}
._5p17y03 {
  position: relative;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  cursor: move;
  border: 1px solid var(--border-default);
  vertical-align: top;
  padding: 8px;
  min-height: 200px;
}
._5p17y04 {
  background: #ffd1dc;
}
._5p17y05 {
  background: #fff4cc;
}
._5p17y06 {
  transition: none !important;
}
._5p17y07 {
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  border: none;
  background: var(--interactive-error);
  color: var(--text-inverse);
  border-radius: 4px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 1;
  padding: 0;
}
._5p17y08 {
  position: absolute;
  right: 4px;
  top: 35px;
  cursor: pointer;
  border: none;
  background: var(--interactive-secondary);
  color: var(--text-primary);
  border-radius: 4px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 1;
  padding: 0;
}
._5p17y09 {
  background-size: contain;
  display: inline-block;
  width: 12px;
  height: 12px;
}
.wghx1t0 {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  margin: 0 2px;
  border: 1px solid var(--border-default);
  border-radius: 6px;
  background-color: var(--background-secondary);
  transition: all 0.15s ease;
  width: fit-content;
  cursor: pointer;
}
.wghx1t0:hover {
  background-color: var(--background-hoverOverlay);
  border-color: var(--border-focus);
}
.wghx1t1 {
  display: inline;
  padding: 0;
  border: none;
  border-radius: 4px;
  font-size: inherit;
  font-family: inherit;
  background-color: transparent;
  color: var(--text-primary);
  outline: none;
  width: auto;
  cursor: text;
  transition: all 0.15s ease;
}
.wghx1t1:focus {
  background-color: var(--background-primary);
}
.wghx1t1::placeholder {
  color: var(--text-placeholder);
}
.wghx1t2 {
  width: 12px;
  height: 12px;
  opacity: 0;
  transition: opacity 0.15s ease;
  flex-shrink: 0;
  color: var(--icon-secondary);
  margin-left: 2px;
}
.wghx1t0:hover .wghx1t2 {
  opacity: 0.7;
}
._424dr70 {
  position: absolute;
  width: 140px;
  background-color: var(--background-overlay);
  border: 1px solid var(--border-default);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  z-index: 1000;
  padding: 6px;
  margin-top: 4px;
}
._424dr71 {
  width: 100%;
  height: 24px;
  padding: 0 8px;
  margin-bottom: 4px;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  font-size: 12px;
  font-family: inherit;
  background-color: var(--background-primary);
  color: var(--text-primary);
  outline: none;
  transition: all 0.15s ease;
}
._424dr71:focus {
  border: 1px solid var(--border-focus);
}
._424dr71::placeholder {
  color: var(--text-placeholder);
}
._424dr72 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 200px;
  overflow-y: auto;
}
._424dr73 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  height: 32px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  font-family: inherit;
  color: var(--text-primary);
  transition: all 0.15s ease;
  user-select: none;
}
._424dr73:hover {
  background-color: var(--background-hoverOverlay);
}
._424dr74 {
  background-color: var(--background-hoverOverlay);
}
._424dr75 {
  background-color: var(--background-hoverOverlay);
  position: relative;
}
._424dr75::after {
  content: "✓";
  position: absolute;
  right: 8px;
  color: var(--interactive-primary);
  font-size: 14px;
  font-weight: bold;
}
._424dr76 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--icon-secondary);
}
._424dr77 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._424dr78 {
  padding: 12px 8px;
  font-size: 12px;
  color: var(--text-placeholder);
  text-align: center;
}
._1syv1pe0 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  padding: 12px;
  background-color: var(--background-primary);
}
._1syv1pe1 {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  background-color: #000;
}
._1syv1pe2 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1syv1pe3 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  word-break: break-word;
}
._1syv1pe4 {
  display: flex;
  gap: 12px;
  font-size: 12px;
  color: var(--text-secondary);
}
._1syv1pe5 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  background-color: var(--background-secondary);
  color: var(--text-secondary);
  font-size: 14px;
}
._1syv1pe6 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  border: 1px solid var(--status-error);
  border-radius: 8px;
  background-color: var(--background-error);
  color: var(--status-error);
  font-size: 14px;
}
.qcdqmc0 {
  margin: 0;
  position: relative;
}
.gbl6oy0[data-state=open] {
  background-color: var(--background-hoverOverlay);
}
.v1b6bl0 {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  width: 100%;
}
.v1b6bl1 {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 20px;
}
._5ajb5r0 {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  width: 100%;
}
._1ip1c650 {
  width: 100%;
  flex-grow: 1;
  height: 0;
}
._1ip1c651 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
}
._1ip1c652 {
  font-size: 14px;
  line-height: 22px;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
}
._1ip1c653 {
  display: flex;
  align-items: center;
  gap: 2px;
  cursor: pointer;
}
._1ip1c653[data-active="true"] {
  color: var(--text-primary);
  cursor: default;
}
._1ip1c654 {
  color: inherit;
  text-decoration: none;
}
._1ip1c655 {
  font-size: 20px;
  color: var(--icon-primary);
}
._1ip1c656 {
  margin-left: 4px;
  margin-right: 8px;
}
._1ip1c657 {
  display: flex;
  align-items: center;
  gap: 16px;
}
._1ip1c658 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}
.si444k0 {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  width: 100%;
}
.si444k1 {
  height: 0;
  flex-grow: 1;
}
._1lihnr20 {
  display: flex;
  flex: 1;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
._1lihnr21 {
  min-height: 32px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
._1lihnr21.left {
  justify-content: left;
}
._1lihnr21.right {
  justify-content: right;
}
._1lihnr22 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  flex-shrink: 0;
  max-width: 60%;
  min-width: 300px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  z-index: 1;
}
._1lihnr23 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
._1lihnr23.right {
  flex-direction: row-reverse;
}
._1lihnr24 {
  display: flex;
  flex-shrink: 0;
}
._1lihnr25 {
  -webkit-app-region: no-drag;
  cursor: pointer;
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  color: var(--icon-primary);
}
._1lihnr25[data-type="close"]:hover {
  background: #c42b1c;
  color: var(--color-grey-0);
}
._1lihnr25:hover {
  background: var(--background-hoverOverlay);
}
._1lihnr26 {
  height: 20px;
  width: 1px;
  background: var(--border-default);
}
@media print {
  ._1lihnr20 {
    display: none;
  }
}
._1fz35bi0 {
  background-color: transparent;
}
._1fz35bi1 {
  padding: 0;
  font-size: 16px;
  width: 24px;
  color: var(--icon-primary);
}
._1fz35bi1[data-state=checked] {
  color: var(--icon-primary);
}
._1fz35bi2 {
  background-color: var(--background-hoverOverlay);
  box-shadow: none;
}
._1oa5gye0 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  padding-left: 8px;
}
._1oa5gye1 {
  color: var(--text-secondary);
}
._1oa5gye1[data-active="true"] {
  color: var(--text-primary);
}
.odhcl00 {
  flex: 1;
  width: 100%;
  padding-bottom: 32px;
}
.odhcl01 {
  transition: opacity 0.1s ease-in-out;
}
.odhcl02 {
  padding: 4px 8px;
  font-size: 16px;
  width: 32px;
  height: 28px;
  border-radius: 8px;
}
.odhcl03 {
  opacity: 0;
  pointer-events: none;
}
.odhcl04 {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  width: 100%;
  container-name: docs-body;
  container-type: size;
}
.odhcl05 {
  height: 0;
  flex: 1;
  padding-top: 12px;
}
._1d9ffhv0 {
  width: 280px;
}
._1d9ffhv1 {
  display: flex;
  justify-content: space-between;
}
._1d9ffhv2 {
  color: var(--text-secondary);
}
._1f6fgpi0 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  max-width: 548px;
}
._1f6fgpi1 {
  color: var(--text-link);
  text-decoration: none;
}
._1f6fgpi1:visited {
  color: var(--text-link);
}
._1iqjc1o0 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  margin: 0 auto;
  color: var(--text-primary);
  padding: 16px;
  height: calc(100% - 48px);
}
._1iqjc1o1 {
  width: 100%;
}
._1iqjc1o2 {
  padding-top: 16px;
}
._1iqjc1o3 {
  width: 36px;
  height: 36px;
  color: var(--icon-primary);
}
._1iqjc1o4 {
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  margin-top: 16px;
  font-weight: 600;
}
._1iqjc1o5 {
  text-align: center;
  color: var(--text-secondary);
  margin-bottom: 20px;
}
._1iqjc1o6 {
  width: 100%;
  font-size: 14px;
  height: 42px;
}
._1iqjc1o7 {
  width: 100%;
  border: 1px solid var(--border-default);
  padding: 6px;
}
@keyframes _1gj5pab0 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _1gj5pab1 {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _1gj5pab2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._1gj5pab3 {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: var(--background-primary);
  color: var(--text-primary);
}
._1gj5pab4 {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 20px;
  flex-shrink: 0;
  gap: 12px;
  box-shadow: 0 1px 0 var(--border-default);
  animation: _1gj5pab0 200ms ease-out;
}
._1gj5pab5 {
  width: 1px;
  height: 16px;
  background-color: var(--border-default);
  flex-shrink: 0;
}
._1gj5pab6 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
._1gj5pab7 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.01em;
}
._1gj5pab8 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
._1gj5pab9 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 500;
  border-radius: 9999px;
  padding: 3px 10px 3px 7px;
  line-height: 18px;
}
._1gj5pab9[data-mode="readonly"] {
  color: var(--text-secondary);
  background-color: var(--background-secondary);
}
._1gj5pab9[data-mode="editing"] {
  color: var(--color-green-700);
  background-color: var(--color-green-100);
}
._1gj5paba {
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  flex-shrink: 0;
}
._1gj5pab9[data-mode="readonly"] ._1gj5paba {
  background-color: var(--text-tertiary);
}
._1gj5pab9[data-mode="editing"] ._1gj5paba {
  background-color: var(--color-green-500);
}
._1gj5pabb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 16px;
  animation: _1gj5pab1 300ms ease-out;
}
._1gj5pabc {
  width: 20px;
  height: 20px;
  border: 2px solid var(--border-default);
  border-top: 2px solid var(--text-secondary);
  border-radius: 9999px;
  animation: _1gj5pab2 600ms linear infinite;
}
._1gj5pabd {
  font-size: 13px;
  color: var(--text-tertiary);
  letter-spacing: -0.01em;
}
._1gj5pabe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 16px;
  padding: 32px;
  animation: _1gj5pab1 300ms ease-out;
}
._1gj5pabf {
  width: 48px;
  height: 48px;
  border-radius: 9999px;
  background-color: var(--color-red-100);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-red-500);
}
._1gj5pabg {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
._1gj5pabh {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  letter-spacing: -0.01em;
}
._1gj5pabi {
  font-size: 13px;
  color: var(--text-secondary);
  margin: 0;
  text-align: center;
  max-width: 360px;
  line-height: 1.5;
}
._1gj5pabj {
  font-size: 13px;
  font-weight: 500;
  color: var(--interactive-primary);
  text-decoration: none;
  margin-top: 4px;
}
._1gj5pabj:hover {
  text-decoration: underline;
}
._1gj5pabk {
  flex: 1;
  overflow: hidden;
}
._1gj5pabl {
  flex: 1;
  overflow: hidden;
  position: relative;
}
._1gj5pabm {
  max-width: 900px;
  margin: 0 auto;
  padding: 16px 24px;
}
._1gj5pabn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  flex-shrink: 0;
}
._1gj5pabo {
  font-size: 12px;
  color: var(--text-tertiary);
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: color 150ms ease;
}
._1gj5pabo:hover {
  color: var(--text-secondary);
}
._1gj5pabp {
  width: 3px;
  height: 3px;
  border-radius: 9999px;
  background-color: var(--text-tertiary);
  opacity: 0.5;
}
._1gj5pabq {
  font-size: 12px;
  font-weight: 500;
  color: var(--interactive-primary);
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: opacity 150ms ease;
}
._1gj5pabq:hover {
  text-decoration: underline;
}
._5tywdr0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  line-height: 4;
  color: var(--text-secondary);
}
._16x4cbp0 {
  width: 100vw;
  height: 100vh;
  display: flex;
  background: var(--background-primary);
  color: var(--text-primary);
}
._16x4cbp0 * {
  box-sizing: border-box;
}
._16x4cbp1 {
  flex-shrink: 0;
  width: 240px;
  border-right: 1px solid var(--border-default);
  display: flex;
  flex-direction: column;
  user-select: none;
}
._16x4cbp2 {
  width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._16x4cbp3 {
  padding: 8px 48px;
  background: var(--background-primary);
  border-bottom: 1px solid var(--border-default);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._16x4cbp4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
._16x4cbp5 {
  height: 0;
  flex: 1;
  padding: 8px 8px 0px 8px;
}
._16x4cbp7 {
  height: 0;
  flex: 1;
}
._16x4cbp8 {
  display: flex;
  flex-direction: column;
}
._16x4cbp9 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0;
}
header ._16x4cbp9 {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  padding: 9px 0;
  border-bottom: 1px solid var(--border-default);
}
._16x4cbp8 ._16x4cbp9 {
  padding: 4px 0;
}
._16x4cbp8 ._16x4cbp9:not(:last-child) {
  border-bottom: 0.5px solid var(--border-default);
}
._16x4cbp9 > li {
  width: 0;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
}
._16x4cbpa {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 8px;
  color: var(--text-primary);
  cursor: pointer;
}
._16x4cbpa[data-active="true"] {
  color: var(--interactive-primary);
}
._16x4cbpa[data-checked="true"], ._16x4cbpa:hover {
  background: var(--background-hoverOverlay);
}
._16x4cbpa[data-customized="true"] {
  text-decoration: underline;
}
._16x4cbpb {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-left: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
}
._16x4cbpc {
  color: var(--icon-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
._16x4cbpd {
  transition: transform 0.2s;
  transform: rotate(-90deg);
}
._16x4cbpd[data-open="true"] {
  transform: rotate(0deg);
}
._16x4cbpe {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  width: 220px;
}
._16x4cbpf {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  min-height: 23px;
}
._16x4cbpf[data-empty="true"] {
  display: none;
}
._16x4cbpf[data-override="true"] {
  opacity: 0.1;
  text-decoration: line-through;
}
._16x4cbpg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  position: relative;
}
._16x4cbpg:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  border-radius: inherit;
  left: 0;
  top: 0;
  border: 1px solid rgba(0,0,0,0.1);
  box-sizing: border-box;
}
._16x4cbpf[data-custom] ._16x4cbpg {
  border-radius: 50%;
}
._16x4cbph {
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(125,125,125,0.1);
}
._16x4cbpi {
  width: 100%;
  height: 32px;
}
._1k18bwo0 {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(125,125,125, 0.3);
  cursor: pointer;
}
._1k18bwo1 {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
._3ih9hl0 {
  background: rgba(125,125,125,0.1);
  border-radius: 4px;
  font-size: 12px;
  padding: 4px 8px;
}
._15h935h8 {
  --_15h935h0: #ffffff;
  --_15h935h1: #1f1f1f;
  --_15h935h2: rgba(31, 31, 31, 0.6);
  --_15h935h3: #f5f5f5;
  --_15h935h4: #e0e0e0;
  --_15h935h5: #1E96EB;
  --_15h935h6: #1388db;
  --_15h935h7: #000000;
  background-color: var(--_15h935h0);
  color: var(--_15h935h1);
  min-height: 100vh;
  padding: 32px;
  font-family: system-ui, -apple-system, sans-serif;
  transition: all 0.3s ease;
}
._15h935h9 {
  --_15h935h0: #1a1a1a;
  --_15h935h1: #e5e5e5;
  --_15h935h2: rgba(229, 229, 229, 0.6);
  --_15h935h3: #2c2c2c;
  --_15h935h4: #3a3a3a;
  --_15h935h5: #0A84FF;
  --_15h935h6: #0077ee;
  --_15h935h7: #000000;
}
._15h935ha {
  max-width: 1200px;
  margin: 0 auto;
}
._15h935hb {
  margin-bottom: 32px;
}
._15h935hc {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 8px;
}
._15h935hd {
  color: var(--_15h935h2);
  font-size: 16px;
}
._15h935he {
  background-color: var(--_15h935h3);
  padding: 24px;
  border-radius: 12px;
  margin-bottom: 32px;
  border: 1px solid var(--_15h935h4);
}
._15h935hf {
  display: flex;
  align-items: center;
  gap: 16px;
}
._15h935hg {
  font-weight: 600;
}
._15h935hh {
  padding: 8px 16px;
  border-radius: 8px;
  border: none;
  background-color: transparent;
  color: var(--_15h935h1);
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s;
}
._15h935hi {
  background-color: var(--_15h935h5);
  color: var(--_15h935h7);
}
._15h935hj {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}
._15h935hk {
  background-color: var(--_15h935h3);
  padding: 24px;
  border-radius: 12px;
  border: 1px solid var(--_15h935h4);
}
._15h935hl {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
}
._15h935hm {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
._15h935hn {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
._15h935ho {
  font-weight: 600;
  font-size: 14px;
}
._15h935hp {
  font-size: 12px;
  opacity: 0.7;
  font-family: monospace;
}
._15h935hq {
  height: 24px;
  background-color: var(--_15h935h5);
  border-radius: 4px;
  min-width: 4px;
}
._15h935hr {
  font-size: 14px;
}
._15h935hs {
  font-weight: 600;
}
._15h935ht {
  opacity: 0.7;
  margin-left: 8px;
}
._15h935hu {
  padding: 8px 24px;
  border-radius: 8px;
  border: none;
  background-color: var(--_15h935h5);
  color: var(--_15h935h7);
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  transition: background-color 0.2s;
}
._15h935hu:hover {
  background-color: var(--_15h935h6);
}
._15h935hv {
  padding: 8px 24px;
  border-radius: 8px;
  border: 1px solid var(--_15h935h4);
  background-color: transparent;
  color: var(--_15h935h1);
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
}
._15h935hw {
  font-size: 14px;
  color: var(--_15h935h2);
  margin-bottom: 16px;
}
._15h935hx {
  font-family: monospace;
  font-size: 12px;
  line-height: 1.6;
}
._15h935hy {
  margin-top: 32px;
  background-color: var(--_15h935h3);
  padding: 24px;
  border-radius: 12px;
  border: 1px solid var(--_15h935h4);
}
._15h935hz {
  background-color: var(--_15h935h0);
  padding: 16px;
  border-radius: 8px;
  overflow: auto;
  font-size: 12px;
  line-height: 1.6;
  border: 1px solid var(--_15h935h4);
  font-family: monospace;
  white-space: pre;
}
._1qg6qvr0 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  max-width: 548px;
}
._1qg6qvr1 {
  color: var(--text-link);
  text-decoration: none;
}
._1qg6qvr1:visited {
  color: var(--text-link);
}
.gg2dfq0 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  max-width: 548px;
}
.gg2dfq1 {
  color: var(--text-link);
  text-decoration: none;
}
.gg2dfq1:visited {
  color: var(--text-link);
}
._1w5s7l60 {
  display: flex;
  flex-direction: column;
}
._1w5s7l61 {
  width: 410px;
  height: 40px;
  font-size: 15px;
  font-weight: 500;
  color: var(--text-placeholder);
}
._1w5s7l61[data-selected="true"] {
  color: var(--text-primary);
}
._1w5s7l62 {
  margin-top: 16px;
  margin-bottom: 28px;
}
._1w5s7l63 {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  line-height: 24px;
}
._1w5s7l64 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._1w5s7l65 {
  color: var(--icon-active);
  font-size: 20px;
}
._1w5s7l66 {
  padding: 8px 12px;
  height: 44px;
}
._1w5s7l66 > div {
  gap: 12px;
}
._1w5s7l67 {
  padding: 8px 12px;
  gap: 12px;
}
._1w5s7l68 {
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
}
._1w5s7l69 {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
._1w5s7l6a {
  border-radius: 4px;
  border-color: var(--border-default);
  border-width: 1px;
  border-style: solid;
  color: var(--icon-primary);
}
._1w5s7l6b {
  padding: 0;
}
._1w5s7l6b:hover {
  background-color: unset;
}
._1w5s7l6c {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 40px;
}
._1w5s7l6d {
  font-size: 18px;
  font-weight: 600;
}
._1w5s7l6e {
  font-size: 15px;
  line-height: 24px;
  margin-top: 12px;
  margin-bottom: 40px;
}
._1w5s7l6f {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
._1w5s7l6g {
  width: unset;
}
._1w5s7l6h {
  display: flex;
  align-items: center;
  margin-top: 28px;
}
._1w5s7l6i {
  margin-left: 4px;
  margin-right: 8px;
}
@media screen and (max-width: 1024px) {
  ._1w5s7l60 {
    margin: auto;
  }
}
._1u3ypn50 {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._1wp3xjt0 {
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}
._1wp3xjt1 {
  width: 280px;
  min-width: 280px;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--border-secondary);
  background: var(--background-secondary);
}
._1wp3xjt2 {
  padding: 16px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  border-bottom: 1px solid var(--border-secondary);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._1wp3xjt3 {
  flex: 1;
  overflow: auto;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1wp3xjt4 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 8px;
  cursor: pointer;
}
._1wp3xjt4:hover {
  background: var(--background-hover);
}
._1wp3xjt4[data-active="true"] {
  background: var(--background-tertiary);
}
._1wp3xjt5 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1wp3xjt6 {
  font-size: 12px;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: 6px;
}
._1wp3xjt7 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
._1wp3xjt8 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._1wp3xjt9 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 14px;
}
._1wp3xjta {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--text-secondary);
  font-size: 13px;
  text-align: center;
  padding: 24px 16px;
}
.sgd9tr0 {
  padding: 4px 8px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  overflow: hidden;
  text-decoration: none;
}
.sgd9tr0:hover {
  background-color: var(--background-hoverOverlay);
}
.sgd9tr1 {
  flex: 1;
  width: 100%;
  height: 100%;
}
.sgd9tr2 {
  padding: 12px 24px 32px;
}
.sgd9tr3 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text-secondary);
  background-color: var(--background-secondary);
  border-radius: 4px;
  padding: 0 6px;
  flex-shrink: 0;
}
.sgd9tr4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 0;
  gap: 8px;
}
.sgd9tr5 {
  font-size: 14px;
  line-height: 22px;
  color: var(--text-secondary);
}
.sgd9tr6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.sgd9tr7 {
  opacity: 0;
  flex-shrink: 0;
}
.sgd9tr0:hover .sgd9tr7 {
  opacity: 1;
}
._1mvrbah0 {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  transition: all 0.1s ease-in-out;
}
._1mvrbah1 {
  opacity: 0;
  pointer-events: none;
}
.qc0ddy0 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.qc0ddy1 {
  display: flex;
  align-items: center;
  gap: 16px;
}
.qc0ddy2 {
  font-size: 12px;
  color: var(--text-primary);
  font-weight: 500;
}
._1yrh0og0 {
  margin: 20px;
}
._1yrh0og1 {
  margin-top: 20px;
  margin-bottom: 20px;
}
._1phfzx90 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
._1phfzx91 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  height: 48px;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--background-primary);
  flex-shrink: 0;
}
._1phfzx92 {
  flex: 1;
  padding: 6px 12px;
  font-size: 14px;
  color: var(--text-primary);
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
  border-radius: 8px;
  outline: none;
  font-family: var(--font-mono-family);
}
._1phfzx92:focus {
  border-color: var(--interactive-primary);
}
._1phfzx93 {
  flex: 1;
  position: relative;
  overflow: hidden;
}
._1phfzx94 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--interactive-primary);
  z-index: 1;
}
._1phfzx95 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 100%;
  color: var(--text-secondary);
  font-size: 14px;
}
._1phfzx96 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
}
._1phfzx97 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: none;
  background-size: contain;
  background-repeat: no-repeat;
}
._1phfzx98 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  object-fit: contain;
}
._1phfzx99 {
  position: absolute;
  top: 8px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background-color: var(--background-primary);
  border: 1px solid var(--border-default);
  border-radius: 8px;
  box-shadow: var(--shadow-dropdown);
  z-index: 10;
}
._1phfzx9a {
  width: 200px;
  padding: 4px 8px;
  font-size: 14px;
  color: var(--text-primary);
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
  border-radius: 4px;
  outline: none;
  font-family: var(--font-mono-family);
}
._1phfzx9a:focus {
  border-color: var(--interactive-primary);
}
._1phfzx9b {
  font-size: 12px;
  color: var(--text-tertiary);
  white-space: nowrap;
  padding: 0 4px;
}
._1phfzx9c {
  padding: 8px 16px;
  font-size: 14px;
  color: var(--text-inverse);
  background-color: var(--interactive-primary);
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
._1phfzx9c:hover {
  opacity: 0.9;
}
._1phfzx9d {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  background-color: color-mix(in srgb, var(--background-primary) 15%, transparent);
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease-in;
}
._1phfzx9d[data-active] {
  opacity: 1;
  visibility: visible;
}
.hqt8710 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  height: 52px;
}
.hqt8711 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.hqt8712 {
  display: flex;
  gap: 8px;
  align-items: center;
}
.hqt8713 {
  flex: 1;
  padding: 8px 12px;
  font-size: 14px;
  color: var(--text-primary);
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
  border-radius: 8px;
  outline: none;
}
.hqt8713:focus {
  border-color: var(--interactive-primary);
}
.hqt8714 {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  background-color: var(--interactive-primary);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.hqt8714:hover {
  opacity: 0.9;
}
.hqt8715 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--text-secondary);
  border: 2px dashed var(--border-default);
  border-radius: 8px;
}
.hqt8716 {
  flex: 1;
  min-height: 0;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--border-default);
  border-radius: 8px;
}
._35ut2o0 {
  position: relative;
  height: 100%;
  width: 100%;
}
._35ut2o1 {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  gap: 12px;
  container-name: detail-page-header;
  container-type: inline-size;
}
._35ut2o2 {
  flex-grow: 1;
  min-width: 12px;
}
._35ut2o3 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._35ut2o4 {
  max-width: 280px;
  border: 1px solid var(--border-default);
  padding: 4px 16px;
  overflow: hidden;
  background-color: var(--background-primary);
  border-radius: 12px;
}
._35ut2o5 {
  background-color: var(--selection-background);
  color: var(--interactive-primary);
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.gmnlxf0 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px;
  gap: 16px;
  box-sizing: border-box;
}
.gmnlxf1 {
  display: flex;
  gap: 16px;
  flex: 1;
  min-height: 0;
}
.gmnlxf2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  overflow: hidden;
  min-width: 0;
}
.gmnlxf3 {
  padding: 8px 16px;
  background-color: var(--background-secondary);
  border-bottom: 1px solid var(--border-default);
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
  flex-shrink: 0;
}
.gmnlxf4 {
  flex: 1;
  overflow: auto;
  min-height: 0;
}
.gmnlxf5 {
  flex: 1;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  overflow: hidden;
  min-height: 200px;
}
.gmnlxf6 {
  padding: 24px;
  text-align: center;
  color: var(--text-tertiary);
  font-size: 14px;
}
.gmnlxf7 {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 8px 0;
  font-size: 13px;
  color: var(--text-secondary);
  flex-shrink: 0;
}
.gmnlxf8 {
  display: flex;
  align-items: center;
  gap: 6px;
}
.gmnlxf9 {
  color: var(--status-success);
  font-weight: 600;
}
.gmnlxfa {
  color: var(--status-error);
  font-weight: 600;
}
.gmnlxfb {
  color: var(--interactive-primary);
  font-weight: 600;
}
@keyframes _4e1dae5 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
@keyframes _4e1daeg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._4e1dae1 {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: var(--background-primary);
  overflow: hidden;
}
._4e1dae2 {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
._4e1dae3 {
  display: flex;
  align-items: stretch;
  height: 36px;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--background-secondary);
  padding: 0;
  flex-shrink: 0;
  gap: 0;
}
._4e1dae4 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  height: 100%;
  font-size: 12px;
  font-family: var(--font-mono-family);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  user-select: none;
  outline: none;
  white-space: nowrap;
  transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}
._4e1dae4:hover {
  color: var(--text-primary);
  background-color: var(--background-tertiary);
}
._4e1dae4:focus-visible {
  outline: 2px solid var(--interactive-primary);
  outline-offset: -2px;
}
._4e1dae4[data-state="active"] {
  color: var(--text-primary);
  border-bottom-color: var(--interactive-primary);
}
._4e1dae6 {
  --_4e1dae0: var(--text-tertiary);
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background-color: var(--_4e1dae0);
  flex-shrink: 0;
}
._4e1dae6[data-status="starting"] {
  --_4e1dae0: var(--color-orange-500);
  animation: _4e1dae5 1.2s ease-in-out infinite;
}
._4e1dae6[data-status="running"] {
  --_4e1dae0: var(--color-green-500);
}
._4e1dae6[data-status="error"] {
  --_4e1dae0: var(--color-red-500);
}
._4e1dae7 {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
._4e1dae7[data-state="inactive"] {
  display: none;
}
._4e1dae8 {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
._4e1dae9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  padding: 0 12px;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--background-primary);
  flex-shrink: 0;
}
._4e1daea {
  display: flex;
  align-items: center;
  gap: 8px;
}
._4e1daeb {
  font-size: 12px;
  font-family: var(--font-mono-family);
  color: var(--text-tertiary);
  letter-spacing: 0.01em;
}
._4e1daeb[data-status="running"] {
  color: var(--color-green-600);
}
._4e1daeb[data-status="starting"] {
  color: var(--color-orange-600);
}
._4e1daeb[data-status="error"] {
  color: var(--color-red-600);
}
._4e1daec {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-family: var(--font-mono-family);
  font-weight: 500;
  letter-spacing: 0.02em;
  border-radius: 4px;
  border: 1px solid var(--border-default);
  cursor: pointer;
  outline: none;
  transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
  background-color: var(--background-primary);
  color: var(--text-primary);
}
._4e1daec:hover {
  background-color: var(--background-tertiary);
  border-color: var(--text-tertiary);
}
._4e1daec:active {
  background-color: var(--background-secondary);
}
._4e1daec[data-variant="stop"] {
  color: var(--color-red-600);
  border-color: var(--color-red-300);
}
._4e1daec[data-variant="stop"]:hover {
  background-color: var(--color-red-50);
  border-color: var(--color-red-400);
}
._4e1daed {
  font-size: 12px;
  font-family: var(--font-mono-family);
  color: var(--text-tertiary);
  opacity: 0.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 400px;
}
._4e1daee {
  flex: 1;
  overflow: hidden;
  position: relative;
}
._4e1daef {
  width: 100%;
  height: 100%;
  border: none;
}
._4e1daeh {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 100%;
  color: var(--text-tertiary);
  font-size: 14px;
  font-family: var(--font-mono-family);
  animation: _4e1daeg 0.3s ease;
}
._4e1daeh[data-error] {
  color: var(--color-red-500);
}
._4e1daei {
  font-size: 12px;
  color: var(--text-tertiary);
  opacity: 0.5;
}
._4e1daej {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex: 1;
  color: var(--text-tertiary);
  font-family: var(--font-mono-family);
  animation: _4e1daeg 0.4s ease;
}
._4e1daek {
  font-size: 15px;
  font-weight: 500;
  color: var(--text-secondary);
}
._4e1dael {
  font-size: 12px;
  color: var(--text-tertiary);
  text-align: center;
  line-height: 1.6;
  max-width: 360px;
}
.u0r7f40 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 16px 24px 0 24px;
}
.u0r7f41 {
  position: relative;
}
.u0r7f42 {
  position: absolute;
  inset: 0;
}
.u0r7f43 {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 24px 64px 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.u0r7f44 {
  display: flex;
  gap: 24px;
  align-items: baseline;
}
.u0r7f45 {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.u0r7f46 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  font-family: var(--font-number-family);
  line-height: 1;
}
.u0r7f47 {
  font-size: 12px;
  color: var(--text-tertiary);
  line-height: 1;
}
.u0r7f48 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.u0r7f49 {
  flex: 1;
  min-width: 0;
}
.u0r7f4a {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid var(--border-default);
  background-color: transparent;
  color: var(--text-secondary);
  font-size: 12px;
  cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
  transition: border-color 120ms ease;
  outline: none;
}
.u0r7f4a:hover {
  border-color: var(--border-focus);
}
.u0r7f4a:focus-visible {
  border-color: var(--interactive-primary);
}
.u0r7f4a[data-state="open"] {
  border-color: var(--interactive-primary);
}
.u0r7f4b {
  color: var(--icon-tertiary);
  font-size: 10px;
  margin-left: 2px;
}
.u0r7f4c {
  display: flex;
  flex-direction: column;
}
.u0r7f4d {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 12px;
  border-radius: 8px;
  transition: background-color 100ms ease;
}
.u0r7f4d:hover {
  background-color: var(--background-secondary);
}
.u0r7f4e {
  display: flex;
  align-items: center;
  gap: 12px;
}
.u0r7f4f {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-tertiary);
}
.u0r7f4f img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.u0r7f4g {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-tertiary);
  user-select: none;
}
.u0r7f4h {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.u0r7f4i {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.u0r7f4j {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.3;
}
.u0r7f4k {
  font-size: 10px;
  font-family: var(--font-mono-family);
  color: var(--text-tertiary);
  flex-shrink: 0;
}
.u0r7f4l {
  font-size: 12px;
  color: var(--text-tertiary);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u0r7f4m {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-shrink: 0;
}
.u0r7f4n {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 100ms ease;
}
.u0r7f4d:hover .u0r7f4n {
  opacity: 1;
}
.u0r7f4o {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.6;
  padding-left: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u0r7f4p {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 48px;
  flex-wrap: wrap;
}
.u0r7f4q {
  font-size: 11px;
  color: var(--text-tertiary);
  font-family: var(--font-mono-family);
}
.u0r7f4r {
  font-size: 11px;
  color: var(--text-tertiary);
  opacity: 0.25;
}
.u0r7f4s {
  padding-left: 48px;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid var(--border-default);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.u0r7f4t {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 12px;
}
.u0r7f4u {
  color: var(--text-tertiary);
  font-weight: 500;
  min-width: 80px;
  flex-shrink: 0;
}
.u0r7f4v {
  color: var(--text-secondary);
  word-break: break-all;
}
.u0r7f4w {
  color: var(--interactive-primary);
  text-decoration: none;
  word-break: break-all;
}
.u0r7f4w:hover {
  text-decoration: underline;
}
.u0r7f4x {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.u0r7f4y {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
  gap: 8px;
  flex: 1;
}
.u0r7f4z {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
}
.u0r7f410 {
  font-size: 12px;
  color: var(--text-tertiary);
  text-align: center;
  max-width: 280px;
  line-height: 1.6;
}
.u0r7f411 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.u0r7f412 {
  font-size: 12px;
  color: var(--text-tertiary);
  font-family: var(--font-number-family);
}
.u0r7f413 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding-top: 16px;
}
.u0r7f414 {
  font-size: 12px;
  color: var(--text-tertiary);
  font-family: var(--font-number-family);
  min-width: 56px;
  text-align: center;
}
.u0r7f415 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.u0r7f416 {
  color: var(--text-tertiary);
  font-size: 11px;
}
.u0r7f417 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.u0r7f418 {
  font-size: 11px;
  color: var(--text-tertiary);
}
.u0r7f419 {
  font-size: 11px;
  color: var(--text-tertiary);
  font-style: italic;
}
.kx9s270 {
  position: absolute;
  top: 8px;
  right: 16px;
  width: 300px;
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  background-color: var(--background-overlay);
  border-radius: 8px;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--border-default);
  padding: 0 8px 0 0;
}
.kx9s271 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0 8px;
  border-right: 1px solid var(--border-default);
}
.kx9s272 {
  font-size: 20px;
  color: var(--icon-primary);
  flex-shrink: 0;
}
.kx9s273 {
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: var(--text-primary);
  font-size: 14px;
}
.kx9s273::placeholder {
  color: var(--text-placeholder);
}
.kx9s274 {
  color: var(--text-secondary);
  font-size: 12px;
  user-select: none;
  white-space: nowrap;
  flex-shrink: 0;
}
.kx9s275 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 2px;
}
.kx9s276 {
  width: 28px;
  height: 28px;
  border-radius: 4px;
}
::highlight(find-match) {
  background-color: rgba(255, 213, 0, 0.35);
}
::highlight(find-current-match) {
  background-color: rgba(255, 165, 0, 0.6);
}
.ekusyv0 {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  gap: 12px;
}
.ekusyv1 {
  color: var(--text-secondary);
}
.ekusyv2 {
  flex-grow: 1;
  min-width: 12px;
}
.ekusyv3 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.ekusyv4 {
  flex: 1;
  overflow: auto;
  overflow-anchor: none;
}
.ekusyv5 {
  font-family: monospace;
  font-size: 14px;
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--text-primary);
  background-color: var(--background-primary);
  padding: 16px;
  border-radius: 8px;
}
.ekusyv6 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--text-secondary);
}
.ekusyv7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 8px;
  color: var(--text-primary);
  padding: 24px;
}
.ekusyv8 {
  color: var(--status-error);
  font-family: monospace;
  font-size: 12px;
  margin: 0;
}
.ekusyv9 {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.ekusyva {
  min-height: 400px;
  outline: none;
  padding: 16px;
  color: var(--text-primary);
  font-size: 14px;
  line-height: 1.6;
  font-family: monospace;
}
.ekusyvb {
  margin: 8px 0;
}
.ekusyvc {
  font-weight: bold;
}
.ekusyvd {
  font-style: italic;
}
.ekusyve {
  text-decoration: underline;
}
.ekusyvf {
  position: absolute;
  top: 16px;
  left: 16px;
  color: var(--text-placeholder);
  pointer-events: none;
  user-select: none;
}
.ekusyvg {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--status-warning);
  flex-shrink: 0;
}
.ekusyvh {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 500;
}
.ekusyvh[data-state="saving"] {
  background-color: var(--background-secondary);
  color: var(--text-secondary);
}
.ekusyvh[data-state="conflict"] {
  background-color: var(--status-error);
  color: var(--text-inverse);
}
.ekusyvh[data-state="error"] {
  background-color: var(--status-error);
  color: var(--text-inverse);
}
.ekusyvh[data-state="orphan"] {
  background-color: var(--background-warning);
  color: var(--text-primary);
}
.ekusyvi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  background-color: var(--status-error);
  color: var(--text-inverse);
  font-size: 13px;
}
.ekusyvj {
  flex: 1;
}
.ekusyvk {
  display: flex;
  gap: 8px;
}
.ekusyvl {
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  border: none;
}
.ekusyvl[data-variant="primary"] {
  background-color: var(--text-inverse);
  color: var(--status-error);
}
.ekusyvl[data-variant="secondary"] {
  background-color: transparent;
  color: var(--text-inverse);
  border: 1px solid var(--text-pureWhite);
}
.ekusyvl:hover {
  opacity: 0.9;
}
.ekusyvm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  background-color: var(--background-warning);
  color: var(--text-primary);
  font-size: 13px;
}
.ekusyvn {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: var(--background-secondary);
  color: var(--text-secondary);
  font-weight: 500;
}
.ekusyvo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  background-color: var(--background-secondary);
  border-bottom: 1px solid var(--border-default);
  font-size: 13px;
}
.ekusyvp {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-secondary);
}
.ekusyvq {
  font-weight: 600;
  color: var(--text-primary);
}
.ekusyvr {
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  background-color: var(--interactive-primary);
  color: var(--text-inverse);
}
.ekusyvr:hover {
  opacity: 0.9;
}
._2mbdar0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
}
._2mbdar1 {
  font-size: 14px;
  line-height: 22px;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
}
._2mbdar2 {
  display: flex;
  align-items: center;
  gap: 2px;
  cursor: pointer;
}
._2mbdar2[data-active="true"] {
  color: var(--text-primary);
  cursor: default;
}
._2mbdar3 {
  color: inherit;
  text-decoration: none;
}
._2mbdar4 {
  font-size: 20px;
  color: var(--icon-primary);
}
._2mbdar5 {
  margin-left: 4px;
  margin-right: 8px;
}
._2mbdar6 {
  display: flex;
  align-items: center;
  gap: 16px;
}
._2mbdar7 {
  display: flex;
  align-items: center;
  gap: 2px;
  cursor: pointer;
  padding: 0px 2px;
  border-radius: 100px;
  border: 1px solid var(--border-default);
}
._2mbdar8 {
  width: 18px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._2mbdar8:after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: block;
  background-color: currentColor;
}
._2mbdar9 {
  font-size: 14px;
  line-height: 22px;
  color: var(--text-primary);
}
._2mbdara {
  width: 24px;
  height: 24px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--icon-primary);
}
._2mbdarb {
  padding: 0;
  max-height: 400px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._2mbdarc {
  padding: 12px 12px 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
._2mbdard {
  font-size: 16px;
  color: var(--icon-secondary);
}
._2mbdare {
  height: fit-content;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
}
._2mbdarf {
  padding: 1px 8px 12px 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  height: fit-content;
  flex-grow: 1;
}
._2mbdarg {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 20px;
}
._2mbdarh {
  padding: 0;
}
._2mbdari {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 0px;
}
._2mbdarj {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._2mbdarj:after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: block;
  background-color: currentColor;
}
._2mbdark {
  font-size: 14px;
  line-height: 22px;
  color: var(--text-primary);
  width: 0;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._2mbdarl {
  font-size: 16px;
  color: var(--interactive-primary);
}
._71xuzs0 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
  font-weight: 600;
  user-select: none;
}
._71xuzs1 {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  width: 100%;
}
._71xuzs2 {
  color: var(--icon-primary);
  font-size: 20px;
}
._1ln1oei0 {
  height: 100%;
  display: flex;
  flex-direction: column;
}
._1ln1oei1 {
  height: 0;
  flex: 1;
}
._1ln1oei2 {
  cursor: pointer;
  color: var(--text-secondary);
  background: var(--background-codeBlock);
  border: 1px solid var(--border-default);
  border-radius: 4px;
  padding: 0 6px;
  box-sizing: border-box;
}
._1ln1oei2:hover {
  background: var(--background-hoverOverlay);
}
._1ln1oei3 {
  cursor: text;
}
._1ln1oei4 {
  border-width: 1px;
  border-color: var(--border-default);
  box-shadow: none;
  cursor: default;
}
._1ln1oei5 {
  display: flex;
  align-items: center;
  gap: 8px;
}
@keyframes db2m680 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.db2m681 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.db2m682 {
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  flex-shrink: 0;
}
.db2m683 {
  animation: db2m680 2s ease-in-out infinite;
}
.db2m684 {
  font-size: 12px;
  color: var(--text-secondary);
  white-space: nowrap;
  line-height: 1;
}
.wpvhj50 {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--background-primary);
  overflow: hidden;
  isolation: isolate;
  border-radius: 4px;
}
.wpvhj50[data-visible="false"] {
  visibility: hidden;
  pointer-events: none;
}
.wpvhj50 .terminal-wrapper {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
}
.wpvhj50 .xterm-element {
  position: relative;
  flex: 1;
  min-height: 0;
}
.wpvhj50 .xterm {
  position: absolute;
  inset: 0;
  padding: 8px;
  height: 100%;
  cursor: text;
}
.wpvhj50 .xterm-viewport {
  overflow: hidden;
  width: 100%;
}
.wpvhj50 .xterm-screen {
  position: relative;
}
.wpvhj50 .xterm-rows {
  position: relative;
}
.wpvhj50 .xterm-scroll-area {
  visibility: hidden;
}
.wpvhj50 .xterm-helper-textarea {
  position: absolute;
  opacity: 0;
  left: -9999px;
}
.wpvhj50 .xterm-decoration-overview-ruler {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
}
.wpvhj50 .xterm-decoration {
  position: absolute;
  pointer-events: none;
}
.wpvhj50 .xterm .xterm-selection {
  position: absolute;
  pointer-events: none;
}
.wpvhj50 .xterm-link {
  cursor: pointer;
  text-decoration: underline;
}
/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */

/**
 *  Default styles for xterm.js
 */

.xterm {
    cursor: text;
    position: relative;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.xterm.focus,
.xterm:focus {
    outline: none;
}

.xterm .xterm-helpers {
    position: absolute;
    top: 0;
    /**
     * The z-index of the helpers must be higher than the canvases in order for
     * IMEs to appear on top.
     */
    z-index: 5;
}

.xterm .xterm-helper-textarea {
    padding: 0;
    border: 0;
    margin: 0;
    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
    position: absolute;
    opacity: 0;
    left: -9999em;
    top: 0;
    width: 0;
    height: 0;
    z-index: -5;
    /** Prevent wrapping so the IME appears against the textarea at the correct position */
    white-space: nowrap;
    overflow: hidden;
    resize: none;
}

.xterm .composition-view {
    /* TODO: Composition position got messed up somewhere */
    background: #000;
    color: #FFF;
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

.xterm .composition-view.active {
    display: block;
}

.xterm .xterm-viewport {
    /* On OS X this is required in order for the scroll bar to appear fully opaque */
    background-color: #000;
    overflow-y: scroll;
    cursor: default;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.xterm .xterm-screen {
    position: relative;
}

.xterm .xterm-screen canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.xterm-char-measure-element {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -9999em;
    line-height: normal;
}

.xterm.enable-mouse-events {
    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
    cursor: default;
}

.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
    cursor: pointer;
}

.xterm.column-select.focus {
    /* Column selection mode */
    cursor: crosshair;
}

.xterm .xterm-accessibility:not(.debug),
.xterm .xterm-message {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    color: transparent;
    pointer-events: none;
}

.xterm .xterm-accessibility-tree:not(.debug) *::selection {
  color: transparent;
}

.xterm .xterm-accessibility-tree {
  font-family: monospace;
  user-select: text;
  white-space: pre;
}

.xterm .xterm-accessibility-tree > div {
  transform-origin: left;
  width: fit-content;
}

.xterm .live-region {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.xterm-dim {
    /* Dim should not apply to background, so the opacity of the foreground color is applied
     * explicitly in the generated class and reset to 1 here */
    opacity: 1 !important;
}

.xterm-underline-1 { text-decoration: underline; }
.xterm-underline-2 { text-decoration: double underline; }
.xterm-underline-3 { text-decoration: wavy underline; }
.xterm-underline-4 { text-decoration: dotted underline; }
.xterm-underline-5 { text-decoration: dashed underline; }

.xterm-overline {
    text-decoration: overline;
}

.xterm-overline.xterm-underline-1 { text-decoration: overline underline; }
.xterm-overline.xterm-underline-2 { text-decoration: overline double underline; }
.xterm-overline.xterm-underline-3 { text-decoration: overline wavy underline; }
.xterm-overline.xterm-underline-4 { text-decoration: overline dotted underline; }
.xterm-overline.xterm-underline-5 { text-decoration: overline dashed underline; }

.xterm-strikethrough {
    text-decoration: line-through;
}

.xterm-screen .xterm-decoration-container .xterm-decoration {
	z-index: 6;
	position: absolute;
}

.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
	z-index: 7;
}

.xterm-decoration-overview-ruler {
    z-index: 8;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.xterm-decoration-top {
    z-index: 2;
    position: relative;
}



/* Derived from vs/base/browser/ui/scrollbar/media/scrollbar.css */

/* xterm.js customization: Override xterm's cursor style */
.xterm .xterm-scrollable-element > .scrollbar {
    cursor: default;
}

/* Arrows */
.xterm .xterm-scrollable-element > .scrollbar > .scra {
	cursor: pointer;
	font-size: 11px !important;
}

.xterm .xterm-scrollable-element > .visible {
	opacity: 1;

	/* Background rule added for IE9 - to allow clicks on dom node */
	background:rgba(0,0,0,0);

	transition: opacity 100ms linear;
	/* In front of peek view */
	z-index: 11;
}
.xterm .xterm-scrollable-element > .invisible {
	opacity: 0;
	pointer-events: none;
}
.xterm .xterm-scrollable-element > .invisible.fade {
	transition: opacity 800ms linear;
}

/* Scrollable Content Inset Shadow */
.xterm .xterm-scrollable-element > .shadow {
	position: absolute;
	display: none;
}
.xterm .xterm-scrollable-element > .shadow.top {
	display: block;
	top: 0;
	left: 3px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset;
}
.xterm .xterm-scrollable-element > .shadow.left {
	display: block;
	top: 3px;
	left: 0;
	height: 100%;
	width: 3px;
	box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset;
}
.xterm .xterm-scrollable-element > .shadow.top-left-corner {
	display: block;
	top: 0;
	left: 0;
	height: 3px;
	width: 3px;
}
.xterm .xterm-scrollable-element > .shadow.top.left {
	box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset;
}

._102mh4j0 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: var(--background-primary);
}
._102mh4j1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid var(--background-hoverOverlay);
  gap: 8px;
}
._102mh4j2 {
  display: flex;
  gap: 4px;
  flex: 1;
  overflow: auto;
}
._102mh4j3 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  border: none;
  background-color: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
}
._102mh4j3[data-active="true"] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._102mh4j3:hover:not([data-active="true"]) {
  background-color: var(--background-hoverOverlay);
}
._102mh4j4 {
  overflow: hidden;
  text-overflow: ellipsis;
}
._102mh4j5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: none;
  background-color: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 0;
}
._102mh4j5:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._102mh4j6 {
  padding: 4px 8px;
  border-radius: 4px;
  border: none;
  background-color: var(--interactive-primary);
  color: var(--text-primary);
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
}
._102mh4j6:hover:not([disabled]) {
  background-color: var(--background-hoverOverlay);
}
._102mh4j6[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
._102mh4j7 {
  flex: 1;
  overflow: hidden;
  position: relative;
}
._102mh4j8 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--text-secondary);
}
._4ydm0p0 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: var(--background-primary);
  gap: 16px;
}
._4ydm0p0:focus {
  outline: none;
}
._4ydm0p0:focus-visible {
  outline: none;
}
._4ydm0p1 {
  display: flex;
  gap: 8px;
  padding: 16px;
  border-bottom: 1px solid var(--border-default);
}
._4ydm0p2 {
  flex: 1;
  padding: 8px 12px;
  font-size: 14px;
  color: var(--text-primary);
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
  border-radius: 8px;
  outline: none;
}
._4ydm0p2:focus {
  border-color: var(--interactive-primary);
}
._4ydm0p3 {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background-color: var(--interactive-primary);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.2s;
}
._4ydm0p3:hover {
  opacity: 0.9;
}
._4ydm0p4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--text-secondary);
  font-size: 14px;
}
._2pdocy0 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--background-primary);
  overflow: hidden;
}
._2pdocy1 {
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
}
._2pdocy2 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-primary);
  padding: 24px;
}
._2pdocy3 {
  color: var(--text-primary);
  font-size: 14px;
  text-align: center;
}
._5g4uad0 {
  display: flex;
  gap: 4px;
  padding: 8px 12px;
  background-color: var(--background-secondary);
  border-bottom: 1px solid var(--border-default);
  overflow-x: auto;
  overflow-y: hidden;
}
._5g4uad1 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 13px;
  color: var(--text-secondary);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  user-select: none;
}
._5g4uad1:hover {
  background-color: var(--background-hoverOverlay);
}
._5g4uad1[data-active="true"] {
  color: var(--text-primary);
  background-color: var(--background-primary);
  border-color: var(--border-default);
}
._5g4uad2 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._5g4uad3 {
  font-size: 16px;
  line-height: 1;
  color: var(--text-link);
}
._5g4uad4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  font-size: 18px;
  line-height: 1;
  color: var(--text-secondary);
  background-color: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}
._5g4uad4:hover {
  color: var(--text-primary);
  background-color: var(--background-hoverOverlay);
}
.qnh8jv0 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}
.qnh8jv1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.qnh8jv2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
}
.qnh8jv3 {
  font-size: 14px;
  color: var(--text-secondary);
  margin-bottom: 16px;
  line-height: 1.6;
}
.qnh8jv4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.qnh8jv5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background-color: var(--background-secondary);
  border-radius: 8px;
  border: 1px solid var(--border-default);
  transition: background-color 0.2s;
}
.qnh8jv5:hover {
  background-color: var(--background-hoverOverlay);
}
.qnh8jv6 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.qnh8jv7 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
}
.qnh8jv8 {
  font-size: 12px;
  color: var(--text-tertiary);
  font-family: monospace;
}
.qnh8jv9 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.qnh8jva {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  text-align: center;
  color: var(--text-secondary);
}
.qnh8jvb {
  font-size: 48px;
  margin-bottom: 16px;
  opacity: 0.5;
}
.qnh8jvc {
  font-size: 14px;
  margin-bottom: 8px;
}
.qnh8jvd {
  font-size: 12px;
  color: var(--text-tertiary);
}
.qnh8jve {
  display: flex;
  gap: 8px;
}
._12zmheh0 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px 32px;
  gap: 16px;
}
._12zmheh1 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._12zmheh2 {
  flex: 1;
}
._12zmheh3 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._12zmheh4 {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background-color: var(--status-error);
}
._12zmheh5 {
  --vscode-sash-size: 8px;
  --vscode-sash-hover-size: 4px;
  --vscode-sash-hoverBorder: var(--interactive-primary);
  flex: 1;
  position: relative;
  overflow-x: auto;
  overflow-y: auto;
  min-width: 0;
}
._12zmheh5::-webkit-scrollbar {
  display: block;
}
._12zmheh5::-webkit-scrollbar:horizontal {
  height: 4px;
}
._12zmheh5::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: transparent;
}
._12zmheh5:hover::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.2);
}
._12zmheh6 {
  display: flex;
  border-bottom: 1px solid;
  border-color: var(--border-default);
  font-size: 14px;
  color: var(--text-primary);
}
._12zmheh7 {
  width: 28px;
  flex-shrink: 0;
  height: 40px;
}
._12zmheh8 {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 2px 12px;
  text-align: left;
  font-weight: 500;
  white-space: nowrap;
  color: var(--text-secondary);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}
._12zmheh9 {
  display: flex;
  align-items: center;
  border-bottom: 1px solid;
  border-color: var(--border-default);
}
._12zmheh9:hover {
  background-color: var(--background-secondary);
}
._12zmheha {
  background-color: var(--background-tertiary);
}
._12zmhehb {
  padding: 8px 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
}
._12zmhehc {
  padding: 0 4px;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity var(--duration-150) var(--ease-default);
}
._12zmheh9:hover ._12zmhehc {
  opacity: 1;
}
._12zmhehd {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._12zmhehe {
  font-size: 12px;
  font-family: var(--font-mono-family);
  color: var(--text-tertiary);
}
._12zmhehf {
  display: flex;
  align-items: center;
  gap: 4px;
}
._12zmhehg {
  display: flex;
  align-items: center;
  gap: 4px;
}
._12zmhehh {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 4px;
  font-size: 12px;
  font-family: var(--font-family);
  color: var(--text-secondary);
  background-color: var(--background-tertiary);
  border: 1px solid var(--border-default);
  border-radius: 2px;
}
._12zmhehi {
  width: 8px;
}
._12zmhehj {
  color: var(--text-tertiary);
}
._12zmhehk {
  font-family: var(--font-mono-family);
  font-size: 12px;
  color: var(--text-secondary);
}
._12zmhehl {
  font-size: 14px;
}
._12zmhehm {
  color: var(--interactive-primary);
  cursor: pointer;
}
._12zmhehm:hover {
  text-decoration: underline;
}
._12zmhehn {
  color: var(--interactive-primary);
  font-weight: 600;
}
._12zmheho {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  outline: none;
}
._12zmhehp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px;
  border-radius: 8px;
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
}
._12zmhehq {
  color: var(--text-tertiary);
  font-size: 14px;
}
._12zmhehr {
  font-size: 14px;
  color: var(--status-warning);
}
._12zmhehs {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 8px;
}
._12zmheht {
  position: absolute;
  top: 0;
  left: 28px;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 10;
}
._12zmheh5 .monaco-sash.vertical::before {
  background: var(--border-default);
}
._12zmheh5 .monaco-sash.vertical.hover::before {
  background: var(--interactive-primary);
}
._12zmheh5 .monaco-sash.vertical.active::before {
  background: var(--interactive-primary);
}
._12zmheh5 .monaco-scrollable-element {
  display: none;
}
.wou6380 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.wou6381 {
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  color: var(--text-secondary);
}
.wou6381[data-active="true"] {
  background-color: var(--background-secondary);
  color: var(--text-primary);
}
.wou6381:hover {
  background-color: var(--background-secondary);
}
.wou6382 {
  padding-left: 12px;
}
.wou6383 {
  color: var(--text-tertiary);
  font-size: 12px;
  margin-left: 4px;
}
.x0izrv0 {
  padding: 12px 16px;
  position: relative;
  border-bottom: 1px solid var(--border-default);
}
.x0izrv0[data-modified="true"] {
  border-left: 6px solid var(--interactive-primary);
  padding-left: 10px;
}
.x0izrv1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.x0izrv2 {
  color: var(--text-secondary);
  font-weight: 500;
  font-size: 14px;
}
.x0izrv3 {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 14px;
}
.x0izrv4 {
  color: var(--text-secondary);
  font-size: 14px;
  padding: 4px 0;
  line-height: 1.5;
}
.x0izrv4 code {
  font-family: var(--font-mono-family);
  font-size: 12px;
  padding: 1px 4px;
  border-radius: 2px;
  background-color: var(--background-tertiary);
}
.x0izrv4 a {
  color: var(--interactive-primary);
  text-decoration: none;
}
.x0izrv4 a:hover {
  text-decoration: underline;
}
.x0izrv5 {
  padding: 8px 0;
}
.x0izrv6 {
  color: var(--status-warning);
  font-size: 14px;
  padding: 4px 0;
}
.x0izrv7 {
  position: absolute;
  top: 12px;
  right: 12px;
  opacity: 0;
  transition: opacity var(--duration-150) var(--ease-default);
}
.x0izrv0:hover .x0izrv7 {
  opacity: 1;
}
.xhqgo10 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.xhqgo11 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 4px;
  border-radius: 2px;
  font-size: 12px;
  color: var(--text-tertiary);
  background-color: var(--background-tertiary);
  line-height: 1.5;
}
.xhqgo12 {
  color: var(--interactive-primary);
  background-color: transparent;
}
.xhqgo13 {
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background-color: var(--interactive-primary);
}
.xhqgo14 {
  color: var(--status-warning);
}
.xhqgo15 {
  color: var(--status-info);
}
._1ufrmwx0 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px 32px;
  gap: 16px;
}
._1ufrmwx1 {
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow: hidden;
  gap: 0;
}
._1ufrmwx2 {
  width: 200px;
  min-width: 100px;
  overflow-y: auto;
  border-right: 1px solid var(--border-default);
  padding: 16px;
  flex-shrink: 0;
}
._1ufrmwx3 {
  flex: 1;
  overflow-y: auto;
  padding: 16px 32px;
}
._1ufrmwx4 {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
._1ufrmwx5 {
  font-weight: 600;
  font-size: 16px;
  color: var(--text-primary);
  padding: 16px 0 8px 0;
  border-bottom: 1px solid var(--border-default);
  margin-bottom: 8px;
}
@media (max-width: 800px) {
  ._1ufrmwx2 {
    display: none;
  }
}
._1kd30je0 {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
._1kd30je1 {
  flex: 1;
  min-width: 200px;
}
._1kd30je2 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._1kd30je3 {
  font-size: 14px;
}
._1kd30je3[data-active="true"] {
  font-weight: 600;
}
._117q4ax0 {
  padding: 32px;
  background: var(--background-primary);
  border-radius: 12px;
  margin: 24px;
  border: 1px solid;
  border-color: var(--border-default);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
._117q4ax1 {
  margin: 0;
  margin-bottom: 16px;
  color: var(--text-primary);
  font-size: 18px;
  font-weight: 600;
}
._117q4ax2 {
  margin: 0;
  margin-bottom: 24px;
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.5;
}
._117q4ax3 {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 24px;
  padding: 16px;
  background: var(--background-secondary);
  border-radius: 8px;
}
._117q4ax4 {
  width: 32px;
  height: 16px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
}
._117q4ax5 {
  color: var(--text-secondary);
  font-size: 15px;
  font-family: monospace;
}
._117q4ax6 {
  display: flex;
  gap: 16px;
  margin-top: 16px;
}
._117q4ax7 {
  background: var(--interactive-primary);
  color: var(--text-inverse);
  border: none;
  padding: 8px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  transition: background 0.15s ease;
}
._117q4ax7:hover {
  opacity: 0.9;
}
._117q4ax8 {
  background: var(--interactive-secondary);
  color: var(--text-primary);
  border: none;
  padding: 8px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
}
._117q4ax9 {
  margin-top: 24px;
  padding: 16px;
  background: var(--background-secondary);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--border-default);
  font-size: 12px;
  font-family: monospace;
  color: var(--text-secondary);
  max-height: 80px;
  overflow: auto;
}
.ow1dn00 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: var(--background-primary);
}
.ow1dn01 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid var(--border-default);
}
.ow1dn02 {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-primary);
}
.ow1dn03 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ow1dn04 {
  flex: 1;
  overflow: auto;
  padding: 24px;
}
.ow1dn05 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 16px;
  width: 100%;
}
.ow1dn06 {
  display: grid;
  height: 100%;
  gap: 0;
  grid-auto-flow: column;
  width: 100%;
}
.ow1dn07 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 16px;
  color: var(--text-secondary);
}
.ow1dn08 {
  font-size: 16px;
  font-weight: 500;
}
.ow1dn09 {
  font-size: 14px;
  text-align: center;
  max-width: 400px;
}
._1r9enxh0 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 250px;
  background-color: var(--background-primary);
  transition: background-color 0.2s ease;
}
._1r9enxh0[data-dragged-over="true"] {
  background-color: var(--background-hoverOverlay);
  outline: 2px solid var(--interactive-primary);
  outline-offset: -2px;
}
._1r9enxh1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-default);
  flex-shrink: 0;
}
._1r9enxh2 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._1r9enxh3 {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._1r9enxh4 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  border: 2px dashed var(--border-default);
  border-radius: 12px;
  background-color: var(--background-secondary);
}
._1r9enxh5 {
  font-size: 14px;
  color: var(--text-secondary);
}
._1upr7710 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1upr7711 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  text-decoration: none;
  color: inherit;
}
._1upr7711:hover {
  background-color: var(--background-hoverOverlay);
}
._1upr7712 {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 20px;
}
._1upr7713 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._1upr7714 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1upr7715 {
  font-size: 12px;
  color: var(--text-secondary);
}
._1upr7716 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1upr7717 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  text-decoration: none;
  color: inherit;
}
._1upr7717:hover {
  background-color: var(--background-hoverOverlay);
}
._1upr7718 {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--icon-primary);
}
._1upr7719 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._1upr771a {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1upr771b {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}
._1b9rdby0 {
  background-color: var(--background-secondary);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid var(--border-default);
  transition: all 0.2s ease;
}
._1b9rdby0[data-dragging="true"] {
  opacity: 0.5;
}
._1b9rdby0[data-dragged-over="true"] {
  border-color: var(--interactive-primary);
  box-shadow: 0 0 0 2px var(--interactive-primary);
}
._1b9rdby1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._1b9rdby2 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  flex: 1;
}
._1b9rdby3 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._1b9rdby4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1b9rdby4[data-collapsed="true"] {
  display: none;
}
._1b9rdby5 {
  cursor: grab;
  padding: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--icon-secondary);
  transition: all 0.2s ease;
  flex-shrink: 0;
}
._1b9rdby5:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--icon-primary);
}
._1b9rdby5:active {
  cursor: grabbing;
}
._1b9rdby6 {
  padding: 24px;
  text-align: center;
  color: var(--text-secondary);
  font-size: 14px;
}
.twtpka0 {
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 6px;
  cursor: ns-resize;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.twtpka0::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--border-default);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.twtpka0:hover::before {
  opacity: 1;
}
.twtpka0[data-resizing="true"]::before {
  opacity: 1;
  height: 3px;
  background-color: var(--interactive-primary);
}
.twtpka1 {
  width: 32px;
  height: 3px;
  border-radius: 2px;
  background-color: var(--icon-secondary);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.twtpka0:hover .twtpka1 {
  opacity: 1;
}
.twtpka0[data-resizing="true"] .twtpka1 {
  opacity: 1;
  background-color: var(--interactive-primary);
}
.wfk8c0 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -5px;
  width: 10px;
  cursor: col-resize;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.wfk8c0::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: var(--border-default);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.wfk8c0:hover::before {
  opacity: 1;
}
.wfk8c0[data-resizing="true"]::before {
  opacity: 1;
  width: 3px;
  background-color: var(--interactive-primary);
}
.wfk8c1 {
  width: 3px;
  height: 32px;
  border-radius: 2px;
  background-color: var(--icon-secondary);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.wfk8c0:hover .wfk8c1 {
  opacity: 1;
}
.wfk8c0[data-resizing="true"] .wfk8c1 {
  opacity: 1;
  background-color: var(--interactive-primary);
}
._13rotuq0 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}
._13rotuq1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
._13rotuq2 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--border-default);
  background-color: var(--background-secondary);
  transition: all 0.2s ease;
}
._13rotuq2:hover {
  border-color: var(--interactive-primary);
  box-shadow: 0 0 0 1px var(--interactive-primary);
}
._13rotuq3 {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: var(--background-primary);
  color: var(--icon-primary);
  font-size: 24px;
  flex-shrink: 0;
}
._13rotuq4 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._13rotuq5 {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
}
._13rotuq6 {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 18px;
}
._13rotuq7 {
  flex-shrink: 0;
}
/* Variables declaration */
.rdp-root {
  --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */
  --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */

  --rdp-day-height: 44px; /* The height of the day cells. */
  --rdp-day-width: 44px; /* The width of the day cells. */

  --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */
  --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */
  --rdp-day_button-height: 42px; /* The height of the day cells. */
  --rdp-day_button-width: 42px; /* The width of the day cells. */

  --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */
  --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
  --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
  --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */

  --rdp-dropdown-gap: 0.5rem; /* The gap between the dropdowns used in the month captons. */

  --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */

  --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
  --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
  --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
  --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */

  --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */
  --rdp-range_middle-color: inherit; /* The color of the range text. */

  --rdp-range_start-color: white; /* The color of the range text. */
  --rdp-range_start-background: linear-gradient(
    var(--rdp-gradient-direction),
    transparent 50%,
    var(--rdp-range_middle-background-color) 50%
  ); /* Used for the background of the start of the selected range. */
  --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */

  --rdp-range_end-background: linear-gradient(
    var(--rdp-gradient-direction),
    var(--rdp-range_middle-background-color) 50%,
    transparent 50%
  ); /* Used for the background of the end of the selected range. */
  --rdp-range_end-color: white; /* The color of the range text. */
  --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */

  --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */
  --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */

  --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
  --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
  --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
  --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */

  --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
  --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
  --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */

  --rdp-gradient-direction: 90deg;

  --rdp-animation_duration: 0.3s;
  --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
}

.rdp-root[dir="rtl"] {
  --rdp-gradient-direction: -90deg;
}

.rdp-root[data-broadcast-calendar="true"] {
  --rdp-outside-opacity: unset;
}

/* Root of the component. */
.rdp-root {
  position: relative; /* Required to position the navigation toolbar. */
  box-sizing: border-box;
}

.rdp-root * {
  box-sizing: border-box;
}

.rdp-day {
  width: var(--rdp-day-width);
  height: var(--rdp-day-height);
  text-align: center;
}

.rdp-day_button {
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  justify-content: center;
  align-items: center;
  display: flex;

  width: var(--rdp-day_button-width);
  height: var(--rdp-day_button-height);
  border: var(--rdp-day_button-border);
  border-radius: var(--rdp-day_button-border-radius);
}

.rdp-day_button:disabled {
  cursor: revert;
}

.rdp-caption_label {
  z-index: 1;

  position: relative;
  display: inline-flex;
  align-items: center;

  white-space: nowrap;
  border: 0;
}

.rdp-dropdown:focus-visible ~ .rdp-caption_label {
  outline: 5px auto Highlight;
  /* biome-ignore lint/suspicious/noDuplicateProperties: backward compatibility */
  outline: 5px auto -webkit-focus-ring-color;
}

.rdp-button_next,
.rdp-button_previous {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  appearance: none;

  width: var(--rdp-nav_button-width);
  height: var(--rdp-nav_button-height);
}

.rdp-button_next:disabled,
.rdp-button_next[aria-disabled="true"],
.rdp-button_previous:disabled,
.rdp-button_previous[aria-disabled="true"] {
  cursor: revert;

  opacity: var(--rdp-nav_button-disabled-opacity);
}

.rdp-chevron {
  display: inline-block;
  fill: var(--rdp-accent-color);
}

.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
  transform: rotate(180deg);
  transform-origin: 50%;
}

.rdp-dropdowns {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--rdp-dropdown-gap);
}
.rdp-dropdown {
  z-index: 2;

  /* Reset */
  opacity: 0;
  appearance: none;
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  border: none;
  line-height: inherit;
}

.rdp-dropdown_root {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
  opacity: var(--rdp-disabled-opacity);
}

.rdp-month_caption {
  display: flex;
  align-content: center;
  height: var(--rdp-nav-height);
  font-weight: bold;
  font-size: large;
}

.rdp-root[data-nav-layout="around"] .rdp-month,
.rdp-root[data-nav-layout="after"] .rdp-month {
  position: relative;
}

.rdp-root[data-nav-layout="around"] .rdp-month_caption {
  justify-content: center;
  margin-inline-start: var(--rdp-nav_button-width);
  margin-inline-end: var(--rdp-nav_button-width);
  position: relative;
}

.rdp-root[data-nav-layout="around"] .rdp-button_previous {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: var(--rdp-nav-height);
  display: inline-flex;
}

.rdp-root[data-nav-layout="around"] .rdp-button_next {
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  height: var(--rdp-nav-height);
  display: inline-flex;
  justify-content: center;
}

.rdp-months {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--rdp-months-gap);
  max-width: fit-content;
}

.rdp-month_grid {
  border-collapse: collapse;
}

.rdp-nav {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;

  display: flex;
  align-items: center;

  height: var(--rdp-nav-height);
}

.rdp-weekday {
  opacity: var(--rdp-weekday-opacity);
  padding: var(--rdp-weekday-padding);
  font-weight: 500;
  font-size: smaller;
  text-align: var(--rdp-weekday-text-align);
  text-transform: var(--rdp-weekday-text-transform);
}

.rdp-week_number {
  opacity: var(--rdp-week_number-opacity);
  font-weight: 400;
  font-size: small;
  height: var(--rdp-week_number-height);
  width: var(--rdp-week_number-width);
  border: var(--rdp-week_number-border);
  border-radius: var(--rdp-week_number-border-radius);
  text-align: var(--rdp-weeknumber-text-align);
}

/* DAY MODIFIERS */
.rdp-today:not(.rdp-outside) {
  color: var(--rdp-today-color);
}

.rdp-selected {
  font-weight: bold;
  font-size: large;
}

.rdp-selected .rdp-day_button {
  border: var(--rdp-selected-border);
}

.rdp-outside {
  opacity: var(--rdp-outside-opacity);
}

.rdp-disabled:not(.rdp-selected) {
  opacity: var(--rdp-disabled-opacity);
}

.rdp-hidden {
  visibility: hidden;
  color: var(--rdp-range_start-color);
}

.rdp-range_start {
  background: var(--rdp-range_start-background);
}

.rdp-range_start .rdp-day_button {
  background-color: var(--rdp-range_start-date-background-color);
  color: var(--rdp-range_start-color);
}

.rdp-range_middle {
  background-color: var(--rdp-range_middle-background-color);
}

.rdp-range_middle .rdp-day_button {
  border: unset;
  border-radius: unset;
  color: var(--rdp-range_middle-color);
}

.rdp-range_end {
  background: var(--rdp-range_end-background);
  color: var(--rdp-range_end-color);
}

.rdp-range_end .rdp-day_button {
  color: var(--rdp-range_start-color);
  background-color: var(--rdp-range_end-date-background-color);
}

.rdp-range_start.rdp-range_end {
  background: revert;
}

.rdp-focusable {
  cursor: pointer;
}

@keyframes rdp-slide_in_left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes rdp-slide_in_right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes rdp-slide_out_left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes rdp-slide_out_right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

.rdp-weeks_before_enter {
  animation: rdp-slide_in_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_before_exit {
  animation: rdp-slide_out_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_after_enter {
  animation: rdp-slide_in_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_after_exit {
  animation: rdp-slide_out_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_after_enter {
  animation: rdp-slide_in_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_before_exit {
  animation: rdp-slide_out_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_before_enter {
  animation: rdp-slide_in_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_after_exit {
  animation: rdp-slide_out_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

@keyframes rdp-fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes rdp-fade_out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.rdp-caption_after_enter {
  animation: rdp-fade_in var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_after_exit {
  animation: rdp-fade_out var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_before_enter {
  animation: rdp-fade_in var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_before_exit {
  animation: rdp-fade_out var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

._1exapie0 {
  background: var(--background-secondary);
  border: 1px solid var(--border-default);
  border-radius: 8px;
  padding: 0px 4px;
}
._1exapie0:hover {
  background: var(--background-hoverOverlay);
}
._1exapie0.selected {
  outline: 2px solid var(--interactive-primary);
}
._1exapie1 {
  background: var(--background-primary);
  border: 1px solid var(--border-default);
  box-shadow: var(--shadow-lg);
  border-radius: 8px;
  padding: 0px 8px 0px 12px;
}
.rdp-root {
  --rdp-accent-color: var(--interactive-primary);
  --rdp-accent-background-color: var(--background-secondary);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/** Dialog: Modal Block */
.monaco-dialog-modal-block {
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 2575; /* Above Context Views, Below Workbench Hover */
	display: flex;
	justify-content: center;
	align-items: center;
}

.monaco-dialog-modal-block.dimmed {
	background: rgba(0, 0, 0, 0.3);
}

/** Dialog: Container */
.monaco-dialog-box {
	display: flex;
	flex-direction: column-reverse;
	width: min-content;
	min-width: 500px;
	max-width: 90vw;
	min-height: 75px;
	padding: 10px;
	transform: translate3d(0px, 0px, 0px);
	border-radius: 3px;
}

.monaco-dialog-box.align-vertical {
	min-width: 350px; /* more narrow when aligned vertically */
}

/** Dialog: Title Actions Row */
.monaco-dialog-box .dialog-toolbar-row {
	height: 22px;
	padding-bottom: 4px;
}

.monaco-dialog-box .dialog-toolbar-row .actions-container {
	justify-content: flex-end;
}

/** Dialog: Message/Footer Row */
.monaco-dialog-box .dialog-message-row,
.monaco-dialog-box .dialog-footer-row {
	display: flex;
	flex-grow: 1;
	align-items: center;
	padding: 0 10px;
}

.monaco-dialog-box.align-vertical .dialog-message-row {
	flex-direction: column;
}

.monaco-dialog-box .dialog-message-row > .dialog-icon.codicon {
	flex: 0 0 48px;
	height: 48px;
	font-size: 48px;
}

.monaco-dialog-box.align-vertical .dialog-message-row > .dialog-icon.codicon {
	flex: 0 0 64px;
	height: 64px;
	font-size: 64px;
}

.monaco-dialog-box:not(.align-vertical) .dialog-message-row > .dialog-icon.codicon {
	align-self: baseline;
}

/** Dialog: Message/Footer Container */
.monaco-dialog-box .dialog-message-row .dialog-message-container,
.monaco-dialog-box .dialog-footer-row {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	text-overflow: ellipsis;
	user-select: text;
	-webkit-user-select: text;
	word-wrap: break-word; /* never overflow long words, but break to next line */
	white-space: normal;
}

.monaco-dialog-box .dialog-footer-row {
	margin-top: 20px;
}

.monaco-dialog-box:not(.align-vertical) .dialog-message-row .dialog-message-container,
.monaco-dialog-box:not(.align-vertical) .dialog-footer-row {
	padding-left: 24px;
}

.monaco-dialog-box.align-vertical .dialog-message-row .dialog-message-container,
.monaco-dialog-box.align-vertical .dialog-footer-row {
	align-items: center;
	text-align: center;
}

.monaco-dialog-box .dialog-message-row .dialog-message-container ul,
.monaco-dialog-box .dialog-footer-row ul {
	padding-inline-start: 20px; /* reduce excessive indent of list items in the dialog */
}

/** Dialog: Message */
.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message {
	line-height: 22px;
	font-size: 18px;
	flex: 1; /* let the message always grow */
	white-space: normal;
	word-wrap: break-word; /* never overflow long words, but break to next line */
	min-height: 48px; /* matches icon height */
	margin-bottom: 8px;
	display: flex;
	align-items: center;
}

/** Dialog: Details */
.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message-detail {
	line-height: 22px;
	flex: 1; /* let the message always grow */
}

.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message a:focus {
	outline-width: 1px;
	outline-style: solid;
}

/** Dialog: Checkbox */
.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-checkbox-row {
	padding: 15px 0px 0px;
	display: flex;
}

.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-checkbox-row .dialog-checkbox-message {
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	flex: 1;
}

/** Dialog: Input */
.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message-input {
	padding: 15px 0px 0px;
	display: flex;
}

.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message-input .monaco-inputbox {
	flex: 1;
}

/** Dialog: File Path */
.monaco-dialog-box code {
	font-family: var(--monaco-monospace-font);
}

/** Dialog: Buttons Row */
.monaco-dialog-box > .dialog-buttons-row {
	display: flex;
	align-items: center;
	padding-right: 1px;
	overflow: hidden; /* buttons row should never overflow */
}

.monaco-dialog-box > .dialog-buttons-row {
	display: flex;
	white-space: nowrap;
	padding: 20px 10px 10px;
}

/** Dialog: Buttons */
.monaco-dialog-box > .dialog-buttons-row > .dialog-buttons {
	display: flex;
	width: 100%;
}

.monaco-dialog-box:not(.align-vertical) > .dialog-buttons-row > .dialog-buttons {
	overflow: hidden;
	justify-content: flex-end;
	margin-left: 67px; /* for long buttons, force align with text */
}

.monaco-dialog-box.align-vertical > .dialog-buttons-row > .dialog-buttons {
	margin-left: 5px;
	margin-right: 5px;
	flex-direction: column;
}

.monaco-dialog-box > .dialog-buttons-row > .dialog-buttons > .monaco-button {
	padding: 4px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 4px 5px; /* allows button focus outline to be visible */
	outline-offset: 2px !important;
}

.monaco-dialog-box.align-vertical > .dialog-buttons-row > .dialog-buttons > .monaco-button {
	margin: 4px 0; /* allows button focus outline to be visible */
}

.monaco-dialog-box:not(.align-vertical) > .dialog-buttons-row > .dialog-buttons > .monaco-button {
	width: fit-content;
}

/** Dialog: Dropdown */
.monaco-dialog-box:not(.align-vertical) > .dialog-buttons-row > .dialog-buttons > .monaco-button-dropdown {
	margin: 4px 5px;
}

.monaco-dialog-box.align-vertical > .dialog-buttons-row > .dialog-buttons > .monaco-button-dropdown {
	width: 100%;
}

.monaco-dialog-box > .dialog-buttons-row > .dialog-buttons > .monaco-button-dropdown:focus-within {
	/**
	 * This is a trick to make the focus outline appear on the entire
	 * container of the dropdown button to ensure the dialog box looks
	 * consistent to dialogs without dropdown buttons.
	 */
	outline-offset: 2px !important;
	outline-width: 1px;
	outline-style: solid;
	outline-color: var(--vscode-focusBorder);
	border-radius: 2px;
}

.monaco-dialog-box > .dialog-buttons-row > .dialog-buttons > .monaco-button-dropdown > .monaco-text-button {
	padding-left: 10px;
	padding-right: 10px;
}

.monaco-dialog-box.align-vertical > .dialog-buttons-row > .dialog-buttons > .monaco-button-dropdown > .monaco-text-button {
	width: 100%;
}

.monaco-dialog-box > .dialog-buttons-row > .dialog-buttons > .monaco-button-dropdown > .monaco-dropdown-button {
	padding-left: 5px;
	padding-right: 5px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench.noauxiliarybar .part.auxiliarybar {
	display: none !important;
	visibility: hidden !important;
}

.monaco-workbench .part.auxiliarybar > .content .monaco-editor,
.monaco-workbench .part.auxiliarybar > .content .monaco-editor .margin,
.monaco-workbench .part.auxiliarybar > .content .monaco-editor .monaco-editor-background {
	background-color: var(--vscode-sideBar-background);
}

.monaco-workbench .part.auxiliarybar .title-actions .actions-container {
	justify-content: flex-end;
}

.monaco-workbench .part.auxiliarybar .title-actions .action-item {
	margin-right: 4px;
}

.monaco-workbench .part.auxiliarybar > .title {
	background-color: var(--vscode-sideBarTitle-background);
}

.monaco-workbench .part.auxiliarybar > .title > .title-label {
	flex: 1;
}

.monaco-workbench .part.auxiliarybar > .title > .title-label h2 {
	text-transform: uppercase;
}

.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container {
	flex: 1;
}

.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus,
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus {
	outline: 0 !important; /* activity bar indicates focus custom */
}

.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label,
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label {
	outline-offset: 2px;
}

.hc-black .monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label,
.hc-black .monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label,
.hc-light .monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label,
.hc-light .monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label {
	border-radius: 0px;
}

.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label::before,
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label::before {
	position: absolute;
	left: 5px; /* place icon in center */
}

.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked:not(:focus) .active-item-indicator:before,
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked.clicked:focus .active-item-indicator:before {
	border-top-color: var(--vscode-panelTitle-activeBorder) !important;
}

.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked:not(:focus) .active-item-indicator:before,
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked.clicked:focus .active-item-indicator:before {
	border-top-color: var(--vscode-activityBarTop-activeBorder) !important;
}

.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label,
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus .action-label {
	color: var(--vscode-sideBarTitle-foreground) !important;
}

.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label,
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus .action-label {
	color: var(--vscode-activityBarTop-foreground) !important;
}

.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked .action-label,
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label,
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked .action-label,
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label {
	outline: var(--vscode-contrastActiveBorder, unset) solid 1px !important;
}

.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(.checked):hover .action-label,
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(.checked):hover .action-label {
	outline: var(--vscode-contrastActiveBorder, unset) dashed 1px !important;
}

.monaco-workbench .auxiliarybar.part.pane-composite-part > .composite.title > .title-actions {
	flex: inherit;
}

.monaco-workbench .auxiliarybar.pane-composite-part > .title.has-composite-bar > .title-actions .monaco-action-bar .action-item {
	max-width: 150px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench.nopanel .part.panel {
	display: none !important;
	visibility: hidden !important;
}

.monaco-workbench .part.panel.bottom .composite.title {
	border-top-width: 1px;
	border-top-style: solid;
}

.monaco-workbench.nomaineditorarea .part.panel.bottom .composite.title {
	border-top-width: 0; /* no border when main editor area is hiden */
}

.monaco-workbench .part.panel.top {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.monaco-workbench.nomaineditorarea .part.panel.top {
	border-bottom-width: 0; /* no border when main editor area is hiden */
}

.monaco-workbench .part.panel.right {
	border-left-width: 1px;
	border-left-style: solid;
}

.monaco-workbench.nomaineditorarea .part.panel.right {
	border-left-width: 0; /* no border when main editor area is hiden */
}

.monaco-workbench .part.panel.left {
	border-right-width: 1px;
	border-right-style: solid;
}

.monaco-workbench.nomaineditorarea .part.panel.left {
	border-right-width: 0; /* no border when main editor area is hiden */
}

.monaco-workbench .part.panel > .content .monaco-editor,
.monaco-workbench .part.panel > .content .monaco-editor .margin,
.monaco-workbench .part.panel > .content .monaco-editor .monaco-editor-background {
	/* THIS DOESN'T WORK ANYMORE */
	background-color: var(--vscode-panel-background);
}

.monaco-workbench .part.panel > .content .suggest-input-container .monaco-editor,
.monaco-workbench .part.panel > .content .suggest-input-container .monaco-editor .margin,
.monaco-workbench .part.panel > .content .suggest-input-container .monaco-editor .monaco-editor-background {
	background-color: inherit;
}

.monaco-workbench .part.panel > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked:not(:focus) .active-item-indicator:before,
.monaco-workbench .part.panel > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked.clicked:focus .active-item-indicator:before {
	border-top-color: var(--vscode-panelTitle-activeBorder) !important;
}

.monaco-workbench .part.panel > .title > .composite-bar-container >.composite-bar > .monaco-action-bar .action-item:focus .action-label,
.monaco-workbench .part.panel > .title > .composite-bar-container >.composite-bar > .monaco-action-bar .action-item:hover .action-label {
	color: var(--vscode-panelTitle-activeForeground) !important;
}

.monaco-workbench .part.panel .monaco-inputbox {
	border-color: var(--vscode-panelInput-border, transparent) !important;
}

.monaco-workbench .part.panel > .title > .composite-bar-container >.composite-bar > .monaco-action-bar .action-item:focus {
	outline: none;
}

/* Rotate icons when panel is on right */
.monaco-workbench .part.basepanel.right .title-actions .codicon-split-horizontal::before,
.monaco-workbench .part.basepanel.right .global-actions .codicon-panel-maximize::before,
.monaco-workbench .part.basepanel.right .global-actions .codicon-panel-restore::before {
	display: inline-block;
	transform: rotate(-90deg);
}

/* Rotate icons when panel is on left */
.monaco-workbench .part.basepanel.left .title-actions .codicon-split-horizontal::before,
.monaco-workbench .part.basepanel.left .global-actions .codicon-panel-maximize::before,
.monaco-workbench .part.basepanel.left .global-actions .codicon-panel-restore::before {
	display: inline-block;
	transform: rotate(90deg);
}

/* Rotate icons when panel is on left */
.monaco-workbench .part.basepanel.top .title-actions .codicon-split-horizontal::before,
.monaco-workbench .part.basepanel.top .global-actions .codicon-panel-maximize::before,
.monaco-workbench .part.basepanel.top .global-actions .codicon-panel-restore::before {
	display: inline-block;
	transform: rotate(180deg);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .pane-composite-part > .title.has-composite-bar > .title-actions .monaco-action-bar .actions-container {
	justify-content: flex-end;
}

.monaco-workbench .pane-composite-part > .title.has-composite-bar > .title-actions .monaco-action-bar .action-item,
.monaco-workbench .pane-composite-part > .title.has-composite-bar > .global-actions .monaco-action-bar .action-item {
	margin-right: 4px;
}

.monaco-workbench .pane-composite-part > .title.has-composite-bar > .title-actions .monaco-action-bar .action-item .action-label {
	outline-offset: -2px;
}

.monaco-workbench .pane-composite-part > .title.has-composite-bar > .title-label {
	display: none;
}

.monaco-workbench .pane-composite-part.empty > .title.has-composite-bar > .title-label {
	border-bottom: none !important;
}

.monaco-workbench .pane-composite-part > .header-or-footer {
	padding-left: 4px;
	padding-right: 4px;
	background-color: var(--vscode-activityBarTop-background);
}

.monaco-workbench .pane-composite-part:not(.empty) > .header {
	border-bottom: 1px solid var(--vscode-sideBarActivityBarTop-border);
}

.monaco-workbench .pane-composite-part:not(.empty) > .footer {
	border-top: 1px solid var(--vscode-sideBarActivityBarTop-border);
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container {
	display: flex;
}

.monaco-workbench .pane-composite-part > .header-or-footer .composite-bar-container {
	flex: 1;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-label.codicon-more,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-label.codicon-more {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 0px;
	margin-right: 0px;
	color: inherit !important;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar {
	line-height: 27px; /* matches panel titles in settings */
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item {
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	padding-bottom: 2px; /* puts the bottom border down */
	padding-top: 2px;
	display: flex;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container >.composite-bar > .monaco-action-bar .action-item.icon,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container >.composite-bar > .monaco-action-bar .action-item.icon {
	height: 35px; /* matches height of composite container */
	padding: 0 3px;
}


.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .action-label:not(.codicon),
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .action-label:not(.codicon) {
	width: 16px;
	height: 16px;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item::before,
.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item::after,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item::before,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item::after {
	content: '';
	width: 2px;
	height: 24px;
	position: absolute;
	display: none;
	opacity: 0;
	background-color: var(--insert-border-color);
	transition-property: opacity;
	transition-duration: 0ms;
	transition-delay: 100ms;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container.dragged-over > .composite-bar > .monaco-action-bar .action-item::before,
.monaco-workbench .pane-composite-part > .title > .composite-bar-container.dragged-over > .composite-bar > .monaco-action-bar .action-item::after,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container.dragged-over > .composite-bar > .monaco-action-bar .action-item::before,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container.dragged-over > .composite-bar > .monaco-action-bar .action-item::after {
	display: block;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item::before,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item::before {
	left: 1px;
	margin-left: -2px;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item::after,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item::after {
	right: 1px;
	margin-right: -2px;
}


.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:first-of-type::before,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:first-of-type::before {
	left: 2px;
	margin-left: -2px;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:last-of-type::after,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:last-of-type::after {
	right: 2px;
	margin-right: -2px;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.right::before,
.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.left::after,
.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.left::before,
.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.right::after,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.right::before,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.left::after,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.left::before,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.right::after {
	transition-delay: 0s;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.right + .action-item::before,
.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.left::before,
.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:last-of-type.right::after,
.monaco-workbench .pane-composite-part > .title > .composite-bar-container.dragged-over-head > .composite-bar > .monaco-action-bar .action-item:first-of-type::before,
.monaco-workbench .pane-composite-part > .title > .composite-bar-container.dragged-over-tail > .composite-bar > .monaco-action-bar .action-item:last-of-type::after,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.right + .action-item::before,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.left::before,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:last-of-type.right::after,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container.dragged-over-head > .composite-bar > .monaco-action-bar .action-item:first-of-type::before,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container.dragged-over-tail > .composite-bar > .monaco-action-bar .action-item:last-of-type::after {
	opacity: 1;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label {
	margin-right: 0;
	padding: 2px;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label:not(.codicon-more),
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label:not(.codicon-more) {
	border-radius: 0;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(.icon) .action-label,
.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .action-label.codicon:not(.codicon-more),
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(.icon) .action-label,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .action-label.codicon:not(.codicon-more) {
	background: none !important;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked .action-label,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked .action-label {
	margin-right: 0;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .badge,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .badge {
	margin-left: 2px;
	display: flex;
	align-items: center;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .badge,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .badge {
	margin-left: 0px;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .badge .badge-content,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .badge .badge-content {
	padding: 3px 5px;
	border-radius: 10px;
	font-size: 10px;
	min-width: 16px;
	height: 16px;
	line-height: 10px;
	font-weight: normal;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	position: relative;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .icon-badge .badge-content {
	padding: 3px;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .badge.compact,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .badge.compact {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .badge.compact .badge-content,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .badge.compact .badge-content {
	position: absolute;
	top: 17px;
	right: 0px;
	font-size: 9px;
	font-weight: 600;
	min-width: 13px;
	height: 13px;
	line-height: 13px;
	padding: 0 2px;
	border-radius: 16px;
	text-align: center;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .badge.compact.compact-content .badge-content,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .badge.compact.compact-content .badge-content {
	font-size: 8px;
	padding: 0 3px;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .badge.compact.progress-badge .badge-content::before,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .badge.compact.progress-badge .badge-content::before {
	mask-size: 13px;
	-webkit-mask-size: 13px;
}

/* active item indicator */
.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .active-item-indicator,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .active-item-indicator {
	position: absolute;
	z-index: 1;
	bottom: 0;
	overflow: hidden;
	pointer-events: none;
	height: 100%;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .active-item-indicator,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .active-item-indicator {
	top: -4px;
	left: 10px;
	width: calc(100% - 20px);
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .active-item-indicator,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon .active-item-indicator {
	top: 1px;
	left: 2px;
	width: calc(100% - 4px);
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon.checked,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon.checked {
	background-color: var(--vscode-activityBarTop-activeBackground);
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked .active-item-indicator:before,
.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus .active-item-indicator:before,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked .active-item-indicator:before,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus .active-item-indicator:before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 2px;
	width: 100%;
	height: 0;
	border-top-width: 1px;
	border-top-style: solid;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.clicked:not(.checked):focus .active-item-indicator:before,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.clicked:not(.checked):focus .active-item-indicator:before {
	border-top-color: transparent !important; /* hides border on clicked state */
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus .active-item-indicator:before,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus .active-item-indicator:before {
	border-top-color: var(--vscode-focusBorder) !important;
	border-top-width: 2px;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked .action-label,
.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked .action-label,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label {
	outline: var(--vscode-contrastActiveBorder, unset) solid 1px !important;
}

.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(.checked):hover .action-label,
.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(.checked):hover .action-label {
	outline: var(--vscode-contrastActiveBorder, unset) dashed 1px !important;
}

/** Empty Pane Message **/

.monaco-workbench .pane-composite-part .empty-pane-message-area {
	display: none;
	height: 100%;
	width: 100%;
}

.monaco-workbench .pane-composite-part.empty .empty-pane-message-area {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
}

.monaco-workbench .pane-composite-part .empty-pane-message-area .empty-pane-message {
	margin: 12px;
	text-align: center;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .part > .content > .composite {
	height: 100%;
}

.monaco-workbench .part > .composite.header-or-footer,
.monaco-workbench .part > .composite.title {
	display: flex;
}

.monaco-workbench .part > .composite.title > .title-actions {
	flex: 1;
	padding-left: 8px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .part {
	box-sizing: border-box;
	overflow: hidden;
}

.monaco-workbench .part > .drop-block-overlay.visible {
	visibility: visible;
}

.monaco-workbench .part > .drop-block-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	z-index: 12;
}

.monaco-workbench .part > .title,
.monaco-workbench .part > .header-or-footer {
	display: none; /* Parts have to opt in to show area */
}

.monaco-workbench .part > .title,
.monaco-workbench .part > .header-or-footer {
	height: 35px;
	display: flex;
	box-sizing: border-box;
	overflow: hidden;
}

.monaco-workbench .part > .title {
	padding-left: 8px;
	padding-right: 8px;
}

.monaco-workbench .part > .title > .title-label {
	line-height: 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-workbench .part > .title > .title-label {
	padding-left: 12px;
}

.monaco-workbench .part > .title > .title-label h2 {
	font-size: 11px;
	cursor: default;
	font-weight: normal;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.monaco-workbench .part > .title > .title-label a {
	text-decoration: none;
	font-size: 13px;
	cursor: default;
}

.monaco-workbench .part > .title > .title-actions {
	height: 35px;
	flex: 1;
	padding-left: 5px;
}

.monaco-workbench .part > .title > .title-actions .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}

.monaco-workbench .part > .title > .title-actions .action-label .label {
	display: none;
}

.monaco-workbench .part > .content {
	font-size: 13px;
}

.monaco-workbench .part > .content > .monaco-progress-container,
.monaco-workbench .part.editor > .content .editor-group-container > .monaco-progress-container {
	position: absolute;
	left: 0;
	top: 33px; /* at the bottom of the 35px height title container */
	z-index: 5; /* on top of things */
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench.nosidebar > .part.sidebar {
	display: none !important;
	visibility: hidden !important;
}

.monaco-workbench .part.sidebar .title-actions .actions-container {
	justify-content: flex-end;
}

.monaco-workbench .part.sidebar .title-actions .action-item {
	margin-right: 4px;
}

.monaco-workbench .part.sidebar > .title {
	background-color: var(--vscode-sideBarTitle-background);
}

.monaco-workbench .part.sidebar > .title > .title-label h2 {
	text-transform: uppercase;
}

.monaco-workbench .viewlet .collapsible.header .title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-workbench .viewlet .collapsible.header .actions {
	width: 0; /* not using display: none for keyboard a11y reasons */
}

.monaco-workbench .viewlet .split-view-view:hover > .header .actions,
.monaco-workbench .viewlet .collapsible.header.focused .actions {
	width: initial;
	flex: 1;
}

.monaco-workbench .viewlet .collapsible.header .actions .action-label {
	width: 28px;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 0;
	height: 22px;
}

.monaco-workbench .viewlet .collapsible.header .actions .action-label .label {
	display: none;
}

.monaco-workbench .viewlet .collapsible.header.collapsed .actions {
	display: none;
}

.monaco-workbench .viewlet .collapsible.header .action-label {
	margin-right: 0.2em;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.monaco-workbench .part.sidebar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus,
.monaco-workbench .part.sidebar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus {
	outline: 0 !important; /* activity bar indicates focus custom */
}

.monaco-workbench .part.sidebar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label,
.monaco-workbench .part.sidebar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label {
	outline-offset: 2px;
}

.hc-black .monaco-workbench .part.sidebar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label,
.hc-black .monaco-workbench .part.sidebar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label,
.hc-light .monaco-workbench .part.sidebar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label,
.hc-light .monaco-workbench .part.sidebar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label {
	border-radius: 0px;
}

.monaco-workbench .part.sidebar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label::before,
.monaco-workbench .part.sidebar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label::before {
	position: absolute;
	left: 5px; /* place icon in center */
}

.monaco-workbench .part.sidebar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked:not(:focus) .active-item-indicator:before,
.monaco-workbench .part.sidebar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked.clicked:focus .active-item-indicator:before,
.monaco-workbench .part.sidebar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked:not(:focus) .active-item-indicator:before,
.monaco-workbench .part.sidebar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked.clicked:focus .active-item-indicator:before {
	border-top-color: var(--vscode-activityBarTop-activeBorder) !important;
}

.monaco-workbench .part.sidebar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label,
.monaco-workbench .part.sidebar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus .action-label,
.monaco-workbench .part.sidebar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label,
.monaco-workbench .part.sidebar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus .action-label {
	color: var(--vscode-activityBarTop-foreground) !important;
}

.monaco-workbench .part.sidebar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label.uri-icon,
.monaco-workbench .part.sidebar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus .action-label.uri-icon,
.monaco-workbench .part.sidebar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label.uri-icon,
.monaco-workbench .part.sidebar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus .action-label.uri-icon {
	background-color: var(--vscode-activityBarTop-foreground) !important;
}

.monaco-workbench .sidebar.pane-composite-part > .title > .composite-bar-container {
	flex: 1;
}

.monaco-workbench .sidebar.part.pane-composite-part > .composite.title.has-composite-bar > .title-actions {
	flex: inherit;
}

.monaco-workbench .sidebar.pane-composite-part > .title.has-composite-bar > .title-actions .monaco-action-bar .action-item {
	max-width: 150px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-grid-view {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.monaco-grid-branch-node {
	width: 100%;
	height: 100%;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .part.activitybar {
	width: 48px;
	height: 100%;
}

.monaco-workbench .activitybar.bordered::before {
	content: '';
	float: left;
	position: absolute;
	box-sizing: border-box;
	height: 100%;
	width: 0px;
	border-color: inherit;
}

.monaco-workbench .activitybar.left.bordered::before {
	right: 0;
	border-right-style: solid;
	border-right-width: 1px;
}

.monaco-workbench .activitybar.right.bordered::before {
	left: 0;
	border-left-style: solid;
	border-left-width: 1px;
}

.monaco-workbench .activitybar > .content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/** Viewlet Switcher */

.monaco-workbench .activitybar > .content .monaco-action-bar {
	text-align: left;
	background-color: inherit;
}

.monaco-workbench .activitybar .action-item:focus {
	outline: 0 !important; /* activity bar indicates focus custom */
}

.monaco-workbench .activitybar > .content > .composite-bar {
	margin-bottom: auto;
}

/** Menu Bar */

.monaco-workbench .activitybar .menubar {
	width: 100%;
	height: 35px;
}

.monaco-workbench .activitybar .menubar.compact .toolbar-toggle-more {
	width: 100%;
	height: 35px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item {
	display: block;
	position: relative;
}

.monaco-workbench .activitybar > .content .composite-bar > .monaco-action-bar .action-item::before,
.monaco-workbench .activitybar > .content .composite-bar > .monaco-action-bar .action-item::after {
	position: absolute;
	content: '';
	width: 48px;
	height: 2px;
	display: none;
	background-color: transparent;
	transition-property: background-color;
	transition-duration: 0ms;
	transition-delay: 100ms;
}

.monaco-workbench .activitybar > .content.dragged-over .composite-bar > .monaco-action-bar .action-item::before,
.monaco-workbench .activitybar > .content.dragged-over .composite-bar > .monaco-action-bar .action-item::after {
	display: block;
}

.monaco-workbench .activitybar > .content > .composite-bar > .monaco-action-bar .action-item.top::before,
.monaco-workbench .activitybar > .content > .composite-bar > .monaco-action-bar .action-item.top::after,
.monaco-workbench .activitybar > .content > .composite-bar > .monaco-action-bar .action-item.bottom::before,
.monaco-workbench .activitybar > .content > .composite-bar > .monaco-action-bar .action-item.bottom::after {
	transition-delay: 0s;
}

.monaco-workbench .activitybar > .content > .composite-bar > .monaco-action-bar .action-item.bottom + .action-item::before,
.monaco-workbench .activitybar > .content > .composite-bar > .monaco-action-bar .action-item.top::before,
.monaco-workbench .activitybar > .content > .composite-bar > .monaco-action-bar .action-item:last-of-type.bottom::after,
.monaco-workbench .activitybar > .content.dragged-over-head > .composite-bar > .monaco-action-bar .action-item:first-of-type::before,
.monaco-workbench .activitybar > .content.dragged-over-tail > .composite-bar > .monaco-action-bar .action-item:last-of-type::after {
	background-color: var(--insert-border-color);
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-label {
	position: relative;
	z-index: 1;
	display: flex;
	overflow: hidden;
	width: 48px;
	height: 48px;
	margin-right: 0;
	box-sizing: border-box;

}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-label:not(.codicon) {
	font-size: 15px;
	line-height: 40px;
	padding: 0 0 0 48px;
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-label.codicon {
	font-size: 24px;
	align-items: center;
	justify-content: center;
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item.active .action-label.codicon,
.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item:focus .action-label.codicon,
.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item:hover .action-label.codicon {
	color: var(--vscode-activityBar-foreground) !important;
}
.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item.active .action-label.uri-icon,
.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item:focus .action-label.uri-icon,
.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item:hover .action-label.uri-icon {
	background-color: var(--vscode-activityBar-foreground) !important;
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item.checked .active-item-indicator:before,
.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item:focus .active-item-indicator:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	height: 100%;
	width: 0;
	border-left: 2px solid;
}

.monaco-workbench.hc-black .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item.checked .active-item-indicator:before,
.monaco-workbench.hc-black .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item:focus .active-item-indicator:before {
	border-color: var(--vscode-activityBar-activeBorder);
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item.checked .active-item-indicator:before {
	top: 0;
	height: 100%;
}


/* Hides active elements in high contrast mode */
.monaco-workbench.hc-black .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item.checked:not(:focus) .active-item-indicator.action-item,
.monaco-workbench.hc-light .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item.checked:not(:focus) .active-item-indicator {
	display: none;
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item.clicked:focus:before,
.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item.clicked:focus .active-item-indicator::before {
	border-left: none !important; /* no focus feedback when using mouse */
}

.monaco-workbench .activitybar.left > .content :not(.monaco-menu) > .monaco-action-bar .action-item .active-item-indicator:before{
	left: 0;
}

.monaco-workbench .activitybar.right > .content :not(.monaco-menu) > .monaco-action-bar .action-item .active-item-indicator:before {
	right: 0;
}

/* Hides outline on HC as focus is handled by border */
.monaco-workbench.hc-black .activitybar.left > .content :not(.monaco-menu) > .monaco-action-bar .action-item:focus:before,
.monaco-workbench.hc-black .activitybar.right > .content :not(.monaco-menu) > .monaco-action-bar .action-item:focus:before,
.monaco-workbench.hc-light .activitybar.left > .content :not(.monaco-menu) > .monaco-action-bar .action-item:focus:before,
.monaco-workbench.hc-light .activitybar.right > .content :not(.monaco-menu) > .monaco-action-bar .action-item:focus:before {
	outline: none;
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .profile-badge,
.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .active-item-indicator,
.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .badge {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .active-item-indicator,
.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .badge {
	z-index: 2;
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .profile-badge {
	z-index: 1;
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .active-item-indicator {
	pointer-events: none;
}

.monaco-workbench.border .activitybar.right > .content :not(.monaco-menu) > .monaco-action-bar .active-item-indicator {
	left: -2px;
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .badge .badge-content {
	position: absolute;
	top: 24px;
	right: 8px;
	font-size: 9px;
	font-weight: 600;
	min-width: 8px;
	height: 16px;
	line-height: 16px;
	padding: 0 4px;
	border-radius: 20px;
	text-align: center;
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .profile-badge .profile-text-overlay {
	position: absolute;
	font-weight: 600;
	font-size: 9px;
	line-height: 10px;
	top: 24px;
	right: 6px;
	padding: 2px 3px;
	border-radius: 7px;
	background-color: var(--vscode-profileBadge-background);
	color: var(--vscode-profileBadge-foreground);
	border: 2px solid var(--vscode-activityBar-background);
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item:active .profile-text-overlay,
.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item:focus .profile-text-overlay,
.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item:hover .profile-text-overlay {
	color: var(--vscode-activityBar-foreground);
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .badge .codicon.badge-content {
	font-size: 13px;
	font-weight: unset;
	padding: 0;
	justify-content: center;
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .badge .codicon.badge-content::before {
	text-align: center;
	vertical-align: baseline;
}

/* Right aligned */

.monaco-workbench .activitybar.right > .content :not(.monaco-menu) > .monaco-action-bar .profile-badge,
.monaco-workbench .activitybar.right > .content :not(.monaco-menu) > .monaco-action-bar .badge {
	left: auto;
	right: 0;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .menubar > .menubar-menu-button,
.monaco-workbench .menubar .toolbar-toggle-more {
	color: var(--vscode-titleBar-activeForeground);
}

.monaco-workbench .activitybar .menubar.compact > .menubar-menu-button,
.monaco-workbench .activitybar .menubar.compact .toolbar-toggle-more {
	color: var(--vscode-activityBar-inactiveForeground);
}

.monaco-workbench .activitybar .menubar.compact > .menubar-menu-button.open,
.monaco-workbench .activitybar .menubar.compact > .menubar-menu-button:focus,
.monaco-workbench .activitybar .menubar.compact:not(:focus-within) > .menubar-menu-button:hover,
.monaco-workbench .activitybar .menubar.compact > .menubar-menu-button.open .toolbar-toggle-more,
.monaco-workbench .activitybar .menubar.compact > .menubar-menu-button:focus .toolbar-toggle-more,
.monaco-workbench .activitybar .menubar.compact:not(:focus-within) > .menubar-menu-button:hover .toolbar-toggle-more {
	color: var(--vscode-activityBar-foreground);
}

.monaco-workbench .activitybar .menubar.compact > .menubar-menu-button:focus {
	background-color: var(--vscode-menubar-selectionBackground);
}

.monaco-workbench .menubar.inactive:not(.compact) > .menubar-menu-button,
.monaco-workbench .menubar.inactive:not(.compact) > .menubar-menu-button .toolbar-toggle-more {
	color: var(--vscode-titleBar-inactiveForeground);
}

.monaco-workbench .menubar:not(.compact) > .menubar-menu-button.open,
.monaco-workbench .menubar:not(.compact) > .menubar-menu-button:focus,
.monaco-workbench .menubar:not(:focus-within):not(.compact) > .menubar-menu-button:hover,
.monaco-workbench .menubar:not(.compact) > .menubar-menu-button.open .toolbar-toggle-more,
.monaco-workbench .menubar:not(.compact) > .menubar-menu-button:focus .toolbar-toggle-more,
.monaco-workbench .menubar:not(:focus-within):not(.compact) > .menubar-menu-button:hover .toolbar-toggle-more {
	color: var(--vscode-menubar-selectionForeground);
}

.monaco-workbench .menubar:not(.compact) > .menubar-menu-button.open .menubar-menu-title,
.monaco-workbench .menubar:not(.compact) > .menubar-menu-button:focus .menubar-menu-title,
.monaco-workbench .menubar:not(:focus-within):not(.compact) > .menubar-menu-button:hover .menubar-menu-title {
	background-color: var(--vscode-menubar-selectionBackground);
}

.monaco-workbench .menubar > .menubar-menu-button:hover .menubar-menu-title {
	outline: dashed 1px var(--vscode-menubar-selectionBorder);
}

.monaco-workbench .menubar > .menubar-menu-button.open .menubar-menu-title,
.monaco-workbench .menubar > .menubar-menu-button:focus .menubar-menu-title {
	outline: solid 1px var(--vscode-menubar-selectionBorder);
}

.monaco-workbench .menubar > .menubar-menu-button.open .menubar-menu-title,
.monaco-workbench .menubar > .menubar-menu-button:focus .menubar-menu-title,
.monaco-workbench .menubar > .menubar-menu-button:hover .menubar-menu-title {
	outline-color: var(--vscode-menubar-selectionBorder);
	outline-offset: -1px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Menubar styles */

.menubar {
	display: flex;
	flex-shrink: 1;
	box-sizing: border-box;
	height: 100%;
	overflow: hidden;
}

.menubar.overflow-menu-only {
	width: 38px;
}

.fullscreen .menubar:not(.compact) {
	margin: 0px;
	padding: 4px 5px;
}

.menubar > .menubar-menu-button {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	cursor: default;
	-webkit-app-region: no-drag;
	zoom: 1;
	white-space: nowrap;
	outline: 0 !important;
}

.menubar:not(.compact) > .menubar-menu-button:focus .menubar-menu-title {
	outline-width: 1px;
	outline-style: solid;
	outline-offset: -1px;
	outline-color: var(--vscode-focusBorder);
}

.menubar.compact {
	flex-shrink: 0;
	overflow: visible; /* to avoid the compact menu to be repositioned when clicking */
}

.menubar.compact > .menubar-menu-button {
	width: 100%;
	height: 100%;
	padding: 0px;
}

.menubar-menu-title {
	padding: 0px 8px;
	border-radius: 5px;
}

.menubar .menubar-menu-items-holder {
	position: fixed;
	left: 0px;
	opacity: 1;
	z-index: 2000;
}

.menubar.compact .menubar-menu-items-holder {
	position: fixed;
}

.menubar .menubar-menu-items-holder.monaco-menu-container {
	outline: 0;
	border: none;
}

.menubar .menubar-menu-items-holder.monaco-menu-container :focus {
	outline: 0;
}

.menubar .toolbar-toggle-more {
	width: 22px;
	height: 22px;
	padding: 0 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: sub;
}

.menubar.compact .toolbar-toggle-more {
	position: relative;
	left: 0px;
	top: 0px;
	cursor: pointer;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.menubar:not(.compact) .menubar-menu-button:first-child .toolbar-toggle-more::before,
.menubar.compact .toolbar-toggle-more::before {
	content: var(--vscode-icon-menu-content) !important;
	font-family: var(--vscode-icon-menu-font-family) !important;
}

/* Match behavior of outline for activity bar icons */
.menubar.compact > .menubar-menu-button.open .menubar-menu-title,
.menubar.compact > .menubar-menu-button:focus .menubar-menu-title,
.menubar.compact > .menubar-menu-button:hover .menubar-menu-title{
	outline-width: 1px !important;
	outline-offset: -8px !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

@property --animation-angle {
	syntax: '<angle>';
	inherits: false;
	initial-value: 135deg;
}

@property --animation-opacity {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 0%;
}

@keyframes browser-shared-border-spin {
	from {
		--animation-angle: 135deg;
	}
	to {
		--animation-angle: 495deg;
	}
}

.browser-root {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;

	.browser-toolbar {
		display: flex;
		align-items: center;
		padding: 6px 8px;
		background-color: var(--vscode-editor-background);
		flex-shrink: 0;
		gap: 8px;
	}

	.browser-nav-toolbar,
	.browser-actions-toolbar {
		display: flex;
		align-items: center;
		flex-shrink: 0;

		.actions-container {
			gap: 4px;
		}
	}

	.browser-actions-toolbar {
		margin-right: 4px;
	}

	.browser-url-container {
		flex: 1;
		display: flex;
		align-items: center;
		background-color: var(--vscode-input-background);
		border: 1px solid var(--vscode-input-border);
		border-radius: var(--vscode-cornerRadius-small);

		&:has(.browser-url-input:focus) {
			border-color: var(--vscode-focusBorder);
		}
	}

	.browser-url-input {
		flex: 1;
		padding: 4px 8px;
		background-color: transparent;
		color: var(--vscode-input-foreground);
		border: none;
		border-radius: var(--vscode-cornerRadius-small);
		outline: none !important;
		font-size: 13px;
	}

	.browser-share-toggle-container {
		display: flex;
		align-items: center;
		margin: 2px 4px;
		flex-shrink: 0;

		.browser-share-toggle {
			padding: 2px 4px;
			border-radius: var(--vscode-cornerRadius-small);
			border-width: 0;
			color: var(--vscode-descriptionForeground);
			white-space: nowrap;
			gap: 4px;
			outline: none !important;

			&:focus-visible {
				outline: 1px solid var(--vscode-focusBorder) !important;
				outline-offset: 0px !important;
			}

			.codicon {
				margin: 0;
			}

			&:hover {
				background-color: var(--vscode-toolbar-hoverBackground) !important;
				color: var(--vscode-foreground);
			}

			&.checked {
				background: linear-gradient(135deg in lab,
					color-mix(in srgb, #51a2ff 25%, transparent),
					color-mix(in srgb, #4af0c0 25%, transparent),
					color-mix(in srgb, #b44aff 25%, transparent)
				) !important;
				color: var(--vscode-foreground);

				&:hover {
					background: linear-gradient(135deg in lab,
						color-mix(in srgb, #51a2ff 35%, transparent),
						color-mix(in srgb, #4af0c0 35%, transparent),
						color-mix(in srgb, #b44aff 35%, transparent)
					) !important;
				}
			}
		}
	}

	.browser-container-wrapper {
		flex: 1;
		min-height: 0;
		position: relative;
		margin-top: 1px;
	}

	.browser-container {
		/*
		 * Snap dimensions to multiples of 1/zoomFactor CSS pixels so that
		 * width*zoomFactor and height*zoomFactor are always integers. This
		 * avoids sub-pixel mismatches between the WebContentsView
		 * (whose bounds are rounded to integer DIPs) and this CSS container,
		 * which would cause visible shifts when swapping between the live
		 * view and the placeholder screenshot.
		 */
		width: round(down, 100% - 8px, calc(1px / var(--zoom-factor, 1)));
		height: round(down, 100% - 4px, calc(1px / var(--zoom-factor, 1)));
		margin: 0 auto;
		overflow: visible;
		border-radius: var(--vscode-cornerRadius-medium);
		position: relative;
		outline: none !important;
		z-index: 0; /* Important: creates a new stacking context for the gradient border trick */

		&::before {
			content: '';
			position: absolute;
			--animation-angle: 135deg;
			--animation-opacity: 0%;
			top: -1px;
			left: -1px;
			right: -1px;
			bottom: -1px;
			z-index: -2;
			border-radius: var(--vscode-cornerRadius-medium);
			background: conic-gradient(from var(--animation-angle),
				color-mix(in srgb, #b44aff var(--animation-opacity), var(--vscode-browser-border, transparent)),
				color-mix(in srgb, #4af0c0 var(--animation-opacity), var(--vscode-browser-border, transparent)),
				color-mix(in srgb, #51a2ff var(--animation-opacity), var(--vscode-browser-border, transparent)),
				color-mix(in srgb, #4af0c0 var(--animation-opacity), var(--vscode-browser-border, transparent)),
				color-mix(in srgb, #b44aff var(--animation-opacity), var(--vscode-browser-border, transparent))
			);
			pointer-events: none;
		}

		&.shared::before {
			top: -3px;
			left: -3px;
			right: -3px;
			bottom: -3px;
			--animation-angle: 495deg;
			--animation-opacity: 100%;
		}

		&.animate::before {
			transition: top 350ms cubic-bezier(0.2, 0, 0, 1),
				left 350ms cubic-bezier(0.2, 0, 0, 1),
				right 350ms cubic-bezier(0.2, 0, 0, 1),
				bottom 350ms cubic-bezier(0.2, 0, 0, 1),
				--animation-opacity 350ms cubic-bezier(0.2, 0, 0, 1);
		}

		&.shared.animate::before {
			animation: browser-shared-border-spin 1500ms cubic-bezier(0, 0.2, 0, 1) 1 forwards,
				browser-shared-border-spin 45s linear 1500ms infinite;
		}

		&::after {
			content: '';
			position: absolute;
			top: 1px;
			left: 1px;
			right: 1px;
			bottom: 1px;
			z-index: -1;
			border-radius: var(--vscode-cornerRadius-medium);
			background-color: var(--vscode-editor-background);
			pointer-events: none;
		}
	}

	.browser-placeholder-contents {
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
		border-radius: var(--vscode-cornerRadius-medium);
	}

	.browser-placeholder-screenshot {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-image: none;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.browser-overlay-paused {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		pointer-events: none;
		color: var(--vscode-foreground);
		background-color: color-mix(in srgb, var(--vscode-editor-background) 15%, transparent);
		opacity: 0;
		visibility: hidden;
		transition: opacity 200ms ease-in;

		&.visible {
			opacity: 1;
			visibility: visible;
		}

		&.show-message {
			background-color: color-mix(in srgb, var(--vscode-editor-background) 60%, transparent);
		}
	}

	.browser-overlay-paused-message {
		padding: 20px 40px;
		border-radius: 4px;
		border: 1px solid var(--vscode-editorWidget-border);
		background-color: var(--vscode-editor-background);
		box-shadow: var(--vscode-shadow-lg);
		max-width: 80%;
		text-align: center;
		display: none;
	}

	.browser-overlay-paused.show-message .browser-overlay-paused-message {
		display: block;
	}

	.browser-overlay-paused-heading {
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 8px;
	}

	.browser-overlay-paused-detail {
		font-size: 14px;
		color: var(--vscode-descriptionForeground);
	}

	.browser-error-container {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		flex: 1;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 80px 40px;
		margin: 0 2px 2px;
		background-color: var(--vscode-editor-background);
	}

	.browser-error-content {
		max-width: 600px;
		width: 100%;
	}

	.browser-error-title {
		font-size: 18px;
		font-weight: 600;
		color: var(--vscode-errorForeground);
		margin-bottom: 20px;
	}

	.browser-error-detail {
		margin-bottom: 12px;
		line-height: 1.6;
		color: var(--vscode-foreground);

		strong {
			font-weight: 600;
		}

		code {
			background-color: var(--vscode-textCodeBlock-background);
			padding: 2px 6px;
			border-radius: 3px;
			font-family: var(--monaco-monospace-font);
			font-size: 12px;
		}
	}

	.browser-find-widget-wrapper {
		flex-shrink: 0;
		position: relative;
		z-index: 10;
		overflow: hidden;

		&.find-visible {
			border-bottom: 1px solid var(--vscode-widget-border);
		}

		/* Override SimpleFindWidget absolute positioning to flow in layout */
		.simple-find-part-wrapper {
			position: relative;
			top: 0;
			right: 0;
			padding: 0;
			margin-left: auto;
		}

		.simple-find-part {
			border-radius: 0;
			border: none;
			top: 0 !important;
			padding: 2px 8px 6px 12px;
			transition: none;
			background: none !important;

			&:not(.visible) {
				display: none;
			}

			.monaco-sash {
				width: 2px !important;
				height: calc(100% - 4px);
				border-radius: var(--vscode-cornerRadius-circle);

				&::before {
					width: var(--vscode-sash-hover-size);
					left: calc(50% - (var(--vscode-sash-hover-size) / 2));
					border-radius: var(--vscode-cornerRadius-circle);
				}
			}

			/* Hide whole word and regex toggles */
			.codicon-whole-word,
			.codicon-regex {
				display: none;
			}
			/* Adjust input width to account for fewer toggles */
			.input {
				width: calc(100% - 16px) !important;
			}
		}
	}

	.browser-welcome-container {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--vscode-editor-background);

		.browser-welcome-content {
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 12px;
		}

		.browser-welcome-icon {
			min-height: 40px;

			.codicon {
				font-size: 40px;
				margin-bottom: 24px;
				color: var(--vscode-descriptionForeground);
			}
		}

		.browser-welcome-title {
			font-size: 13px;
			font-weight: 600;
			color: var(--vscode-foreground);
			margin-top: 5px;
			text-align: center;
			line-height: normal;
			padding: 0 8px;
		}

		.browser-welcome-subtitle {
			font-size: 12px;
			position: relative;
			text-align: center;
			max-width: 280px;
			padding: 0 20px;
			margin: 8px auto 0;
			color: var(--vscode-descriptionForeground);

			p {
				margin-top: 8px;
				margin-bottom: 8px;
			}
		}

	}
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.webview.modified {
	box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.extension-icon .icon {
	width: 42px;
	height: 42px;
	padding-right: 14px;
	flex-shrink: 0;
	object-fit: contain;
}

.extension-icon .codicon {
	padding-right: 14px;
	font-size: 42px !important;
}

.extension-sync-ignored.hide {
	display: none;
}

.extension-ratings {
	display: inline-block;
}

.extension-ratings.small {
	font-size: 80%;
}

.extension-ratings > .codicon[class*='codicon-extensions-rating']:not(:first-child) {
	margin-left: 3px;
}

.extension-ratings > .count {
	margin-left: 6px;
}

.extension-ratings.small > .count {
	margin-left: 0;
}

.extension-ratings .codicon-extensions-star-empty {
	opacity: .75;
}

.verified-publisher {
	display: flex;
	align-items: center;
}

.verified-publisher > .extension-verified-publisher-domain {
	padding-left: 2px;
	color: var(--vscode-extensionIcon-verifiedForeground);
	text-decoration: var(--text-link-decoration);
}

.extension-bookmark {
	display: inline-block;
	height: 20px;
	width: 20px;
}

.extension-bookmark > .recommendation,
.extension-bookmark > .pre-release {
	border-right: 20px solid transparent;
	border-top: 20px solid;
	box-sizing: border-box;
	position: relative;
}

.extension-bookmark > .pre-release {
	border-top-color: var(--vscode-extensionIcon-preReleaseForeground);
	color: #ffffff;
}

.extension-bookmark > .recommendation > .codicon,
.extension-bookmark > .pre-release > .codicon {
	position: absolute;
	bottom: 9px;
	left: 1px;
	color: inherit;
	font-size: 80% !important;
}

.extension-bookmark .recommendation {
	border-top-color: var(--vscode-extensionButton-prominentBackground);
	color: var(--vscode-extensionButton-prominentForeground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar .action-item .action-label.extension-action {
	line-height: initial;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.monaco-action-bar .action-item > .action-label.extension-action.label,
.monaco-action-bar .action-dropdown-item > .action-label.extension-action.label {
	padding: 0 5px;
}

.monaco-action-bar .action-dropdown-item > .monaco-dropdown .action-label {
	padding: 0;
}

.monaco-action-bar .action-item .action-label.extension-action.label {
	outline-offset: 1px;
}

.monaco-action-bar .action-item .action-label.extension-action.text,
.monaco-action-bar .action-item .action-label.extension-action.label,
.monaco-action-bar .action-dropdown-item .action-label.extension-action.label {
	width: auto;
	height: auto;
	line-height: 14px;
}

.monaco-action-bar .action-item .action-label.extension-action.built-in-status {
	border-color: var(--vscode-foreground);
}

.monaco-action-bar .action-item .action-label.extension-action.label,
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
	background-color: var(--vscode-extensionButton-background) !important;
}

.monaco-action-bar .action-item .action-label.extension-action.label {
	color: var(--vscode-extensionButton-foreground) !important;
}

.monaco-action-bar .action-item:not(.disabled) .action-label.extension-action.label:hover {
	background-color: var(--vscode-extensionButton-hoverBackground) !important;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
	background-color: var(--vscode-extensionButton-separator);
}

.monaco-action-bar .action-item .action-label.extension-action.label.prominent,
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator.prominent {
	background-color: var(--vscode-extensionButton-prominentBackground);
}

.monaco-action-bar .action-item .action-label.extension-action.label.prominent {
	color: var(--vscode-extensionButton-prominentForeground) !important;
}

.monaco-action-bar .action-item.action-item:not(.disabled) .action-label.extension-action.label.prominent:hover {
	background-color: var(--vscode-extensionButton-prominentHoverBackground);
}

.monaco-action-bar .action-item .action-label.extension-action:not(.disabled) {
	border: 1px solid var(--vscode-contrastBorder);
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
	border-top: 1px solid var(--vscode-contrastBorder);
	border-bottom: 1px solid var(--vscode-contrastBorder);
}

.monaco-action-bar .action-item .action-label.extension-action.extension-status-error::before {
	color: var(--vscode-editorError-foreground);
}

.monaco-action-bar .action-item .action-label.extension-action.extension-status-warning::before {
	color: var(--vscode-editorWarning-foreground);
}

.monaco-action-bar .action-item .action-label.extension-action.extension-status-info::before {
	color: var(--vscode-editorInfo-foreground);
}

.monaco-action-bar .action-item:not(.disabled) .action-label.extension-action.text,
.monaco-action-bar .action-item:not(.disabled) .action-label.extension-action.label,
.monaco-action-bar .action-item .action-label.extension-action.icon,
.monaco-action-bar .action-dropdown-item .action-label.extension-action.label {
	margin-top: 2px;
	/* margin for outline */
}

.monaco-action-bar .action-item.disabled .action-label.extension-action.hide,
.monaco-action-bar .action-item.disabled .action-label.extension-action.ignore,
.monaco-action-bar .action-item.disabled .action-label.extension-action.undo-ignore,
.monaco-action-bar .action-item .action-label.extension-action.install.hide,
.monaco-action-bar .action-item.disabled .action-label.extension-action.install-other-server:not(.installing),
.monaco-action-bar .action-item.disabled .action-label.extension-action.uninstall:not(.uninstalling),
.monaco-action-bar .action-item.disabled .action-label.extension-action.hide-when-disabled,
.monaco-action-bar .action-item.disabled .action-label.extension-action.update,
.monaco-action-bar .action-item.disabled .action-label.extension-action.migrate,
.monaco-action-bar .action-item.disabled .action-label.extension-action.theme,
.monaco-action-bar .action-item.disabled .action-label.extension-action.language,
.monaco-action-bar .action-item.disabled .action-label.extension-action.extension-sync,
.monaco-action-bar .action-item.action-dropdown-item.hide,
.monaco-action-bar .action-item.action-dropdown-item .action-label.extension-action.hide,
.monaco-action-bar .action-item.disabled .action-label.extension-action.reload,
.monaco-action-bar .action-item.disabled .action-label.disable-status.hide,
.monaco-action-bar .action-item.disabled .action-label.extension-status.hide,
.monaco-action-bar .action-item.disabled .action-label.extension-status-label.hide,
.monaco-action-bar .action-item .action-label.extension-action.manage.hide {
	display: none;
}

.monaco-action-bar .action-item.disabled .action-label.extension-action.label {
	opacity: 0.4 !important;
}

.monaco-action-bar .action-item.checkbox-action-item.disabled {
	display: none;
}

.monaco-action-bar .extension-action.label {
	display: inherit;
}

.monaco-action-bar .action-item.disabled .action-label.extension-status:before {
	opacity: 1;
}

.monaco-action-bar .action-item.disabled .action-label.extension-status-label:before {
	content: '\2713';
	padding-right: 4px;
}

.monaco-action-bar .action-item.disabled .action-label.extension-action {
	opacity: 1;
}

.monaco-action-bar .action-item.disabled .action-label.extension-action.text {
	opacity: 0.9;
	font-style: italic;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.runtime-extensions-editor .monaco-list .monaco-list-rows > .monaco-list-row.odd:not(:hover):not(.focused) {
	background-color: rgba(130, 130, 130, 0.08);
}

.runtime-extensions-editor .extension {
	display: flex;
	padding-left: 20px;
	padding-right: 20px;
}

.runtime-extensions-editor .extension .desc {
	flex: 1;
	padding: 4px 0;
}

.runtime-extensions-editor .extension .desc .name {
	font-weight: bold;
}

.runtime-extensions-editor .extension .desc .msg .codicon {
	vertical-align: middle;
}

.runtime-extensions-editor .extension .time {
	padding: 4px;
	text-align: right;
}

.runtime-extensions-editor .extension .desc > .msg > span:not(:last-child)::after {
	content: '\2022';
	padding: 0 4px;
	opacity: .8;
}

.runtime-extensions-editor .monaco-action-bar  {
	height: unset;
}

.runtime-extensions-editor .monaco-action-bar .actions-container {
	justify-content: left;
}

.runtime-extensions-editor .extension > .icon-container {
	position: relative;
}

.runtime-extensions-editor .extension > .icon-container > .extension-icon .icon {
	padding: 10px 14px 10px 0;
}

.runtime-extensions-editor .extension > .icon-container .extension-icon-badge .codicon {
	color: currentColor;
}

.runtime-extensions-editor .extension > .desc > .header-container {
	display: flex;
	overflow: hidden;
}

.runtime-extensions-editor .extension > .desc > .header-container > .header {
	display: flex;
	align-items: baseline;
	flex-wrap: nowrap;
	overflow: hidden;
	flex: 1;
	min-width: 0;
}

.runtime-extensions-editor .extension > .desc > .header-container > .header > .name {
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.runtime-extensions-editor .extension > .desc > .header-container > .header > .version {
	opacity: 0.85;
	font-size: 80%;
	padding-left: 6px;
	min-width: fit-content;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.extension-editor {
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	margin: 0px auto;
	max-width: 90%;
}

.extension-editor .clickable {
	cursor: pointer;
}

.extension-editor > .header {
	display: flex;
	padding-top: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	overflow: hidden;
	font-size: 14px;
}

.extension-editor > .header > .icon-container {
	position: relative;
}

.extension-editor > .header > .icon-container .extension-icon .icon {
	height: 128px;
	width: 128px;
}

.extension-editor > .header > .icon-container > .extension-icon .codicon {
	font-size: 128px !important;
}

.extension-editor > .header > .icon-container .extension-icon-badge {
	position: absolute;
	right: 0px;
	top: 88px;
	width: 38px;
	height: 38px;
	line-height: 38px;
	border-radius: 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.extension-editor > .header > .icon-container .extension-icon-badge .codicon {
	color: currentColor;
	font-size: 28px;
}

.extension-editor > .header > .details {
	padding-left: 12px;
	overflow: hidden;
	user-select: text;
	-webkit-user-select: text;
}

.extension-editor > .header > .details > .title {
	display: flex;
	align-items: center;
}

.extension-editor > .header > .details > .title > .name {
	flex: 0;
	font-size: 26px;
	line-height: 30px;
	font-weight: 600;
	white-space: nowrap;
}

.extension-editor > .header > .details > .title > .name.deprecated {
	text-decoration: line-through;
}

.extension-editor > .header > .details > .title > .version {
	margin-left: 10px;
	user-select: text;
	-webkit-user-select: text;
	white-space: nowrap;
}

.extension-editor > .header > .details > .title > .builtin {
	font-size: 10px;
	font-style: italic;
	margin-left: 10px;
}

.extension-editor > .header > .details > .title > .pre-release {
	margin-left: 10px;
	padding: 0px 4px;
	border-radius: 4px;
	background-color: var(--vscode-extensionIcon-preReleaseForeground);
	color: #ffffff;
	display: flex;
	align-items: center;
}

.extension-editor > .header > .details > .title > .pre-release > .codicon.codicon-extensions-pre-release {
	color: #ffffff;
	font-size: 14px;
}

.extension-editor > .header > .details > .title > .pre-release > .pre-release-text {
	font-size: 10px;
	padding-left: 3px;
}

.monaco-workbench.vs .extension-editor > .header > .details > .title > .preview {
	color: white;
}

.extension-editor > .header > .details > .title > .preview {
	background: rgb(214, 63, 38);
	font-size: 10px;
	font-style: italic;
	margin-left: 10px;
	padding: 0px 4px;
	border-radius: 4px;
	user-select: none;
	-webkit-user-select: none;
}

.extension-editor > .header > .details > .subtitle {
	padding-top: 6px;
	white-space: nowrap;
	height: 20px;
	line-height: 20px;
}

.extension-editor > .header > .details > .subtitle .hide {
	display: none;
}

.extension-editor > .header > .details > .subtitle .publisher {
	display: flex;
	align-items: center;
}

.extension-editor > .header > .details > .subtitle .publisher .verified-publisher:not(:empty) {
	margin-left: 4px;
}

.extension-editor > .header > .details > .subtitle,
.extension-editor > .header > .details > .subtitle .extension-kind-indicator,
.extension-editor > .header > .details > .subtitle .install,
.extension-editor > .header > .details > .subtitle .rating,
.extension-editor > .header > .details > .subtitle .license,
.extension-editor > .header > .details > .subtitle .sponsor {
	display: flex;
	align-items: center;
}

.extension-editor > .header > .details > .subtitle .sponsor .codicon {
	padding-right: 3px;
}

.extension-editor > .header > .details > .subtitle .install > .count {
	margin-left: 6px;
}

.extension-editor > .header > .details > .subtitle .extension-kind-indicator > .codicon {
	margin-right: 6px;
}

.extension-editor > .header > .details > .subtitle > .subtitle-entry:not(:empty):not(.last-non-empty) {
	border-right: 1px solid rgba(128, 128, 128, 0.7);
	margin-right: 14px;
	padding-right: 14px;
}

.extension-editor > .header > .details > .description {
	margin-top: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.extension-editor > .header > .details > .actions-status-container {
	margin-top: 10px;
	display: flex;
}

.extension-editor > .header > .details > .actions-status-container.list-layout {
	display: inherit;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar {
	text-align: initial;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item {
	margin-right: 0;
	overflow: hidden;
	flex-shrink: 0;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item.disabled {
	min-width: 0;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item .extension-action {
	margin-bottom: 2px;
	/* margin for outline */
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item > .extension-action:not(.icon) {
	margin-left: 2px;
	/* margin for outline */
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item.action-dropdown-item > .monaco-dropdown .extension-action.action-dropdown {
	margin-right: 2px;
	/* margin for outline */
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item:not(.checkbox-action-item) .extension-action:not(.icon) {
	padding-top: 0;
	padding-bottom: 0;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item > .extension-action,
.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item.action-dropdown-item > .monaco-dropdown .extension-action.action-dropdown {
	line-height: 22px;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item.action-dropdown-item,
.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item.checkbox-action-item,
.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item:not(.action-dropdown-item):not(.checkbox-action-item) > .extension-action {
	margin-right: 6px;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item.checkbox-action-item > .extension-action {
	height: 18px;
	width: 18px;
	margin-top: 2px;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item > .extension-action.label,
.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item.action-dropdown-item .extension-action.label {
	font-weight: 600;
	max-width: 300px;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item.action-dropdown-item > .action-dropdown-item-separator {
	height: 22px;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
	height: 16px;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item.action-dropdown-item.empty > .extension-action.label {
	margin-right: 2px;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item.action-dropdown-item.empty > .action-dropdown-item-separator {
	display: none;
}

/* single install */
.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item > .extension-action.label,
.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item.action-dropdown-item.empty > .extension-action.label {
	border-radius: 2px;
}

/* split install */
.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item.action-dropdown-item:not(.empty) > .extension-action.label {
	border-radius: 2px 0 0 2px;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item.action-dropdown-item:not(.empty) > .monaco-dropdown .extension-action.label {
	border-left-width: 0;
	border-radius: 0 2px 2px 0;
	padding: 0 2px;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar > .actions-container > .action-item > .action-label.extension-status {
	margin-right: 0;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar .action-item .action-label.extension-status-label,
.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar .action-item .action-label.disable-status {
	font-weight: normal;
}

.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar .action-item .action-label.extension-status-label:hover,
.extension-editor > .header > .details > .actions-status-container > .monaco-action-bar .action-item .action-label.disable-status:hover {
	opacity: 0.9;
}

.extension-editor > .header > .details > .actions-status-container > .status {
	line-height: 22px;
	font-size: 90%;
	margin-top: 3px;
}

.extension-editor > .header > .details > .actions-status-container.list-layout > .status {
	margin-top: 5px;
}

.extension-editor > .header > .details > .actions-status-container > .status .codicon {
	vertical-align: text-bottom;
}

.extension-editor > .header > .details > .pre-release-text p,
.extension-editor > .header > .details > .actions-status-container > .status p {
	margin-top: 0px;
	margin-bottom: 0px;
}

.extension-editor > .body > .content > .details > .additional-details-container .more-info-container > .more-info > .more-info-entry > .link {
	cursor: pointer;
}

.extension-editor > .body > .content > .details > .additional-details-container .more-info-container > .more-info > .more-info-entry > .more-info-entry-name {
	overflow: hidden;
	text-overflow: ellipsis;
}

.extension-editor > .body > .content > .details > .additional-details-container .more-info-container > .more-info > .more-info-entry > .link,
.extension-editor > .header > .details > .pre-release-text a,
.extension-editor > .header > .details > .actions-status-container > .status a {
	color: var(--vscode-textLink-foreground)
}

.extension-editor > .body > .content > .details > .additional-details-container .more-info-container > .more-info > .more-info-entry .link:hover,
.extension-editor > .header > .details > .pre-release-text a:hover,
.extension-editor > .header > .details > .actions-status-container > .status a:hover {
	text-decoration: underline;
	color: var(--vscode-textLink-activeForeground)
}

.extension-editor > .header > .details > .pre-release-text a:active,
.extension-editor > .header > .details > .actions-status-container > .status a:active {
	color: var(--vscode-textLink-activeForeground)
}

.extension-editor > .header > .details > .pre-release-text:not(:empty) {
	margin-top: 5px;
	display: flex;
	font-size: 90%;
}

.extension-editor > .header > .details > .recommendation {
	display: flex;
	margin-top: 5px;
}

.extension-editor > .header > .details > .recommendation .codicon {
	font-size: inherit;
	margin-right: 5px;
}

.extension-editor > .header > .details > .recommendation .recommendation-text {
	vertical-align: text-bottom;
	font-size: 90%;
}

.extension-editor > .body {
	flex: 1;
	overflow: hidden;
}

.extension-editor > .body > .navbar {
	height: 36px;
	font-weight: bold;
	font-size: 14px;
	line-height: 36px;
	padding-left: 20px;
	border-bottom: 1px solid var(--vscode-panelSection-border);
}

.extension-editor > .body > .navbar > .monaco-action-bar > .actions-container {
	justify-content: initial;
}

.extension-editor > .body > .navbar > .monaco-action-bar > .actions-container > .action-item {
	height: 100%;
}

.extension-editor > .body > .navbar > .monaco-action-bar > .actions-container > .action-item > .action-label {
	padding: 0 10px;
	font-size: 11px;
	font-weight: normal;
	color: var(--vscode-panelTitle-inactiveForeground);
	text-transform: uppercase;
	background: none !important;
	border-radius: 0px !important;
}

.extension-editor > .body > .navbar > .monaco-action-bar > .actions-container > .action-item > .action-label.checked {
	border-bottom: 1px solid var(--vscode-panelTitle-activeBorder);
	color: var(--vscode-panelTitle-activeForeground);
}

.extension-editor > .body > .navbar > .monaco-action-bar > .actions-container > .action-item > .action-label:hover {
	color: var(--vscode-panelTitle-activeForeground);
}

.extension-editor > .body > .content {
	height: calc(100% - 37px); /* Correct height so that it is not on top of bottom panel #231439 */
	position: relative;
	overflow: hidden;
	user-select: text;
	-webkit-user-select: text;
}

.extension-editor > .body > .content.loading {
	background: url(/assets/loading.4887f872.svg) center center no-repeat;
}

.extension-editor > .body > .content > .monaco-scrollable-element {
	height: 100%;
}

.extension-editor > .body > .content > .nocontent {
	margin-left: 20px;
}

.extension-editor > .body > .content > .details {
	height: 100%;
	display: flex;
}

.extension-editor > .body > .content > .details > .readme-container {
	margin: 0px auto;
	max-width: 75%;
	height: 100%;
	flex: 1;
}

.extension-editor > .body > .content > .details.narrow > .readme-container {
	margin: inherit;
	max-width: inherit;
}

.extension-editor > .body > .content > .details > .additional-details-container {
	width: 25%;
	min-width: 175px;
	height: 100%;
}

.extension-editor > .body > .content > .details.narrow > .additional-details-container {
	display: none;
}

.extension-editor > .body > .content > .details > .additional-details-container > .monaco-scrollable-element {
	height: 100%;
}

.extension-editor > .body > .content > .details > .additional-details-container > .monaco-scrollable-element > .additional-details-content {
	height: 100%;
	overflow-y: scroll;
	padding: 12px;
	box-sizing: border-box;
}

.extension-editor > .body > .content > .details > .additional-details-container .additional-details-element:not(:first-child) {
	padding-top: 16px;
}

.extension-editor > .body > .content > .details > .additional-details-container .additional-details-element {
	padding-bottom: 16px;
}

.extension-editor > .body > .content > .details > .additional-details-container .additional-details-element:not(:last-child) {
	border-bottom: 1px solid rgba(128, 128, 128, 0.22);
}

.extension-editor > .body > .content > .details > .additional-details-container .additional-details-element > .additional-details-title {
	font-size: 120%;
	padding-bottom: 12px;
}

.extension-editor > .body > .content > .details > .additional-details-container .categories-container > .categories > .category {
	display: inline-block;
	border: 1px solid rgba(136, 136, 136, 0.45);
	padding: 2px 4px;
	border-radius: 2px;
	font-size: 90%;
	margin: 0px 6px 3px 0px;
}

.extension-editor > .body > .content > .details > .additional-details-container .resources-container > .resources > .resource {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 2px 4px;
}

.extension-editor > .body > .content > .details > .additional-details-container .resources-container > .resources > .resource a {
	padding-left: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: var(--text-link-decoration);
}

.extension-editor > .body > .content > .details > .additional-details-container .resources-container > .resources > .resource:hover a {
	text-decoration: underline;
}

.extension-editor > .body > .content > .details > .additional-details-container .more-info-container > .more-info > .more-info-entry {
	font-size: 90%;
	display: grid;
	grid-template-columns: 40% 60%;
	gap: 6px;
	padding: 2px 4px;
}

.extension-editor > .body > .content > .details > .additional-details-container .more-info-container > .more-info > .more-info-entry:nth-child(odd) {
	background-color: rgba(130, 130, 130, 0.04);
}

.extension-editor > .body > .content > .details > .additional-details-container .more-info-container > .more-info > .more-info-entry code {
	background-color: transparent;
	padding: 0px;
}

.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme {
	height: 100%;
}

.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme > .extension-pack {
	height: 224px;
	padding-left: 20px;
}

.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme.one-row > .extension-pack {
	height: 142px;
}

.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme.two-rows > .extension-pack {
	height: 224px;
}

.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme.three-rows > .extension-pack {
	height: 306px;
}

.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme.more-rows > .extension-pack {
	height: 326px;
}

.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme.one-row > .readme-content {
	height: calc(100% - 142px);
}

.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme.two-rows > .readme-content {
	height: calc(100% - 224px);
}

.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme.three-rows > .readme-content {
	height: calc(100% - 306px);
}

.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme.more-rows > .readme-content {
	height: calc(100% - 326px);
}

.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme > .extension-pack > .header,
.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme > .extension-pack > .footer {
	margin-bottom: 10px;
	margin-right: 30px;
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px solid rgba(128, 128, 128, 0.22);
	padding: 4px 6px;
	line-height: 22px;
}

.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme > .extension-pack > .extension-pack-content {
	height: calc(100% - 60px);
}

.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme > .extension-pack > .extension-pack-content > .monaco-scrollable-element {
	height: 100%;
}

.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme > .extension-pack > .extension-pack-content > .monaco-scrollable-element > .subcontent {
	height: 100%;
	overflow-y: scroll;
	box-sizing: border-box;
}

.extension-editor > .body > .content > .monaco-scrollable-element > .subcontent {
	height: 100%;
	padding: 20px;
	overflow-y: scroll;
	box-sizing: border-box;
}

.extension-editor > .body > .content table {
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
}

.extension-editor > .body > .content details:not(:first-child) {
	margin-top: 20px;
}

.extension-editor > .body > .content details > summary {
	cursor: pointer;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px solid rgba(128, 128, 128, 0.22);
	padding: 3px 6px;
	line-height: 22px;
}

.extension-editor > .body > .content table tr:nth-child(odd) {
	background-color: rgba(130, 130, 130, 0.04);
}

.extension-editor > .body > .content table tr:not(:first-child):hover {
	background-color: rgba(128, 128, 128, 0.15);
}

.extension-editor > .body > .content table th,
.extension-editor > .body > .content table td {
	padding: 2px 16px 2px 4px;
}

.extension-editor > .body > .content table td {
	vertical-align: top;
}

.extension-editor > .body > .content table th:last-child,
.extension-editor > .body > .content table td:last-child {
	padding: 2px 4px;
}

.extension-editor > .body > .content table th {
	text-align: left;
	word-break: keep-all;
}

.extension-editor > .body > .content table td > div,
.extension-editor > .body > .content table td > div > p {
	padding: 0px;
	margin: 0px;
}

.extension-editor code:not(:empty) {
	font-family: var(--monaco-monospace-font);
	font-size: 90%;
	background-color: rgba(128, 128, 128, 0.17);
	border-radius: 4px;
	padding: 1px 4px;
}

.extension-editor > .body > .content table .colorBox {
	box-sizing: border-box;
	width: 0.8em;
	height: 0.8em;
	display: inline-block;
	border-width: 0.1em;
	border-style: solid;
	border-color: rgb(0, 0, 0);
	margin: 0em 0.2em;
	vertical-align: middle;
}

.monaco-workbench.vs-dark .extension-editor > .body > .content table .colorBox,
.monaco-workbench.hc-black .extension-editor > .body > .content table .colorBox {
	border-color: rgb(238, 238, 238);
}

.extension-editor .subcontent .monaco-list-row .content .unknown-extension {
	line-height: 62px;
}

.extension-editor .subcontent .monaco-list-row .content .unknown-extension > .error-marker {
	background-color: #BE1100;
	padding: 2px 4px;
	font-weight: bold;
	font-size: 11px;
	color: #CCC;
}

.extension-editor .subcontent .monaco-list-row .unknown-extension > .message {
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
}

.extension-editor .subcontent .monaco-list-row .extension {
	display: flex;
	align-items: center;
}

.extension-editor .subcontent .monaco-list-row .extension > .details {
	flex: 1;
	overflow: hidden;
	padding-left: 10px;
}

.extension-editor .subcontent .monaco-list-row .extension > .details > .header {
	display: flex;
	align-items: center;
	line-height: 19px;
	overflow: hidden;
}

.extension-editor .subcontent .monaco-list-row .extension > .icon {
	height: 40px;
	width: 40px;
	object-fit: contain;
}

.extension-editor .subcontent .monaco-list-row .extension > .details > .header > .name {
	font-weight: bold;
	font-size: 16px;
}

.extension-editor .subcontent .monaco-list-row .extension > .details > .header > .name:hover {
	text-decoration: underline;
}

.extension-editor .subcontent .monaco-list-row .extension > .details > .header > .identifier {
	font-size: 90%;
	opacity: 0.6;
	margin-left: 10px;
	background: rgba(173, 173, 173, 0.31);
	padding: 0px 4px;
	border-radius: 4px;
}

.extension-editor .subcontent .monaco-list-row .extension > .details > .footer {
	display: flex;
	line-height: 19px;
	overflow: hidden;
	padding-top: 5px;
}

.extension-editor .subcontent .monaco-list-row .extension > .details > .footer .publisher {
	font-size: 90%;
	font-weight: 600;
	opacity: 0.6;
}

.extension-editor .extensions-grid-view {
	display: flex;
	flex-wrap: wrap;
}

.extension-editor .extensions-grid-view > .extension-container {
	width: 350px;
	margin: 0 10px 20px 0;
}

.extension-editor .extensions-grid-view .extension-list-item {
	cursor: default;
}

.extension-editor .extensions-grid-view .extension-list-item > .details .header > .name {
	cursor: pointer;
}

.extension-editor .extensions-grid-view .extension-list-item > .details > .header-container > .header > .version,
.extension-editor .extensions-grid-view .extension-list-item > .details > .header-container > .header > .ratings,
.extension-editor .extensions-grid-view .extension-list-item > .details > .header-container > .header > .install-count {
	display: none;
}

.extension-editor .extensions-grid-view > .extension-container:focus > .extension-list-item > .details .header > .name,
.extension-editor .extensions-grid-view > .extension-container:hover > .extension-list-item > .details .header > .name {
	text-decoration: underline;
}

.monaco-workbench.vs .extension-editor .extensions-grid-view > .extension-container.disabled > .extension-list-item > .icon-container > .extension-icon .icon,
.monaco-workbench.vs-dark .extension-editor .extensions-grid-view > .extension-container.disabled > .extension-list-item > .icon-container > .extension-icon .icon,
.monaco-workbench.vs .extension-editor .extensions-grid-view > .extension-container.disabled > .extension-list-item > .details > .header-container .codicon,
.monaco-workbench.vs-dark .extension-editor .extensions-grid-view > .extension-container.disabled > .extension-list-item > .details > .header-container .codicon {
	opacity: 0.5;
}

.extension-editor > .body > .content .runtime-status .activation-details > .activation-element-entry > .activation-message-title {
	padding-right: 10px;
}

.extension-editor > .body > .content .runtime-status .message-entry {
	display: flex;
	align-items: center;
	margin: 5px;
}

.extension-editor > .body > .content .runtime-status .message-entry .codicon {
	padding-right: 2px;
}

.monaco-workbench .extension-editor > .header > .details > .recommendation .codicon {
	color: var(--vscode-extensionButton-prominentBackground);
}

/* Features Tab */

.extension-editor .subcontent.feature-contributions {
	margin-top: 14px;
}

.extension-editor .subcontent.feature-contributions .features-list-container {
	height: 100%;
}

.extension-editor .subcontent.feature-contributions .features-list-container > .features-list-wrapper {
	height: 100%;
	padding-left: 24px;
}

.extension-editor .subcontent.feature-contributions .features-list-container > .features-list-wrapper .monaco-list-row.extension-feature-list-item {
	padding-left: 10px;
	padding-right: 10px;
	display: flex;
	align-items: center;
}

.extension-editor .subcontent.feature-contributions .features-list-container > .features-list-wrapper .monaco-list-row.extension-feature-list-item .extension-feature-label {
	flex: 1;
}

.extension-editor .subcontent.feature-contributions .features-list-container > .features-list-wrapper .monaco-list-row.extension-feature-list-item .extension-feature-disabled-label {
	opacity: 0.8;
	font-size: 12px;
}

.extension-editor .subcontent.feature-contributions .features-list-container > .features-list-wrapper .monaco-list-row.extension-feature-list-item .extension-feature-status {
	padding-left: 5px;
}

.extension-editor .subcontent.feature-contributions .feature-view-container {
	height: 100%;
}

.extension-editor .subcontent.feature-contributions .extension-feature-content .feature-body-content .feature-description {
	margin-bottom: 10px;
}

.extension-editor .subcontent.feature-contributions .extension-feature-content {
	padding-left: 24px;
	height: 100%;
	box-sizing: border-box;
}

.extension-editor .subcontent.feature-contributions .extension-feature-content .feature-header {
	margin: 0 10px 10px 0;
	display: flex;
	line-height: 20px;
	align-items: center;
}

.extension-editor .subcontent.feature-contributions .extension-feature-content .feature-header > .feature-title {
	font-size: 26px;
	display: inline-block;
	margin: 0px;
	font-weight: 600;
	height: 100%;
	box-sizing: border-box;
	padding: 10px;
	padding-left: 0px;
	flex: 1;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
}

.extension-editor .subcontent.feature-contributions .feature-view-container .extension-feature-content .feature-body {
	height: calc(100% - 50px);
}

.extension-editor .subcontent.feature-contributions .feature-view-container .extension-feature-content .monaco-scrollable-element {
	height: 100%;
}

.extension-editor .subcontent.feature-contributions .feature-view-container .extension-feature-content .feature-body .feature-body-content {
	height: 100%;
	box-sizing: border-box;
	overflow-y: scroll;
}

.extension-editor .subcontent.feature-contributions .extension-feature-content .feature-body .feature-body-content .feature-status {
	display: flex;
	align-items: center;
}

.extension-editor .subcontent.feature-contributions .extension-feature-content .feature-body .feature-body-content .feature-content.markdown .codicon {
	vertical-align: sub;
}

.extension-editor .subcontent.feature-contributions .extension-feature-content .feature-chart-container {
	margin: 20px 0;
}

.extension-editor .subcontent.feature-contributions .extension-feature-content .feature-chart-container > .feature-chart {
	display: inline-block;
	padding: 20px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.extension-bookmark-container {
	position: relative;
}

.extension-bookmark-container > .extension-bookmark {
	position: absolute;
}

.extension-list-item {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0 0 0 16px;
	overflow: hidden;
	display: flex;
}

.extension-list-item > .icon-container {
	position: relative;
	display: flex;
	align-items: center;
}

.extension-list-item > .icon-container .extension-badge {
	position: absolute;
	bottom: 10px;
	left: -8px;
}

.extension-list-item > .icon-container .extension-badge.extension-icon-badge {
	width: 22px;
	height: 22px;
	line-height: 22px;
	border-radius: 20px;
	right: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.extension-list-item > .icon-container .extension-icon-badge .codicon {
	color: currentColor;
}

.extension-list-item > .details {
	flex: 1;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	justify-content: center;
}

.extension-list-item > .details > .header-container {
	height: 19px;
	display: flex;
	overflow: hidden;
	padding-right: 11px;
}

.extension-list-item > .details > .header-container > .header {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	overflow: hidden;
	flex: 1;
	min-width: 0;
}

.extension-list-item > .details > .header-container > .header > .name {
	font-weight: bold;
	flex: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.extension-list-item.deprecated > .details > .header-container > .header > .name {
	text-decoration: line-through;
}

.extension-list-item > .details > .header-container > .header > .activation-status,
.extension-list-item > .details > .header-container > .header > .install-count,
.extension-list-item > .details > .header-container > .header .extension-kind-indicator,
.extension-list-item > .details > .header-container > .header > .ratings {
	display: flex;
	align-items: center;
}

.extension-list-item > .details > .header-container > .header .extension-kind-indicator {
	font-size: 11px;
	margin-left: 4px;
}

.extension-list-item > .details > .header-container > .header > .install-count:not(:empty) {
	font-size: 11px;
	margin: 0 6px;
}

.extension-list-item > .details > .header-container > .header > .activation-status:not(:empty) {
	font-size: 11px;
	margin-left: 2px;
}

.extension-list-item > .details > .header-container > .header > .activation-status .activationTime,
.extension-list-item > .details > .header-container > .header > .activation-status:not(:empty) .codicon {
	margin-right: 2px;
}

.extension-list-item > .details > .header-container > .header .codicon {
	margin-right: 2px;
	-webkit-mask: inherit;
}

.extension-list-item > .details > .header-container > .header > .ratings {
	text-align: right;
}

.extension-list-item > .details > .header-container > .header .extension-icon-badge .codicon {
	margin-right: 0;
}

.extension-list-item > .details > .header-container > .header .extension-icon-badge {
	width: 14px;
	height: 14px;
	line-height: 14px;
	border-radius: 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.extension-list-item > .details > .header-container > .header .extension-icon-badge > .codicon {
	font-size: 12px;
	color: currentColor;
}

.extension-list-item > .details > .header-container > .header .sync-ignored {
	display: flex;
}

.extension-list-item > .details > .header-container > .header .sync-ignored > .codicon {
	font-size: 100%;
}

.extension-list-item > .details > .description {
	padding-right: 11px;
	line-height: normal;
	color: var(--vscode-descriptionForeground);
}

.monaco-list-row.selected .extension-list-item > .details > .description{
	color: unset;
}

.hc-black .extension-list-item > .details > .description,
.hc-light .extension-list-item > .details > .description {
	color: unset;
}

.extension-list-item > .details > .footer {
	display: flex;
	justify-content: flex-end;
	padding-right: 7px;
	height: 24px;
	overflow: hidden;
	align-items: center;
}

.extension-list-item > .details > .footer > .publisher-container {
	flex: 1;
	line-height: 24px;
}

.extension-list-item > .details > .footer .publisher {
	display: flex;
	align-items: center;
}

.extension-list-item > .details > .footer .publisher > .publisher-name {
	font-size: 90%;
	color: var(--vscode-descriptionForeground);
	font-weight: 600;
}

.monaco-list-row.selected .extension-list-item > .details > .footer .publisher > .publisher-name{
	color: unset;
}

.extension-list-item > .details > .footer .publisher > .publisher-name:not(:first-child) {
	padding-left: 1px;
}

.extension-list-item .ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.extension-list-item > .details > .footer > .monaco-action-bar > .actions-container .action-label:not(.icon) {
	border-radius: 2px;
}

.extension-list-item > .details > .footer > .monaco-action-bar > .actions-container .extension-action.label {
	max-width: 150px;
	line-height: 16px;
}

.extension-list-item .footer .monaco-action-bar .action-item.action-dropdown-item.empty > .action-label {
	margin-right: 4px;
}

.extension-list-item .footer .monaco-action-bar .action-item.action-dropdown-item.empty > .action-dropdown-item-separator {
	display: none;
}

.extension-list-item .monaco-action-bar > .actions-container > .action-item.disabled {
	min-width: 0;
}

.monaco-list-row.disabled:not(.selected) .extension-list-item > .details > .footer .publisher > .publisher-name {
	color: var(--vscode-disabledForeground);
}

.monaco-list-row.disabled:not(.selected) .extension-list-item {
	color: var(--vscode-disabledForeground);
}

.monaco-list-row.disabled:not(.selected) .extension-list-item .details .header .name,
.monaco-list-row.disabled:not(.selected) .extension-list-item .details .description {
	color: unset;
}

.extension-list-item .monaco-action-bar .action-label.icon {
	padding: 1px 2px;
}

.hc-black .extension-list-item .monaco-action-bar .action-label.icon,
.hc-light .extension-list-item .monaco-action-bar .action-label.icon {
	padding: 0px 2px;
}

.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item,
.extension-list-item .monaco-action-bar > .actions-container > .action-item:not(.action-dropdown-item) > .extension-action {
	margin-left: 6px;
}

.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item:not(.empty) > .extension-action.label {
	border-right-width: 0;
}

.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item > .action-dropdown-item-separator {
	height: 16px;
	margin-top: 2px;
}

.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
	height: 10px;
}

.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item > .monaco-dropdown .extension-action.label {
	border-left-width: 0;
}

/* single install */
.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item.empty > .extension-action {
	border-radius: 2px;
}

/* split install */
.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item:not(.empty) > .extension-action.label:not(.dropdown) {
	border-radius: 2px 0 0 2px;
}
.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item > .monaco-dropdown .extension-action {
	border-radius: 0 2px 2px 0;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.extensions-viewlet {
	position: relative;
	height: 100%;
}

.extensions-viewlet .hidden {
	display: none !important;
	visibility: hidden;
}

.extensions-viewlet > .overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.extensions-viewlet > .header {
	height: 41px;
	box-sizing: border-box;
	padding: 5px 12px 6px 20px;
}

.extensions-viewlet > .header  > .extensions-search-container {
	position: relative;
}

.extensions-viewlet > .header  > .extensions-search-container >  .search-box {
	width: 100%;
	height: 28px;
	line-height: 18px;
	box-sizing: border-box;
	padding: 4px;
	border: 1px solid transparent;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
}

.extensions-viewlet > .header  > .extensions-search-container >  .extensions-search-actions-container {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.extensions-viewlet > .header > .notification-container {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
}

.extensions-viewlet > .header .notification-container .message-container {
	padding-left: 4px;
}

.extensions-viewlet > .header .notification-container .message-container .codicon {
	vertical-align: text-top;
	padding-right: 5px;
}

.extensions-viewlet .notification-container .message-text-action {
	cursor: pointer;
	margin-left: 5px;
	color: var(--vscode-textLink-foreground);
	text-decoration: underline;
}

.extensions-viewlet .notification-container .message-text-action:hover,
.extensions-viewlet .notification-container .message-text-action:active {
	color: var(--vscode-textLink-activeForeground);
}

.extensions-viewlet .notification-container .message-action {
	cursor: pointer;
	padding: 2px;
	border-radius: 5px;
	height: 16px;
}

.extensions-viewlet .notification-container .message-action:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
	outline: 1px dashed var(--vscode-toolbar-hoverOutline);
}

.extensions-viewlet > .extensions {
	height: calc(100% - 41px);
}

.extensions-viewlet > .extensions .extension-list-item .monaco-action-bar,
.extensions-viewlet > .extensions .extension-view-header .monaco-action-bar {
	margin-right: 4px;
}

.extensions-viewlet > .extensions .extension-view-header .count-badge-wrapper {
	margin-right: 12px;
}

.extensions-viewlet > .extensions .extension-view-header .monaco-action-bar .action-item > .action-label.icon.codicon {
	vertical-align: middle;
	line-height: 22px;
}

.extensions-viewlet > .extensions .extension-view-header .monaco-action-bar .action-item.disabled  {
	display: none;
}

.extensions-viewlet > .extensions .panel-header {
	padding-right: 12px;
}

.extensions-viewlet > .extensions .panel-header > .title {
	flex: 1;
}

.extensions-viewlet > .extensions .panel-header > .actions.show {
	flex: inherit;
}

.extensions-viewlet > .extensions .message-container {
	padding: 5px 9px 5px 20px;
	cursor: default;
	display: flex;
}

.extensions-viewlet > .extensions .message-container .message {
	padding-left: 5px;
}

.extensions-viewlet > .extensions .message-container .severity-icon {
	flex-shrink: 0;
}

.extensions-viewlet > .extensions .extension-list-item {
	position: absolute;
}

.extensions-viewlet > .extensions .extension-list-item.loading {
	background: url(/assets/loading.4887f872.svg) center center no-repeat;
}

.monaco-workbench.vs-dark .extensions-viewlet > .extensions .extension-list-item.loading {
	background-image: url(/assets/loading-dark.467938f6.svg);
}

.monaco-workbench.hc-black .extensions-viewlet > .extensions .extension-list-item.loading {
	background-image: url(/assets/loading-hc.4c115242.svg);
}

.extensions-viewlet > .extensions .extension-list-item.loading > .icon-container {
	display: none;
}
.extensions-viewlet.narrow > .extensions .extension-list-item > .icon-container {
	display: flex;
	align-items: flex-start;
	padding-top: 10px;
}
.extensions-viewlet.narrow > .extensions .extension-list-item > .icon-container > .extension-icon .icon {
	width: 24px;
	height: 24px;
	padding-right: 8px;
}
.extensions-viewlet.narrow > .extensions .extension-list-item > .icon-container > .extension-icon .codicon {
	font-size: 24px !important;
	padding-right: 8px;
}

.extensions-viewlet.narrow > .extensions .extension-list-item > .icon-container .extension-badge,
.extensions-viewlet.mini > .extensions .extension-list-item > .icon-container,
.extensions-viewlet.mini > .extensions .extension-list-item > .details > .header-container > .header > .ratings,
.extensions-viewlet.mini > .extensions .extension-bookmark-container {
	display: none;
}

.extensions-viewlet.narrow > .extensions .extension-list-item > .details > .footer > .monaco-action-bar > .actions-container .extension-action {
	max-width: 100px;
}

.monaco-workbench.vs .extensions-viewlet > .extensions .monaco-list-row.disabled:not(.selected) > .extension-list-item > .icon-container > .extension-icon .icon,
.monaco-workbench.vs-dark .extensions-viewlet > .extensions .monaco-list-row.disabled:not(.selected) > .extension-list-item > .icon-container > .extension-icon .icon,
.monaco-workbench.vs .extensions-viewlet > .extensions .monaco-list-row.disabled:not(.selected) > .extension-list-item > .details > .header-container .codicon,
.monaco-workbench.vs-dark .extensions-viewlet > .extensions .monaco-list-row.disabled:not(.selected) > .extension-list-item > .details > .header-container .codicon {
	opacity: 0.5;
}

.extensions-viewlet .codicon-error::before {
	color: var(--vscode-editorError-foreground);
}

.extensions-viewlet .codicon-warning::before {
	color: var(--vscode-editorWarning-foreground);
}

.extensions-viewlet .codicon-info::before {
	color: var(--vscode-editorInfo-foreground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.suggest-input-container {
	padding: 2px 6px;
	border-radius: 2px;
}

.suggest-input-container .monaco-editor-background,
.suggest-input-container .monaco-editor,
.suggest-input-container .mtk1 {
	color: inherit;
}

.suggest-input-container .suggest-input-placeholder {
	position: absolute;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none;
	margin-top: 1px;
}

.suggest-input-container .monaco-editor,
.suggest-input-container .monaco-editor .lines-content {
	background: none !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.rendered-markdown.extensions-management-publisher-trust-dialog .codicon {
	vertical-align: sub;
}

.rendered-markdown.extensions-management-publisher-trust-dialog .codicon.codicon-extensions-verified-publisher {
	color: var(--vscode-extensionIcon-verifiedForeground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .part.sidebar .output-view .monaco-editor,
.monaco-workbench .part.sidebar .output-view .monaco-editor .margin,
.monaco-workbench .part.sidebar .output-view .monaco-editor .monaco-editor-background,
.monaco-workbench .part.panel > .content .pane-body.output-view .monaco-editor,
.monaco-workbench .part.panel > .content .pane-body.output-view .monaco-editor .margin,
.monaco-workbench .part.panel > .content .pane-body.output-view .monaco-editor .monaco-editor-background {
	background-color: var(--vscode-outputView-background);
}

.monaco-workbench .part.sidebar .output-view .sticky-widget,
.monaco-workbench .part.panel > .content .pane-body.output-view .sticky-widget {
	background-color: var(--vscode-outputViewStickyScroll-background, var(--vscode-panel-background));
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .dirty-diff-glyph {
	margin-left: 5px;
	z-index: 5;
}

.monaco-editor .dirty-diff-glyph:before {
	position: absolute;
	content: '';
	height: 100%;
	width: 0;
	left: -2px;
}

.monaco-workbench.monaco-enable-motion .monaco-editor .dirty-diff-glyph:before {
	transition: width 80ms linear, left 80ms linear, transform 80ms linear;
}

/* Hide glyph decorations when inside the inline diff editor */
.monaco-editor.modified-in-monaco-diff-editor .margin-view-overlays > div > .dirty-diff-glyph {
	display: none;
}

.monaco-editor .dirty-diff-added:not(.pattern) {
	border-left-style: solid;
}

.monaco-editor .dirty-diff-added.primary {
	border-left-color: var(--vscode-editorGutter-addedBackground);
}

.monaco-editor .dirty-diff-added.primary:before {
	background: var(--vscode-editorGutter-addedBackground);
}

.monaco-editor .dirty-diff-added.secondary {
	border-left-color: var(--vscode-editorGutter-addedSecondaryBackground);
}

.monaco-editor .dirty-diff-added.secondary:before {
	background: var(--vscode-editorGutter-addedSecondaryBackground);
}

.monaco-editor .dirty-diff-added.pattern {
	background-repeat: repeat-y;
}

.monaco-editor .dirty-diff-added.pattern:before {
	transform: translateX(3px);
}

.monaco-editor .dirty-diff-added.pattern.primary,
.monaco-editor .dirty-diff-added.pattern.primary:before {
	background-image: linear-gradient(-45deg, var(--vscode-editorGutter-addedBackground) 25%, var(--vscode-editorGutter-background) 25%, var(--vscode-editorGutter-background) 50%, var(--vscode-editorGutter-addedBackground) 50%, var(--vscode-editorGutter-addedBackground) 75%, var(--vscode-editorGutter-background) 75%, var(--vscode-editorGutter-background));
}

.monaco-editor .dirty-diff-added.pattern.secondary,
.monaco-editor .dirty-diff-added.pattern.secondary:before {
	background-image: linear-gradient(45deg, var(--vscode-editorGutter-addedSecondaryBackground) 25%, var(--vscode-editorGutter-background) 25%, var(--vscode-editorGutter-background) 50%, var(--vscode-editorGutter-addedSecondaryBackground) 50%, var(--vscode-editorGutter-addedSecondaryBackground) 75%, var(--vscode-editorGutter-background) 75%, var(--vscode-editorGutter-background));
}

.monaco-editor .dirty-diff-modified:not(.pattern) {
	border-left-style: solid;
}

.monaco-editor .dirty-diff-modified.primary {
	border-left-color: var(--vscode-editorGutter-modifiedBackground);
}

.monaco-editor .dirty-diff-modified.primary:before {
	background: var(--vscode-editorGutter-modifiedBackground);
}

.monaco-editor .dirty-diff-modified.secondary {
	border-left-color: var(--vscode-editorGutter-modifiedSecondaryBackground);
}

.monaco-editor .dirty-diff-modified.secondary:before {
	background: var(--vscode-editorGutter-modifiedSecondaryBackground);
}

.monaco-editor .dirty-diff-modified.pattern {
	background-repeat: repeat-y;
}

.monaco-editor .dirty-diff-modified.pattern:before {
	transform: translateX(3px);
}

.monaco-editor .dirty-diff-modified.pattern.primary,
.monaco-editor .dirty-diff-modified.pattern.primary:before {
	background-image: linear-gradient(-45deg, var(--vscode-editorGutter-modifiedBackground) 25%, var(--vscode-editorGutter-background) 25%, var(--vscode-editorGutter-background) 50%, var(--vscode-editorGutter-modifiedBackground) 50%, var(--vscode-editorGutter-modifiedBackground) 75%, var(--vscode-editorGutter-background) 75%, var(--vscode-editorGutter-background));
}

.monaco-editor .dirty-diff-modified.pattern.secondary,
.monaco-editor .dirty-diff-modified.pattern.secondary:before {
	background-image: linear-gradient(45deg, var(--vscode-editorGutter-modifiedSecondaryBackground) 25%, var(--vscode-editorGutter-background) 25%, var(--vscode-editorGutter-background) 50%, var(--vscode-editorGutter-modifiedSecondaryBackground) 50%, var(--vscode-editorGutter-modifiedSecondaryBackground) 75%, var(--vscode-editorGutter-background) 75%, var(--vscode-editorGutter-background));
}

.monaco-workbench.monaco-enable-motion .monaco-editor .dirty-diff-added,
.monaco-workbench.monaco-enable-motion .monaco-editor .dirty-diff-modified,
.monaco-workbench.monaco-enable-motion .monaco-editor .dirty-diff-deleted {
	transition: opacity 0.5s;
}

.monaco-editor .margin:hover .dirty-diff-added,
.monaco-editor .margin:hover .dirty-diff-modified,
.monaco-editor .margin:hover .dirty-diff-deleted {
	opacity: 1;
}

.monaco-editor .dirty-diff-deleted:after {
	content: '';
	position: absolute;
	bottom: -4px;
	box-sizing: border-box;
	width: 4px;
	height: 0;
	z-index: 9;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	pointer-events: none;
}

.monaco-editor .dirty-diff-deleted.primary:after {
	border-left: 4px solid var(--vscode-editorGutter-deletedBackground);
}

.monaco-editor .dirty-diff-deleted.secondary:after {
	border-left: 4px solid var(--vscode-editorGutter-deletedSecondaryBackground);
}

.monaco-workbench.monaco-enable-motion .monaco-editor .dirty-diff-deleted:after {
	transition: border-top-width 80ms linear, border-bottom-width 80ms linear, bottom 80ms linear, opacity 0.5s;
}

.monaco-editor .dirty-diff-deleted:before {
	background: var(--vscode-editorGutter-deletedBackground);
	margin-left: 3px;
	height: 0;
	bottom: 0;
}

.monaco-editor .dirty-diff-deleted.primary:before {
	background: var(--vscode-editorGutter-deletedBackground);
}

.monaco-editor .dirty-diff-deleted.secondary:before {
	background: var(--vscode-editorGutter-deletedSecondaryBackground);
}

.monaco-workbench.monaco-enable-motion .monaco-editor .dirty-diff-deleted:before {
	transition: height 80ms linear;
}

.dirty-diff .peekview-title .dropdown {
	margin-right: 10px;
}

.dirty-diff .peekview-title .dropdown.select-container {
	cursor: default;
}

.dirty-diff .peekview-title .dropdown .monaco-select-box {
	cursor: pointer;
	min-width: 100px;
	min-height: 18px;
	padding: 0px 23px 0px 8px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.scm-view {
	height: 100%;
	position: relative;
}

.scm-overflow-widgets-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: visible;
	z-index: 5000;
}

.scm-view .monaco-tl-contents > div {
	padding-right: 12px;
	overflow: hidden;
}

.scm-view .count {
	display: flex;
	margin-left: 6px;
}

.scm-view .count.hidden {
	display: none;
}

.scm-view .scm-provider {
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: center;
	flex-flow: nowrap;
}

.scm-view.hide-provider-counts .scm-provider > .count,
.scm-view.auto-provider-counts .scm-provider > .count[data-count="0"] {
	display: none;
}

.scm-view .scm-provider > .codicon {
	padding-right: 2px;
}

.scm-view .scm-provider > .monaco-icon-label {
	min-width: 0;
	flex: 0 1 auto;
}

.scm-view .scm-provider > .monaco-icon-label .monaco-icon-name-container {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.scm-view .scm-provider .monaco-highlighted-label {
	display: flex;
	align-items: center;
	font-weight: bold;
}

.scm-view .scm-provider > .actions {
	min-width: 24px;
	flex: 1 10000 auto;
	overflow: hidden;
}

.scm-view .scm-provider > .actions .actions-container {
	justify-content: end;
}

/**
 * The following rules are very specific because of inline drop down menus
 * https://github.com/microsoft/vscode/issues/101410
 */
.scm-view .scm-provider > .actions > .monaco-toolbar > .monaco-action-bar > .actions-container > .action-item {
	padding-left: 4px;
	display: flex;
	align-items: center;
}

.scm-view .scm-provider > .actions > .monaco-toolbar > .monaco-action-bar > .actions-container > .action-item.scm-status-bar-action {
	.action-label > span:not(.codicon) {
		margin-left: 2px;
	}
}

.scm-view .scm-provider > .actions > .monaco-toolbar > .monaco-action-bar > .actions-container > .action-item.scm-status-bar-action > .action-label > .codicon {
	display: inline-block;
	vertical-align: middle;
}

.scm-view .scm-provider > .actions > .monaco-toolbar > .monaco-action-bar > .actions-container > .action-item.scm-status-bar-action > .action-label > span:not(.codicon) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

.scm-view .scm-provider > .actions > .monaco-toolbar > .monaco-action-bar > .actions-container  > .action-item > .action-label,
.scm-view .scm-provider > .actions > .monaco-toolbar > .monaco-action-bar > .actions-container  > .action-item > .monaco-dropdown > .dropdown-label > .action-label {
	display: flex;
	align-items: center;
	line-height: 16px;
	overflow: hidden;
}

.scm-view .scm-provider > .actions > .monaco-toolbar > .monaco-action-bar > .actions-container  > .action-item > .action-label > .codicon {
	justify-content: center;
}

.scm-view .scm-provider > .actions > .monaco-toolbar > .monaco-action-bar > .actions-container > .action-item:last-of-type {
	padding-right: 0;
}

.scm-view .scm-provider > .body {
	flex-grow: 1;
}

.scm-view .scm-provider > .status > .monaco-action-bar > .actions-container {
	border-color: var(--vscode-sideBar-border);
}

.scm-view .monaco-list-row {
	line-height: 22px;
}

.scm-view .monaco-list-row .monaco-icon-label-container {
	height: 22px;
}

.scm-view .monaco-list-row .resource-group {
	display: flex;
	height: 100%;
	align-items: center;
}

.scm-view .monaco-list-row .history-item .monaco-icon-label {
	flex-grow: 1;
	align-items: center;
}

.scm-view .monaco-list-row .history-item {
	display: flex;
	align-items: center;
}

.scm-view .monaco-list-row .monaco-tl-twistie:not(.collapsed) + .monaco-tl-contents > .history-item > .graph-container > svg > path:last-of-type {
	stroke-width: 3px;
}

.scm-view .monaco-list-row .history-item > .graph-container {
	display: flex;
	flex-shrink: 0;
	height: 22px;
}

.scm-view .monaco-list-row .history-item > .graph-container.current > .graph > circle:last-child,
.scm-view .monaco-list-row .history-item > .graph-container.incoming-changes > .graph > circle:last-child,
.scm-view .monaco-list-row .history-item > .graph-container.outgoing-changes > .graph > circle:last-child {
	fill: var(--vscode-sideBar-background);
}

.scm-view .monaco-list-row:hover .history-item > .graph-container.current > .graph > circle:last-child,
.scm-view .monaco-list-row:hover .history-item > .graph-container.incoming-changes > .graph > circle:last-child,
.scm-view .monaco-list-row:hover .history-item > .graph-container.outgoing-changes > .graph > circle:last-child {
	fill: var(--vscode-list-hoverBackground);
}

.scm-view .monaco-list-row .history-item > .graph-container > .graph > circle {
	stroke: var(--vscode-sideBar-background);
}

.scm-view .monaco-list-row:hover .history-item > .graph-container > .graph > circle:first-of-type {
	stroke: transparent;
}

.scm-view .monaco-list-row:hover .history-item > .graph-container > .graph > circle:nth-of-type(2) {
	stroke: var(--vscode-list-hoverBackground);
}

.scm-view .monaco-list-row.focused.selected .history-item > .graph-container > .graph > circle:first-of-type {
	stroke: transparent !important;
}

.scm-view.scm-history-view > .monaco-list:focus .monaco-list-row.selected .history-item > .graph-container > .graph > circle:nth-of-type(2) {
	stroke: var(--vscode-list-activeSelectionBackground);
}

.scm-view.scm-history-view > .monaco-list:focus .monaco-list-row.selected .history-item > .graph-container.incoming-changes > .graph > circle:last-child,
.scm-view.scm-history-view > .monaco-list:focus .monaco-list-row.selected .history-item > .graph-container.outgoing-changes > .graph > circle:last-child {
	fill: var(--vscode-list-activeSelectionBackground);
}

.scm-view.scm-history-view > .monaco-list .monaco-list-row.focused .history-item > .graph-container > .graph > circle:nth-of-type(2) {
	stroke: var(--vscode-list-inactiveSelectionBackground);
}

.scm-view.scm-history-view > .monaco-list .monaco-list-row.focused .history-item > .graph-container.incoming-changes > .graph > circle:last-child,
.scm-view.scm-history-view > .monaco-list .monaco-list-row.focused .history-item > .graph-container.outgoing-changes > .graph > circle:last-child {
	fill: var(--vscode-list-inactiveSelectionBackground);
}

.scm-view .monaco-list-row .history-item > .label-container {
	display: flex;
	flex-shrink: 0;
	margin-left: 4px;
	gap: 4px;
}

.scm-view .monaco-list-row .history-item > .label-container > .label {
	display: flex;
	align-items: center;
	border-radius: 10px;
	line-height: 18px;
}

.scm-view .monaco-list-row .history-item > .label-container > .label > .count {
	font-size: 12px;
	margin-left: 0;
	padding-left: 4px;
}

.scm-view .monaco-list-row .history-item > .label-container > .label > .codicon {
	color: inherit !important;
	padding: 1px;
}

.scm-view .monaco-list-row .history-item > .label-container > .label > .codicon.codicon-git-branch {
	font-size: 12px;
	padding: 3px;
}

.scm-view .monaco-list-row .history-item > .label-container > .label > .description {
	font-size: 12px;
	padding-right: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
}

.scm-view .monaco-list-row .history-item .monaco-icon-label .icon-container {
	display: flex;
	padding-right: 4px;
}

.scm-view .monaco-list-row .history-item .monaco-icon-label .avatar {
	width: 14px;
	height: 14px;
	border-radius: 14px;
}

.scm-view .monaco-list-row .history-item .monaco-icon-label.history-item-current .label-name {
	font-weight: 600;
}

.scm-view .monaco-list-row .history-item .monaco-icon-label.history-item-current .label-description {
	font-weight: 500;
}

.scm-view .monaco-list-row .history-item > .actions {
	margin-left: 4px;
}

.scm-view .monaco-list-row .resource-group > .name {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.scm-view .monaco-list-row .resource {
	display: flex;
	height: 100%;
}

.scm-view .monaco-list-row .resource.faded {
	opacity: 0.7;
}

.scm-view .monaco-list-row .resource > .name {
	flex: 1;
	overflow: hidden;
}

.scm-view .monaco-list-row .resource > .name > .monaco-icon-label::after,
.scm-view .monaco-list-row .history-item-change > .label-container > .monaco-icon-label::after {
	margin-right: 3px;
}

.scm-view .monaco-list-row .resource > .decoration-icon {
	width: 16px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-left: 5px;
}

.scm-view .monaco-list-row .resource > .decoration-icon.codicon {
	margin-right: 0;
	margin-top: 3px;
}

.scm-view .monaco-list .monaco-list-row .resource > .name > .monaco-icon-label > .actions {
	flex-grow: 100;
}

.scm-view .monaco-list .monaco-list-row .resource-group > .actions,
.scm-view .monaco-list .monaco-list-row .resource > .name > .monaco-icon-label > .actions,
.scm-view .monaco-list .monaco-list-row .history-item > .actions,
.scm-view .monaco-list .monaco-list-row .history-item-change > .label-container > .monaco-icon-label > .actions {
	display: none;
	max-width: fit-content;
}

.scm-view .monaco-list .monaco-list-row:hover .resource-group > .actions,
.scm-view .monaco-list .monaco-list-row.focused .resource-group > .actions,
.scm-view .monaco-list .monaco-list-row:hover .resource > .name > .monaco-icon-label > .actions,
.scm-view .monaco-list .monaco-list-row.focused .resource > .name > .monaco-icon-label > .actions,
.scm-view .monaco-list:not(.selection-multiple) .monaco-list-row .resource:hover > .actions,
.scm-view .monaco-list .monaco-list-row:hover .history-item > .actions,
.scm-view .monaco-list .monaco-list-row.focused .history-item > .actions,
.scm-view .monaco-list .monaco-list-row:hover .history-item-change > .label-container > .monaco-icon-label > .actions,
.scm-view .monaco-list .monaco-list-row.focused .history-item-change > .label-container > .monaco-icon-label > .actions {
	display: block;
}

.scm-view .monaco-list .monaco-list-row.force-no-hover,
.scm-view .monaco-list .monaco-list-row:hover.force-no-hover,
.scm-view .monaco-list .monaco-list-row.focused.force-no-hover,
.scm-view .monaco-list .monaco-list-row.selected.force-no-hover {
	background: transparent !important;
}

.scm-view .monaco-list .monaco-list-row.cursor-default {
	cursor: default;
}

.scm-view.show-actions .scm-provider > .actions,
.scm-view.show-actions > .monaco-list .monaco-list-row .scm-input > .scm-editor > .actions,
.scm-view.show-actions > .monaco-list .monaco-list-row .resource-group > .actions,
.scm-view.show-actions > .monaco-list .monaco-list-row .resource > .name > .monaco-icon-label > .actions,
.scm-view.show-actions > .monaco-list .monaco-list-row .history-item > .actions {
	display: block;
}

.scm-view .monaco-list-row .actions .action-label {
	padding: 2px;
}

.scm-view .scm-input {
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: 11px;
}

.scm-view .scm-input .scm-editor .scm-editor-toolbar {
	padding: 1px 3px 1px 1px;
}

.scm-view .scm-input .scm-editor .scm-editor-toolbar.hidden {
	display: none;
}

.scm-view .scm-input .scm-editor .scm-editor-toolbar.scroll-decoration {
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}

.scm-view .scm-input .scm-editor .scm-editor-toolbar .action-label.codicon.codicon-debug-stop {
	color: var(--vscode-icon-foreground) !important;
}

.scm-view .scm-editor-container .monaco-editor {
	border-radius: 2px;
}

.scm-view .scm-editor {
	box-sizing: border-box;
	width: 100%;
	display: flex;
	align-items: flex-start;
	box-sizing: border-box;
	border: 1px solid var(--vscode-input-border, transparent);
	background-color: var(--vscode-input-background);
	border-radius: 2px;
}

.scm-view .button-container {
	display: flex;
	height: 100%;
	padding-left: 11px;
	align-items: center;
}

.scm-view .button-container .codicon.codicon-cloud-upload,
.scm-view .button-container .codicon.codicon-sync {
	margin: 0 4px 0 0;
}

.scm-view .button-container .codicon.codicon-arrow-up,
.scm-view .button-container .codicon.codicon-arrow-down {
	font-size: small !important;
	margin: 0 4px 0 0;
}

.scm-view .button-container > .monaco-button-dropdown {
	flex-grow: 1;
	overflow: hidden;
}

.scm-view .button-container > .monaco-button-dropdown > .monaco-dropdown-button {
	display:flex;
	align-items: center;
	padding: 0 4px;
}


.scm-view .button-container > .monaco-button-dropdown > .monaco-button.monaco-text-button {
	min-width: 0;
}

.scm-view .button-container > .monaco-button-dropdown > .monaco-button.monaco-text-button > span:not(.codicon) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.scm-view .scm-editor.hidden {
	display: none;
}

.monaco-workbench .part.panel .scm-view .scm-editor-container {
	outline: 1px solid var(--vscode-panelInput-border);
}

.scm-view .scm-editor.synthetic-focus,
.monaco-workbench .part.panel .scm-view .scm-editor.synthetic-focus {
	outline: 1px solid var(--vscode-focusBorder);
	outline-offset: -1px;
}

.scm-view .scm-editor.validation-info {
	outline: 1px solid var(--vscode-inputValidation-infoBorder) !important;
	outline-offset: -1px;
}

.scm-view .scm-editor.validation-warning {
	outline: 1px solid var(--vscode-inputValidation-warningBorder) !important;
	outline-offset: -1px;
}

.scm-view .scm-editor.validation-error {
	outline: 1px solid var(--vscode-inputValidation-errorBorder) !important;
	outline-offset: -1px;
}

.scm-editor-validation-container {
	display: flex;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-top: none;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	padding: 2px;
}

.scm-editor-validation-container.validation-info {
	background-color: var(--vscode-inputValidation-infoBackground);
	border-color: var(--vscode-inputValidation-infoBorder);
	color: var(--vscode-inputValidation-infoForeground);
}

.scm-editor-validation-container.validation-warning {
	background-color: var(--vscode-inputValidation-warningBackground);
	border-color: var(--vscode-inputValidation-warningBorder);
	color: var(--vscode-inputValidation-warningForeground);
}

.scm-editor-validation-container.validation-error {
	background-color: var(--vscode-inputValidation-errorBackground);
	border-color: var(--vscode-inputValidation-errorBorder);
	color: var(--vscode-inputValidation-errorForeground);
}

.scm-editor-validation {
	box-sizing: border-box;
	font-size: 0.9em;
	padding: 1px 3px;
	display: block;
	border-style: none;
	flex: auto;
}

.scm-editor-validation p {
	margin: 0;
	padding: 0;
}

.scm-editor-validation a {
	color: var(--vscode-textLink-foreground);
	-webkit-user-select: none;
	user-select: none;
}

.scm-editor-validation a:active,
.scm-editor-validation a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.scm-editor-validation-actions {
	align-self: start;
	margin-top: 1px;
}

.scm-view .scm-editor-container .monaco-editor-background,
.scm-view .scm-editor-container .monaco-editor,
.scm-view .scm-editor-container .monaco-editor .margin,
.monaco-workbench .part.basepanel > .content .scm-view .scm-editor-container .monaco-editor,
.monaco-workbench .part.basepanel > .content .scm-view .scm-editor-container .monaco-editor .margin,
.monaco-workbench .part.basepanel > .content .scm-view .scm-editor-container .monaco-editor .monaco-editor-background {
	color: inherit;
	background-color: var(--vscode-input-background);
}

.scm-view .scm-editor-container .mtk1 {
	color: var(--vscode-input-foreground);
}

.scm-view .scm-editor-container .placeholder-text.mtk1 {
	color: var(--vscode-input-placeholderForeground);
}

/* Repositories */

.scm-repositories-view .monaco-list .monaco-list-row .scm-artifact-group > .actions,
.scm-repositories-view .monaco-list .monaco-list-row .scm-artifact > .actions {
	display: none;
	max-width: fit-content;
}

.scm-repositories-view .monaco-list .monaco-list-row:hover .scm-artifact-group > .actions,
.scm-repositories-view .monaco-list .monaco-list-row.focused .scm-artifact-group > .actions,
.scm-repositories-view .monaco-list .monaco-list-row:hover .scm-artifact > .actions,
.scm-repositories-view .monaco-list .monaco-list-row.focused .scm-artifact > .actions {
	display: block;
}

.scm-view.scm-repositories-view .monaco-highlighted-label {
	font-weight: normal;
}

.scm-repositories-view .scm-artifact-group,
.scm-repositories-view .scm-artifact {
	display: flex;
	align-items: center;

	.icon {
		margin-right: 2px;
	}
}

.scm-repositories-view .scm-artifact-group .monaco-icon-label,
.scm-repositories-view .scm-artifact .monaco-icon-label {
	flex-grow: 1;
}

.scm-repositories-view .scm-artifact-group .monaco-highlighted-label,
.scm-repositories-view .scm-artifact .monaco-highlighted-label {
	display: flex;
	align-items: center;
}

.scm-repositories-view .scm-artifact .monaco-icon-description-container {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* History item hover */

.monaco-hover.history-item-hover .history-item-hover-container > .rendered-markdown:first-child > p {
	margin-top: 4px;
}

.monaco-hover.history-item-hover .history-item-hover-container > .rendered-markdown:last-child p {
	margin-bottom: 2px !important;
}

.monaco-hover.history-item-hover .history-item-hover-container > .rendered-markdown:last-child p span:not(.codicon) {
	padding: 2px 0;
}

.monaco-hover.history-item-hover .history-item-hover-container > .rendered-markdown hr {
	margin-top: 4px;
	margin-bottom: 4px;
}

.monaco-hover.history-item-hover .history-item-hover-container > .rendered-markdown > p {
	margin: 4px 0;
}

.monaco-hover.history-item-hover .history-item-hover-container div:nth-of-type(3):nth-last-of-type(2) > p {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.monaco-hover.history-item-hover .history-item-hover-container span:not(.codicon) {
	margin-bottom: 0 !important;
}

.monaco-hover.history-item-hover .history-item-hover-container p > span > span.codicon.codicon-git-branch {
	font-size: 12px;
	margin-bottom: 2px !important;
}

.monaco-hover.history-item-hover .history-item-hover-container p > span > span.codicon.codicon-tag,
.monaco-hover.history-item-hover .history-item-hover-container p > span > span.codicon.codicon-target {
	font-size: 14px;
	margin-bottom: 2px !important;
}

.monaco-hover.history-item-hover .history-item-hover-container p > span > span.codicon.codicon-cloud {
	font-size: 14px;
	margin-bottom: 1px !important;
}

/* Graph */

.pane-header .scm-graph-view-badge-container {
	display: flex;
	align-items: center;
	min-width: fit-content;
}

.pane-header .scm-graph-view-badge-container > .scm-graph-view-badge.monaco-count-badge.long {
	background-color: var(--vscode-badge-background);
	color: var(--vscode-badge-foreground);
	border: 1px solid var(--vscode-contrastBorder);
	margin: 0 6px;
	padding: 2px 4px;
}

.monaco-workbench .part.sidebar > .title > .title-actions .action-label.scm-graph-repository-picker,
.monaco-workbench .part.sidebar > .title > .title-actions .action-label.scm-graph-history-item-picker,
.monaco-workbench .part.auxiliarybar > .title > .title-actions .action-label.scm-graph-repository-picker,
.monaco-workbench .part.auxiliarybar > .title > .title-actions .action-label.scm-graph-history-item-picker,
.monaco-workbench .part.panel > .title > .title-actions .action-label.scm-graph-repository-picker,
.monaco-workbench .part.panel > .title > .title-actions .action-label.scm-graph-history-item-picker {
	display: flex;
}

.monaco-toolbar .action-item > .action-label.scm-graph-repository-picker,
.monaco-toolbar .action-item > .action-label.scm-graph-history-item-picker {
	color: var(--vscode-icon-foreground);
	align-items: center;
	font-weight: normal;
	line-height: 16px;
}

.monaco-toolbar .action-item.disabled > .action-label.scm-graph-repository-picker,
.monaco-toolbar .action-item.disabled > .action-label.scm-graph-history-item-picker {
	color: var(--vscode-disabledForeground);
}

.monaco-toolbar .action-label.scm-graph-repository-picker .codicon,
.monaco-toolbar .action-label.scm-graph-history-item-picker .codicon {
	color: inherit;
}

.monaco-toolbar .action-label.scm-graph-repository-picker > .name,
.monaco-toolbar .action-label.scm-graph-history-item-picker > .name {
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 2px;
}

.scm-history-view .monaco-list-row > .monaco-tl-row > .monaco-tl-twistie.force-no-twistie {
	display: none !important;
}

.scm-history-view .scm-provider .label-name {
	font-weight: bold;
}

.scm-history-view .scm-provider .monaco-icon-label {
	align-items: center;
}

.scm-history-view .scm-provider .state-label.monaco-count-badge.long {
	display: flex;
	font-size: 0.8em;
	margin: 0 10px;
	color: var(--vscode-debugView-stateLabelForeground);
	background: var(--vscode-debugView-stateLabelBackground);
	border-radius: 2px;
}

.scm-history-view .scm-provider .actions {
	display: flex;
	flex-grow: 1;
}

.scm-view .monaco-list-row .history-item-change {
	display: flex;
	align-items: center;
}

.scm-view .monaco-list-row .history-item-change > .graph-placeholder {
	position: absolute;
	height: 22px;
}

.scm-view .monaco-list-row .history-item-change > .label-container {
	display: flex;
	flex: 1;
	overflow: hidden;
}

.scm-view .monaco-list-row .history-item-change > .label-container > .monaco-icon-label {
	flex-grow: 1;
}

.scm-history-view .history-item-load-more {
	display: flex;
	height: 22px;
}

.scm-history-view .history-item-load-more .graph-placeholder {
	mask-image: linear-gradient(black, transparent);
}

.scm-history-view .history-item-load-more .history-item-placeholder {
	flex-grow: 1;
}

.scm-history-view .history-item-load-more .history-item-placeholder .monaco-highlighted-label {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--vscode-textLink-foreground)
}

.scm-history-view .history-item-load-more .history-item-placeholder .monaco-highlighted-label .codicon {
	font-size: 12px;
	color: var(--vscode-textLink-foreground)
}

.scm-history-view .history-item-load-more .history-item-placeholder.shimmer {
	padding: 2px 0;
}

.scm-history-view .history-item-load-more .history-item-placeholder.shimmer .monaco-icon-label-container {
	height: 18px;
	background: var(--vscode-scmGraph-historyItemHoverDefaultLabelBackground);
	border-radius: 2px;
	opacity: 0.5;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor.vs .dnd-target,
.monaco-editor.hc-light .dnd-target {
	border-right: 2px dotted black;
	color: white; /* opposite of black */
}
.monaco-editor.vs-dark .dnd-target {
	border-right: 2px dotted #AEAFAD;
	color: #51504f; /* opposite of #AEAFAD */
}
.monaco-editor.hc-black .dnd-target {
	border-right: 2px dotted #fff;
	color: #000; /* opposite of #fff */
}

.monaco-editor.mouse-default .view-lines,
.monaco-editor.vs-dark.mac.mouse-default .view-lines,
.monaco-editor.hc-black.mac.mouse-default .view-lines,
.monaco-editor.hc-light.mac.mouse-default .view-lines {
	cursor: default;
}
.monaco-editor.mouse-copy .view-lines,
.monaco-editor.vs-dark.mac.mouse-copy .view-lines,
.monaco-editor.hc-black.mac.mouse-copy .view-lines,
.monaco-editor.hc-light.mac.mouse-copy .view-lines {
	cursor: copy;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .pane-body.integrated-terminal {
	align-content: flex-start;
	align-items: baseline;
	display: flex;
	flex-direction: column;
	background-color: transparent !important;
	user-select: initial;
	-webkit-user-select: initial;
	position: relative;
	/* Create stacking context before to terminal canvases. */
	z-index: 0;
}

.terminal-command-decoration.hide {
	visibility: hidden;
}
.monaco-workbench .part.panel .pane-body.integrated-terminal .terminal-outer-container {
	background-color: var(--vscode-terminal-background, var(--vscode-panel-background));
}
.monaco-workbench .pane-body.integrated-terminal .terminal-outer-container,
.monaco-workbench .pane-body.integrated-terminal .terminal-groups-container,
.monaco-workbench .pane-body.integrated-terminal .terminal-group,
.monaco-workbench .pane-body.integrated-terminal .terminal-split-pane,
.monaco-workbench .terminal-editor .terminal-split-pane,
.monaco-workbench .terminal-editor .terminal-outer-container {
	height: 100%;
}
.monaco-workbench .part.sidebar .pane-body.integrated-terminal .terminal-outer-container,
.monaco-workbench .part.auxiliarybar .pane-body.integrated-terminal .terminal-outer-container {
	background-color: var(--vscode-terminal-background, var(--vscode-sideBar-background));
}

.monaco-workbench .pane-body.integrated-terminal .split-view-view:not(:first-child),
.monaco-workbench .pane-body.integrated-terminal .tabs-container {
	border-color: var(--vscode-terminal-border);
}

.monaco-workbench .pane-body.integrated-terminal .terminal-drop-overlay {
	background-color: var(--vscode-terminal-dropBackground, var(--vscode-editorGroup-dropBackground));
}

.monaco-workbench .pane-body.integrated-terminal .terminal-tabs-entry.is-active::before {
	background-color: var(--vscode-terminal-tab-activeBorder);
}
/* Override monaco's styles for terminal editors */
.monaco-workbench .terminal-editor .xterm textarea:focus {
	opacity: 0 !important;
	outline: 0 !important;
}

.monaco-workbench .xterm .xterm-helper-textarea:focus {
	/* Override the general vscode style applies `opacity:1!important` to textareas */
	opacity: 0 !important;
}

.monaco-workbench .terminal-tab:not(.terminal-uri-icon)::before {
	background-image: none !important;
}

.monaco-workbench .terminal-editor .terminal-wrapper {
	background-color: var(--vscode-terminal-background, var(--vscode-editorPane-background));
}
.monaco-workbench .terminal-editor .terminal-wrapper,
.monaco-workbench .pane-body.integrated-terminal .terminal-wrapper {
	display: block;
	height: 100%;
	box-sizing: border-box;
}

.monaco-workbench .xterm {
	/* All terminals have at least 20px left padding for the gutter */
	padding-left: 20px;
}

.monaco-workbench .xterm .xterm-scrollable-element {
	/* Offset the scrollable element such that:
	 * - The terminal grid will be positioned to the right of the gutter
	 * - Elements are not hidden in the gutter */
	margin-left: -20px;
	padding-left: 20px;
}

.monaco-workbench .terminal-editor .xterm,
.monaco-workbench .pane-body.integrated-terminal .xterm {
	/* Bottom align the terminal within the split pane */
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.terminal-side-view .terminal.xterm {
	/* Top align the terminal within the split pane when the panel is vertical */
	top: 0;
}

.monaco-workbench .terminal-editor .terminal-wrapper.fixed-dims .xterm,
.monaco-workbench .pane-body.integrated-terminal .terminal-wrapper.fixed-dims .xterm {
	position: static;
}

.monaco-workbench .terminal-editor .xterm-viewport,
.monaco-workbench .pane-body.integrated-terminal .xterm-viewport {
	z-index: 30;
}

.monaco-workbench .terminal-editor .xterm-decoration-overview-ruler,
.monaco-workbench .pane-body.integrated-terminal .xterm-decoration-overview-ruler {
	z-index: 31; /* Must be higher than .xterm-viewport */
	pointer-events: none;
}

.monaco-workbench .terminal-editor .xterm-screen,
.monaco-workbench .pane-body.integrated-terminal .xterm-screen {
	z-index: 31;
}

.xterm .xterm-screen {
	cursor: text;
}

.monaco-workbench .simple-find-part-wrapper.result-count {
	z-index: 33 !important;
}

.xterm .xterm-accessibility {
	z-index: 32 !important;
	pointer-events: none;
}

/* Apply cursor styles to xterm-screen as well due to how .xterm-viewport/.xterm are positioned */
.xterm.enable-mouse-events .xterm-screen  { cursor: default; }
.xterm.xterm-cursor-pointer .xterm-screen { cursor: pointer; }
.xterm.column-select.focus .xterm-screen  { cursor: crosshair; }

.monaco-workbench .terminal-editor .xterm a:not(.xterm-invalid-link),
.monaco-workbench .pane-body.integrated-terminal .xterm a:not(.xterm-invalid-link) {
	/* To support message box sizing */
	position: relative;
}

.monaco-workbench .terminal-editor .terminal-wrapper > div,
.monaco-workbench .pane-body.integrated-terminal .terminal-wrapper > div {
	height: 100%;
}

.monaco-workbench .terminal-editor .xterm-viewport,
.monaco-workbench .pane-body.integrated-terminal .xterm-viewport {
	box-sizing: border-box;
}

.monaco-workbench .terminal-editor .terminal-wrapper.fixed-dims,
.monaco-workbench .pane-body.integrated-terminal .terminal-wrapper.fixed-dims {
	/* The viewport should be positioned against this so it does't conflict with a fixed dimensions terminal horizontal scroll bar*/
	position: relative;
}

.monaco-workbench .terminal-editor .terminal-wrapper:not(.fixed-dims) .xterm-viewport,
.monaco-workbench .pane-body.integrated-terminal .terminal-wrapper:not(.fixed-dims) .xterm-viewport {
	/* Override xterm.js' position so the area that accepts mouse events extends to the edge of the scroll bar */
	right: 14px;
}

.monaco-workbench .pane-body.integrated-terminal .split-view-view {
	box-sizing: border-box;
	overflow: hidden;
}

.monaco-workbench .pane-body.integrated-terminal .split-view-view:first-child .tabs-container {
	border-right-width: 1px;
	border-right-style: solid;
}
.monaco-workbench .pane-body.integrated-terminal .split-view-view:last-child .tabs-container {
	border-left-width: 1px;
	border-left-style: solid;
}

/* border-color is set by theme key terminal.border */
.monaco-workbench .pane-body.integrated-terminal .terminal-group .monaco-split-view2.horizontal .split-view-view:not(:first-child) {
	border-left-width: 1px;
	border-left-style: solid;
}
.monaco-workbench .pane-body.integrated-terminal .terminal-group .monaco-split-view2.vertical .split-view-view:not(:first-child) {
	border-top-width: 1px;
	border-top-style: solid;
}

/* Use the default cursor when alt is active to help with clicking to move cursor */
.monaco-workbench .pane-body.integrated-terminal .terminal-groups-container.alt-active .xterm {
	cursor: default;
}

.monaco-workbench .pane-body.integrated-terminal .xterm {
	user-select: none;
	-webkit-user-select: none;
}
.monaco-workbench .pane-body.integrated-terminal .monaco-split-view2.vertical .split-view-view:not(:last-child) .xterm {
	/* When vertical and NOT the bottom terminal, align to the top instead to prevent the output jumping around erratically */
	top: 0;
	bottom: auto;
}

.monaco-workbench .pane-body.integrated-terminal .xterm:focus {
	/* Hide outline when focus jumps from xterm to the text area */
	outline: none;
}

.monaco-workbench.hc-black .pane-body.integrated-terminal .xterm.focus::before,
.monaco-workbench.hc-black .pane-body.integrated-terminal .xterm:focus::before,
.monaco-workbench.hc-light .pane-body.integrated-terminal .xterm:focus::before,
.monaco-workbench.hc-light .pane-body.integrated-terminal .xterm.focus::before {
	display: block;
	content: "";
	border: 1px solid;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 32;
	pointer-events: none;
}

.monaco-workbench.hc-black .pane-body.integrated-terminal .monaco-split-view2.horizontal .split-view-view:not(:only-child) .xterm.focus::before,
.monaco-workbench.hc-black .pane-body.integrated-terminal .monaco-split-view2.horizontal .split-view-view:not(:only-child) .xterm:focus::before,
.monaco-workbench.hc-light .pane-body.integrated-terminal .monaco-split-view2.horizontal .split-view-view:not(:only-child) .xterm.focus::before,
.monaco-workbench.hc-light .pane-body.integrated-terminal .monaco-split-view2.horizontal .split-view-view:not(:only-child) .xterm:focus::before {
	right: 0;
}

.monaco-workbench .pane-body.integrated-terminal .xterm .xterm-helpers {
	position: absolute;
	top: 0;
}

.monaco-workbench.vs-dark.mac .pane-body.integrated-terminal .terminal-groups-container:not(.alt-active) .terminal:not(.enable-mouse-events),
.monaco-workbench.hc-black.mac .pane-body.integrated-terminal .terminal-groups-container:not(.alt-active) .terminal:not(.enable-mouse-events) {
	cursor: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAL0lEQVQoz2NgCD3x//9/BhBYBWdhgFVAiVW4JBFKGIa4AqD0//9D3pt4I4tAdAMAHTQ/j5Zom30AAAAASUVORK5CYII=) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAz0lEQVRIx2NgYGBY/R8I/vx5eelX3n82IJ9FxGf6tksvf/8FiTMQAcAGQMDvSwu09abffY8QYSAScNk45G198eX//yev73/4///701eh//kZSARckrNBRvz//+8+6ZohwCzjGNjdgQxkAg7B9WADeBjIBqtJCbhRA0YNoIkBSNmaPEMoNmA0FkYNoFKhapJ6FGyAH3nauaSmPfwI0v/3OukVi0CIZ+F25KrtYcx/CTIy0e+rC7R1Z4KMICVTQQ14feVXIbR695u14+Ir4gwAAD49E54wc1kWAAAAAElFTkSuQmCC) 2x) 5 8, text;
}

/* Override default xterm style to make !important so it takes precedence over custom mac cursor */
.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
	cursor: pointer!important;
}

.monaco-workbench .part.sidebar > .title > .title-actions .switch-terminal,
.monaco-pane-view .pane > .pane-header .monaco-action-bar .switch-terminal {
	border-width: 1px;
	border-style: solid;
}

.part.panel > .title > .title-actions .switch-terminal > .monaco-select-box {
	border-width: 1px;
	border-style: solid;
}

.monaco-workbench .part.sidebar > .title > .title-actions .switch-terminal {
	display: flex;
	align-items: center;
	font-size: 11px;
	margin-right: 0.3em;
	height: 20px;
	flex-shrink: 1;
	margin-top: 7px;
}

.monaco-workbench.mac .part.sidebar > .title > .title-actions .switch-terminal {
	border-radius: 4px;
}

.monaco-workbench .part.sidebar > .title > .title-actions .switch-terminal > .monaco-select-box {
	border: none !important;
	display: block !important;
	background-color: unset !important;
}

.monaco-pane-view .pane > .pane-header .monaco-action-bar .switch-terminal.action-item.select-container {
	border: none !important;
}

.monaco-workbench .part.sidebar > .title > .title-actions .switch-terminal > .monaco-select-box {
	padding: 0 22px 0 6px;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-container {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.monaco-workbench .terminal-overflow-guard {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-list-container {
	height: 100%;
	overflow: hidden;
	position: relative;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-container > .monaco-toolbar {
	padding: 4px 0 2px;
	margin: auto;
}
.monaco-workbench .pane-body.integrated-terminal .terminal-tabs-entry.is-active::before {
	display: block;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-container.has-text > .monaco-toolbar {
	padding: 4px 7px 2px;
	margin: 0;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-container.has-text > .monaco-toolbar {
	text-align: left;
}

.monaco-workbench .pane-body.integrated-terminal .terminal-tabs-chat-entry {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 22px;
	line-height: 22px;
	display: flex;
	align-items: center;
	padding: 0;
	cursor: pointer;
	background-color: transparent;
	color: inherit;
}

.monaco-workbench .pane-body.integrated-terminal .terminal-tabs-chat-entry .terminal-tabs-entry {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 100%;
	height: 100%;
	padding: 0;
}

.monaco-workbench .pane-body.integrated-terminal .terminal-tabs-chat-entry .terminal-tabs-entry:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.monaco-workbench .pane-body.integrated-terminal .tabs-list-container.drop-target {
	background-color: var(--vscode-list-dropBackground);
}

.monaco-workbench .pane-body.integrated-terminal .terminal-tabs-chat-entry .terminal-tabs-chat-entry-label {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-container.has-text .terminal-tabs-chat-entry .terminal-tabs-entry {
	justify-content: center;
	padding: 0 10px;
}

.monaco-workbench .pane-body.integrated-terminal .terminal-tabs-chat-entry .terminal-tabs-chat-entry-label:empty {
	display: none;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-list .terminal-tabs-entry {
	text-align: center;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-container.has-text .tabs-list .terminal-tabs-entry {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-container.has-text .tabs-list .terminal-tabs-entry .monaco-icon-label::after {
	margin-right: 0;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-container:not(.has-text) .terminal-tabs-entry .codicon {
	/* Force inherit when no text is showing as the regular icon gets replaced by the status icon */
	color: inherit;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-container:not(.has-text) .monaco-icon-description-container {
	/* The description element doesn't go away once created sometimes so force hide */
	display: none;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-list .codicon {
	vertical-align: text-bottom;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-list .actions {
	display: none;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-list .editable-tab .monaco-icon-name-container {
	display: none;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-list .actions .action-label {
	padding: 2px;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-list .monaco-list-row:hover .actions,
.monaco-workbench .pane-body.integrated-terminal .tabs-list:focus-within .monaco-list-row.selected .actions,
.monaco-workbench .pane-body.integrated-terminal .tabs-list:focus-within .monaco-list-row.focused .actions {
	display: block;
}

.monaco-action-bar .action-item .single-terminal-tab {
	display: flex !important;
	align-items: center;
}

.monaco-action-bar .action-item .single-terminal-tab .codicon:first-child {
	margin-right: 4px;
}

.monaco-action-bar .action-item .single-terminal-tab .codicon:nth-child(2) {
	margin-left: 4px;
	color: inherit;
}

.monaco-workbench .pane-body.integrated-terminal .tabs-container.has-text .tabs-list .terminal-tabs-entry .uri-icon {
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 4px;
	height: 100%;
}

.monaco-workbench .terminal-uri-icon .monaco-highlighted-label .codicon,
.monaco-action-bar .terminal-uri-icon.single-terminal-tab.action-label .codicon {
	background-size: 16px;
}
.monaco-workbench .terminal-uri-icon .monaco-highlighted-label .codicon::before,
.monaco-action-bar .terminal-uri-icon.single-terminal-tab.action-label:not(.alt-command) .codicon::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
}

.monaco-workbench .pane-body.integrated-terminal .terminal-drop-overlay {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
	opacity: 0; /* hidden initially */
	z-index: 34;
}
.monaco-workbench.monaco-enable-motion .pane-body.integrated-terminal .terminal-drop-overlay {
	transition: left 70ms ease-out, right 70ms ease-out, top 70ms ease-out, bottom 70ms ease-out, opacity 150ms ease-out;
}
.monaco-workbench .pane-body.integrated-terminal .terminal-group > .monaco-split-view2.horizontal .terminal-drop-overlay.drop-before {
	right: 50%;
}
.monaco-workbench .pane-body.integrated-terminal .terminal-group > .monaco-split-view2.horizontal .terminal-drop-overlay.drop-after {
	left: 50%
}
.monaco-workbench .pane-body.integrated-terminal .terminal-group > .monaco-split-view2.vertical .terminal-drop-overlay.drop-before {
	bottom: 50%;
}
.monaco-workbench .pane-body.integrated-terminal .terminal-group > .monaco-split-view2.vertical .terminal-drop-overlay.drop-after {
	top: 50%;
}

.monaco-workbench .terminal .terminal-command-decoration:not(.default):hover {
	cursor: pointer;
}
.monaco-workbench .terminal .terminal-command-decoration:not(.default):hover::before {
	border-radius: 5px;
	background-color: var(--vscode-toolbar-hoverBackground);
}
.monaco-workbench .terminal .terminal-command-decoration {
	color: var(--vscode-terminalCommandDecoration-successBackground);
}
.monaco-workbench .terminal .terminal-command-decoration.error {
	color: var(--vscode-terminalCommandDecoration-errorBackground);
}
.monaco-workbench .terminal .terminal-command-decoration.default {
	pointer-events: none;
	color: var(--vscode-terminalCommandDecoration-defaultBackground);
}

.terminal-scroll-highlight {
	left: 0;
	right: 0;
	border-left: 5px solid #ffffff;
	border-left-width: 5px !important;
	pointer-events: none;
}

.terminal-range-highlight {
	outline: 1px solid var(--vscode-focusBorder);
	pointer-events: none;
}

.terminal-command-guide {
	left: 0;
	border: 1.5px solid #ffffff;
	width: 0px !important;
	border-color: var(--vscode-terminalCommandGuide-foreground);
	box-sizing: border-box;
	transform: translateX(3px);
	pointer-events: none;
}
.terminal-command-guide.top {
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
}
.terminal-command-guide.bottom {
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
}

.terminal-scroll-highlight-outline {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	pointer-events: none;
}
.terminal-scroll-highlight-outline.top {
	border-top: 1px solid #ffffff;
}
.terminal-scroll-highlight-outline.bottom {
	border-bottom: 1px solid #ffffff;
}

.terminal-scroll-highlight,
.terminal-scroll-highlight.terminal-scroll-highlight-outline {
	border-color: var(--vscode-focusBorder);
}

.monaco-workbench.hc-black .editor-instance .xterm.focus::before,
.monaco-workbench.hc-black .pane-body.integrated-terminal .xterm.focus::before,
.monaco-workbench.hc-black .editor-instance .xterm:focus::before,
.monaco-workbench.hc-black .pane-body.integrated-terminal .xterm:focus::before,
.monaco-workbench.hc-light .editor-instance .xterm.focus::before,
.monaco-workbench.hc-light .pane-body.integrated-terminal .xterm.focus::before,
.monaco-workbench.hc-light .editor-instance .xterm:focus::before,
.monaco-workbench.hc-light .pane-body.integrated-terminal .xterm:focus::before {
	border-color: var(--vscode-contrastActiveBorder);
}

.monaco-workbench .integrated-terminal .hoverHighlight {
	background-color: var(--vscode-terminal-hoverHighlightBackground);
}

.monaco-workbench .xterm.terminal.hide {
	visibility: hidden;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.terminal-voice {
	background-color: var(--vscode-terminal-background, var(--vscode-panel-background));
	padding: 2px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	white-space: nowrap;
	z-index: 1000;
}

.terminal-voice.codicon.codicon-mic-filled {
	display: flex;
	align-items: center;
	width: 16px;
	height: 16px;
}

.terminal-voice.recording.codicon.codicon-mic-filled {
	color: var(--vscode-activityBarBadge-background);
	animation: ani-terminal-speech 1s infinite;
}

@keyframes ani-terminal-speech {
	0% {
		color: var(--vscode-terminalCursor-background);
	}

	50% {
		color: var(--vscode-activityBarBadge-background);
	}

	100% {
		color: var(--vscode-terminalCursor-background);
	}
}

.terminal-voice-progress-text {
	font-style: italic;
	color: var(--vscode-editorGhostText-foreground) !important;
	border: 1px solid var(--vscode-editorGhostText-border);
	z-index: 1000;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .terminal-widget-container {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	overflow: visible;
}

.monaco-workbench .terminal-overlay-widget {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #3794ff;
}

.monaco-workbench .terminal-hover-target {
	position: absolute;
	z-index: 33;
}

.monaco-workbench .terminal-env-var-info {
	position: absolute;
	right: 10px; /* room for scroll bar */
	top: 0;
	width: 28px;
	height: 28px;
	text-align: center;
	z-index: 32;
	opacity: 0.5;
}

.monaco-workbench .terminal-env-var-info:hover,
.monaco-workbench .terminal-env-var-info.requires-action {
	opacity: 1;
}

.monaco-workbench .terminal-env-var-info.codicon {
	line-height: 28px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */

/**
 *  Default styles for xterm.js
 */

.xterm {
	cursor: text;
	position: relative;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}

.xterm.focus,
.xterm:focus {
	outline: none;
}

.xterm .xterm-helpers {
	position: absolute;
	top: 0;
	/**
	 * The z-index of the helpers must be higher than the canvases in order for
	 * IMEs to appear on top.
	 */
	z-index: 5;
}

.xterm .xterm-helper-textarea {
	padding: 0;
	border: 0;
	margin: 0;
	/* Move textarea out of the screen to the far left, so that the cursor is not visible */
	position: absolute;
	opacity: 0;
	left: -9999em;
	top: 0;
	width: 0;
	height: 0;
	z-index: -5;
	/** Prevent wrapping so the IME appears against the textarea at the correct position */
	white-space: nowrap;
	overflow: hidden;
	resize: none;
}

.xterm .composition-view {
	/* TODO: Composition position got messed up somewhere */
	background: #000;
	color: #FFF;
	display: none;
	position: absolute;
	white-space: nowrap;
	z-index: 1;
}

.xterm .composition-view.active {
	display: block;
}

.xterm .xterm-viewport {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
}

.xterm .xterm-screen {
	position: relative;
}

.xterm .xterm-screen canvas {
	position: absolute;
	left: 0;
	top: 0;
}

.xterm-char-measure-element {
	display: inline-block;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: -9999em;
	line-height: normal;
}

.xterm.enable-mouse-events {
	/* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
	cursor: default;
}

.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
	cursor: pointer;
}

.xterm.column-select.focus {
	/* Column selection mode */
	cursor: crosshair;
}

.xterm .xterm-accessibility:not(.debug),
.xterm .xterm-message {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	color: transparent;
	pointer-events: none;
}

.xterm .xterm-accessibility-tree:not(.debug) *::selection {
	color: transparent;
}

.xterm .xterm-accessibility-tree {
	font-family: monospace;
	user-select: text;
	white-space: pre;
}

.xterm .xterm-accessibility-tree > div {
	transform-origin: left;
	width: fit-content;
}

.xterm .live-region {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.xterm-dim {
	/* Dim should not apply to background, so the opacity of the foreground color is applied
	 * explicitly in the generated class and reset to 1 here */
	opacity: 1 !important;
}

.xterm-underline-1 {
	text-decoration: underline;
}

.xterm-underline-2 {
	text-decoration: double underline;
}

.xterm-underline-3 {
	text-decoration: wavy underline;
}

.xterm-underline-4 {
	text-decoration: dotted underline;
}

.xterm-underline-5 {
	text-decoration: dashed underline;
}

.xterm-overline {
	text-decoration: overline;
}

.xterm-overline.xterm-underline-1 {
	text-decoration: overline underline;
}

.xterm-overline.xterm-underline-2 {
	text-decoration: overline double underline;
}

.xterm-overline.xterm-underline-3 {
	text-decoration: overline wavy underline;
}

.xterm-overline.xterm-underline-4 {
	text-decoration: overline dotted underline;
}

.xterm-overline.xterm-underline-5 {
	text-decoration: overline dashed underline;
}

.xterm-strikethrough {
	text-decoration: line-through;
}

.xterm-screen .xterm-decoration-container .xterm-decoration {
	z-index: 6;
	position: absolute;
}

.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
	z-index: 7;
}

.xterm-decoration-overview-ruler {
	z-index: 8;
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
}

.xterm-decoration-top {
	z-index: 2;
	position: relative;
}



/* Derived from vs/base/browser/ui/scrollbar/media/scrollbar.css */

/* xterm.js customization: Override xterm's cursor style */
.xterm .xterm-scrollable-element > .scrollbar {
	cursor: default;
}

/* Arrows */
.xterm .xterm-scrollable-element > .scrollbar > .scra {
	cursor: pointer;
	font-size: 11px !important;
}

.xterm .xterm-scrollable-element > .visible {
	opacity: 1;

	/* Background rule added for IE9 - to allow clicks on dom node */
	background: rgba(0, 0, 0, 0);

	transition: opacity 100ms linear;
	/* In front of peek view */
	z-index: 11;
}

.xterm .xterm-scrollable-element > .invisible {
	opacity: 0;
	pointer-events: none;
}

.xterm .xterm-scrollable-element > .invisible.fade {
	transition: opacity 800ms linear;
}

/* Scrollable Content Inset Shadow */
.xterm .xterm-scrollable-element > .shadow {
	position: absolute;
	display: none;
}

.xterm .xterm-scrollable-element > .shadow.top {
	display: block;
	top: 0;
	left: 3px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset;
}

.xterm .xterm-scrollable-element > .shadow.left {
	display: block;
	top: 3px;
	left: 0;
	height: 100%;
	width: 3px;
	box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset;
}

.xterm .xterm-scrollable-element > .shadow.top-left-corner {
	display: block;
	top: 0;
	left: 0;
	height: 3px;
	width: 3px;
}

.xterm .xterm-scrollable-element > .shadow.top.left {
	box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.icon-select-box > .icon-select-box-container {
	height: 100%;
}

.icon-select-box .icon-select-icons-container {
	height: 100%;
	outline: 0 !important;
}

.icon-select-box .icon-select-icons-container > .icon-container {
	display: inline-flex;
	cursor: pointer;
	font-size: 20px;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}

.icon-select-box .icon-select-icons-container > .icon-container.focused {
	background-color: var(--vscode-quickInputList-focusBackground);
	color: var(--vscode-quickInputList-focusForeground);
}

.icon-select-box .icon-select-icons-container > .icon-container:hover:not(.focused) {
	background-color: var(--vscode-toolbar-hoverBackground);
	color: var(--vscode-list-hoverForeground)
}

.icon-select-box .icon-select-id-container .icon-select-id-label {
	height: 24px;
	padding: 10px;
	opacity: .8;
}

.icon-select-box .icon-select-id-container .icon-select-id-label .highlight {
	color: var(--vscode-list-highlightForeground);
	font-weight: bold;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.xterm-screen .xterm-decoration-container .xterm-decoration.quick-fix {
	z-index: 7;
}

.monaco-workbench .terminal .terminal-command-decoration.quick-fix {
	color: var(--vscode-editorLightBulb-foreground) !important;
	background-color: var(--vscode-terminal-background, var(--vscode-panel-background));
}

.monaco-workbench .editor-instance .terminal .terminal-command-decoration.quick-fix {
	background-color: var(--vscode-terminal-background, var(--vscode-editor-background));
}

.monaco-workbench .terminal .terminal-command-decoration.quick-fix.explainOnly {
	color: var(--vscode-editorLightBulbAutoFix-foreground) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/**
 * This file is mostly a mirror of the editor's suggest but scoped to .monaco-workbench to avoid
 * layer breakers and shipping with the standalone monaco editor.
 */

.workbench-suggest-widget {
	position: fixed;
	left: 0;
	top: 0;
	border-style: solid;
	border-width: 1px;
	border-color: var(--vscode-editorSuggestWidget-border);
	background-color: var(--vscode-editorSuggestWidget-background);
}

.workbench-suggest-widget .suggest-details {
	border-style: solid;
	border-width: 1px;
	border-color: var(--vscode-editorSuggestWidget-border);
	background-color: var(--vscode-editorSuggestWidget-background);
}

/* Suggest widget*/

.workbench-suggest-widget {
	width: 430px;
	z-index: 40;
	display: flex;
	flex-direction: column;
	border-radius: 3px;
}

.workbench-suggest-widget.message {
	flex-direction: row;
	align-items: center;
}

.workbench-suggest-widget,
.monaco-workbench .suggest-details {
	flex: 0 1 auto;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: var(--vscode-editorSuggestWidget-border);
	background-color: var(--vscode-editorSuggestWidget-background);
}

.monaco-workbench.hc-black .workbench-suggest-widget,
.monaco-workbench.hc-black .suggest-details,
.monaco-workbench.hc-light .workbench-suggest-widget,
.monaco-workbench.hc-light .suggest-details {
	border-width: 2px;
}

/* Styles for status bar part */

.monaco-workbench .workbench-suggest-widget.with-status-bar .suggest-status-bar {
	display: flex;
}

.monaco-workbench .workbench-suggest-widget .suggest-status-bar {
	box-sizing: border-box;
	display: none;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	font-size: 80%;
	padding: 0 4px 0 4px;
	border-top: 1px solid var(--vscode-editorSuggestWidget-border);
	overflow: hidden;
}

.monaco-workbench .workbench-suggest-widget .suggest-status-bar .left {
	padding-right: 8px;
}

.monaco-workbench .workbench-suggest-widget.with-status-bar .suggest-status-bar .action-label {
	color: var(--vscode-editorSuggestWidgetStatus-foreground);
}

.monaco-workbench .workbench-suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
	margin-right: 0;
}

.monaco-workbench .workbench-suggest-widget.increased-discoverability.with-status-bar .suggest-status-bar .monaco-action-bar.right .actions-container .action-item:first-child .action-label {
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
}


.monaco-workbench .workbench-suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore,
.monaco-workbench .workbench-suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
	display: none;
}

/* Styles for Message element for when widget is loading or is empty */

.monaco-workbench .workbench-suggest-widget > .message {
	padding-left: 22px;
}

/** Styles for each row in the list element **/

.workbench-suggest-widget .monaco-list .monaco-list-row {
	display: flex;
	-mox-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
}

.workbench-suggest-widget .monaco-list .monaco-list-row.focused {
	color: var(--vscode-editorSuggestWidget-selectedForeground);
}

.workbench-suggest-widget .monaco-list .monaco-list-row.focused .codicon {
	color: var(--vscode-editorSuggestWidget-selectedIconForeground);
}

.workbench-suggest-widget .monaco-list .monaco-list-row > .contents {
	flex: 1;
	height: 100%;
	overflow: hidden;
	padding-left: 2px;
}

.workbench-suggest-widget .monaco-list .monaco-list-row > .contents > .main {
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
	justify-content: space-between;
}

.workbench-suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left,
.workbench-suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
	display: flex;
}

.workbench-suggest-widget .monaco-list .monaco-list-row:not(.focused) > .contents > .main .monaco-icon-label {
	color: var(--vscode-editorSuggestWidget-foreground);
}

.workbench-suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
	font-weight: bold;
}

.workbench-suggest-widget .monaco-list .monaco-list-row > .contents > .main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-highlightForeground);
}

.workbench-suggest-widget:not(.partial-selection) .monaco-list .monaco-list-row.focused > .contents > .main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
}

/** Styles for each row in the list **/

.workbench-suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
	opacity: 0.66;
	text-decoration: unset;
}

.workbench-suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container {
	text-decoration: line-through;
}

.workbench-suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before {
	height: 100%;
}

.workbench-suggest-widget .monaco-list .monaco-list-row .icon {
	display: block;
	height: 16px;
	width: 16px;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center;
}

.workbench-suggest-widget .monaco-list .monaco-list-row .icon.hide {
	display: none;
}

.workbench-suggest-widget .monaco-list .monaco-list-row .suggest-icon {
	display: flex;
	align-items: center;
	margin-right: 4px;
}

.workbench-suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
.workbench-suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before {
	display: none;
}

.workbench-suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
	margin: 0 0 0 0.3em;
	border: 0.1em solid #000;
	width: 0.7em;
	height: 0.7em;
	display: inline-block;
}

/** ReadMore Icon styles **/

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close,
.workbench-suggest-widget .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore::before {
	color: inherit;
	opacity: 1;
	font-size: 14px;
	cursor: pointer;
}

.monaco-workbench .workbench-suggest-widget .suggest-details .codicon.codicon-close {
	position: absolute;
	top: 6px;
	right: 2px;
}

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close:hover,
.workbench-suggest-widget .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover {
	opacity: 1;
}

/** signature, qualifier, type/details opacity **/

.workbench-suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	opacity: 0.7;
}

.workbench-suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label {
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.6;
}

.workbench-suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label {
	margin-left: 12px;
	opacity: 0.4;
	font-size: 85%;
	line-height: initial;
	text-overflow: ellipsis;
	overflow: hidden;
	align-self: center;
}

/** Type Info and icon next to the label in the focused completion item **/

.workbench-suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	font-size: 85%;
	margin-left: 1.1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.workbench-suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source {
	display: inline;
}

/** Details: if using CompletionItem#details, show on focus **/

.workbench-suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	display: none;
}

.workbench-suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label {
	display: inline;
}

/** Details: if using CompletionItemLabel#details, always show **/

.workbench-suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label,
.workbench-suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label {
	display: inline;
}


/** Ellipsis on hover **/

.workbench-suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right.can-expand-details > .details-label {
	width: calc(100% - 26px);
}

.workbench-suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left {
	flex-shrink: 0;
	flex-grow: 10;
	overflow: hidden;
}

.workbench-suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label {
	flex-shrink: 0;
}

.workbench-suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label {
	max-width: 100%;
}

.workbench-suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label {
	flex-shrink: 1;
}

.workbench-suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
	overflow: hidden;
	flex-shrink: 10;
	max-width: 70%;
}

.workbench-suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
	display: inline-block;
	position: absolute;
	right: 10px;
	width: 18px;
	height: 18px;
	visibility: hidden;
}

.workbench-suggest-widget .suggest-details {
	display: flex;
	flex-direction: column;
	cursor: default;
	color: var(--vscode-editorSuggestWidget-foreground);
}

.workbench-suggest-widget .suggest-details:focus {
	border-color: var(--vscode-focusBorder);
}

.workbench-suggest-widget .suggest-details a {
	color: var(--vscode-textLink-foreground);
}

.workbench-suggest-widget .suggest-details a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.workbench-suggest-widget .suggest-details code {
	background-color: var(--vscode-textCodeBlock-background);
}

.workbench-suggest-widget .suggest-details.no-docs {
	display: none;
}

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element {
	flex: 1;
}

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body {
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body > .header > .type {
	flex: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.7;
	white-space: pre;
	margin: 0 24px 0 0;
	padding: 4px 0 4px 5px;
}

.workbench-suggest-widget .suggest-details.detail-and-doc > .monaco-scrollable-element > .body > .header > .type {
	padding-bottom: 12px;
}

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body > .header > .type.auto-wrap {
	white-space: normal;
	word-break: break-all;
}

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body > .docs {
	margin: 0;
	padding: 4px 5px;
	white-space: pre-wrap;
}

.workbench-suggest-widget .suggest-details.no-type > .monaco-scrollable-element > .body > .docs {
	margin-right: 24px;
	overflow: hidden;
}

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs {
	padding: 0;
	white-space: initial;
	min-height: calc(1rem + 8px);
}

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div,
.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) {
	padding: 4px 5px;
}

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child {
	margin-top: 0;
}

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child {
	margin-bottom: 0;
}

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .monaco-tokenized-source {
	white-space: pre;
}

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body > .docs .code {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon {
	vertical-align: sub;
}

.workbench-suggest-widget .suggest-details > .monaco-scrollable-element > .body > p:empty {
	display: none;
}

.workbench-suggest-widget .suggest-details code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.workbench-suggest-widget .suggest-details ul {
	padding-left: 20px;
}

.workbench-suggest-widget .suggest-details ol {
	padding-left: 20px;
}

.workbench-suggest-widget .suggest-details p code {
	font-family: var(--monaco-monospace-font);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .codicon.codicon-terminal-symbol-alias,
.monaco-workbench .codicon.codicon-terminal-symbol-alias { color: var(--vscode-terminalSymbolIcon-aliasForeground); }

.monaco-editor .codicon.codicon-terminal-symbol-flag,
.monaco-workbench .codicon.codicon-terminal-symbol-flag { color: var(--vscode-terminalSymbolIcon-flagForeground); }

.monaco-editor .codicon.codicon-terminal-symbol-option-value,
.monaco-workbench .codicon.codicon-terminal-symbol-option-value { color: var(--vscode-terminalSymbolIcon-optionValueForeground); }

.monaco-editor .codicon.codicon-terminal-symbol-method,
.monaco-workbench .codicon.codicon-terminal-symbol-method { color: var(--vscode-terminalSymbolIcon-methodForeground); }

.monaco-editor .codicon.codicon-terminal-symbol-argument,
.monaco-workbench .codicon.codicon-terminal-symbol-argument { color: var(--vscode-terminalSymbolIcon-argumentForeground); }

.monaco-editor .codicon.codicon-terminal-symbol-option,
.monaco-workbench .codicon.codicon-terminal-symbol-option { color: var(--vscode-terminalSymbolIcon-optionForeground); }

.monaco-editor .codicon.codicon-terminal-symbol-inline-suggestion,
.monaco-workbench .codicon.codicon-terminal-symbol-inline-suggestion { color: var(--vscode-terminalSymbolIcon-inlineSuggestionForeground); }

.monaco-editor .codicon.codicon-terminal-symbol-file,
.monaco-workbench .codicon.codicon-terminal-symbol-file { color: var(--vscode-terminalSymbolIcon-fileForeground); }

.monaco-editor .codicon.codicon-terminal-symbol-folder,
.monaco-workbench .codicon.codicon-terminal-symbol-folder { color: var(--vscode-terminalSymbolIcon-folderForeground); }

/*
 * Inter (Variable)
 */
@font-face {
  font-family: 'Inter';
  font-display: swap;
  src: url(/assets/Inter-VariableFont_slnt,wght.1cccc37b.ttf);
  font-weight: 1 999;
}

/*
 * Source Code Pro (Variable)
 */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-display: swap;
  src: url(/assets/SourceCodePro-VariableFont_wght.319f54c8.ttf);
}

@font-face {
  font-family: 'Source Code Pro';
  font-style: italic;
  font-display: swap;
  src: url(/assets/SourceCodePro-Italic-VariableFont_wght.07a827e3.ttf);
}

/*
 * Kalam
 */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/Kalam-Regular.a6865ae4.ttf);
}

@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/Kalam-Light.93c3de37.ttf);
}

@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/Kalam-Bold.66c568d5.ttf);
}

/*
 * Source Serif 4
 */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/SourceSerif4-Regular.40793c3c.ttf);
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/SourceSerif4-Italic.9ef751cb.ttf);
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/SourceSerif4-Medium.b00361b5.ttf);
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/SourceSerif4-MediumItalic.bc8a284d.ttf);
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/SourceSerif4-SemiBold.7aa2d3a3.ttf);
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/SourceSerif4-SemiBoldItalic.ba7a3123.ttf);
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/SourceSerif4-Bold.2a8fb63f.ttf);
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/SourceSerif4-BoldItalic.83a03b51.ttf);
}

/*
  * Space Mono
  */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/SpaceMono-Regular.9ed7f1f9.ttf);
}

@font-face {
  font-family: 'Space Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/SpaceMono-Italic.9c4f6872.ttf);
}

@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/SpaceMono-Bold.14a94d7a.ttf);
}

@font-face {
  font-family: 'Space Mono';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/SpaceMono-BoldItalic.85359704.ttf);
}

/*
  * IBM Plex Mono
  */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/IBMPlexMono-Regular.b01b725c.ttf);
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/IBMPlexMono-Italic.9a27e3ca.ttf);
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/IBMPlexMono-Bold.7c138e5a.ttf);
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/IBMPlexMono-BoldItalic.2eb25204.ttf);
}

* {
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
}

:root {
  --noise-background: url(/assets/noise.95c19e1a.avif);
  text-autospace: normal;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th {
  text-align: left;
  font-weight: normal;
}

html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}

i,
cite,
em,
var,
address,
dfn {
  font-style: normal;
}

[hidefocus],
summary {
  outline: 0;
}

li {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-size: 100%;
}

sup,
sub {
  font-size: 83%;
}

pre,
code,
kbd,
samp {
  font-family: inherit;
}

q:before,
q:after {
  content: none;
}

textarea {
  overflow: auto;
  resize: none;
}

label,
summary {
  cursor: default;
}

a,
button:not([disabled]) {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  font-weight: bold;
}

del,
ins,
u,
s,
a,
a:hover {
  text-decoration: none;
}

body,
textarea,
input,
button,
select,
keygen,
legend {
  background-color: unset;
  outline: 0;
  border: 0;
  font-size: 15px;
  font-family: inherit;
  font-feature-settings: 'calt' 0;
}

body {
  background: transparent;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

input {
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*Solve the rounded corners of buttons on ios*/
  border-radius: 0;
  /*Solve the problem of rounded corners of the input box on ios*/
  outline: medium;
  /*Remove the default yellow border on mouse click*/
  background-color: transparent;
  caret-color: var(--interactive-primary);
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

input[type='number'] {
  -moz-appearance: textfield;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

* {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}

::-webkit-scrollbar {
  width: 0;
  /* Chrome Safari */
  height: 0;
}

editor-host * {
  scrollbar-width: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
editor-host *::-webkit-scrollbar {
  width: auto;
  height: auto;
}

.editor-wrapper {
  position: relative;
  padding-right: 0;
}

/* issue: https://github.com/modular-app/modular/issues/2004 */
.editor-wrapper.canvas-mode {
  padding: 0;
}

.page-block-title-container {
  margin-top: 40px;
  margin-bottom: 40px;
  transition: margin-top 0.2s;
}

.page-block-container {
  transition: max-width 0.2s;
  min-width: 550px;
}

@media (max-width: 768px) {
  .page-block-title-container {
    margin-top: 24px;
  }

  .editor-wrapper {
    width: 100%;
  }

  /* issue: https://github.com/modular-app/modular/issues/2004 */
  .editor-wrapper.canvas-mode {
    padding: 0;
  }
}

html,
body,
#app {
  height: 100%;
  position: relative;
  overflow: clip;
}

/**
 * A hack to make the anchor wrapper not affect the layout of the page.
 */
[data-lit-react-wrapper],
lit-template-wrapper {
  display: contents;
}

/* Avoid color overriden by user-agent */
button,
input {
  color: inherit;
}

/* Avoid default outline on focus for contenteditable */
[contenteditable]:focus-visible {
  outline: none;
}

/* Math font may not being loaded in Electron */
math {
  font-family:
    'Cambria Math' /* windows */,
    'STIX Two Math' /* mac */,
    math;
}

/* AI Block Diff */
.ai-block-diff-deleted {
  background-color: var(--aI-applyDeleteHighlight, #ffeaea) !important;
  border-radius: 4px !important;
  padding: 8px 0px !important;
  margin-bottom: 10px !important;
}

.ai-block-diff-deleted .block-component {
  margin: 0 !important;
}

body {
  color: var(--text-primary);
  font-family: var(--font-family);
  font-size: 15px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor-pane-placeholder {
	padding: 0 16px 0 16px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.monaco-editor-pane-placeholder:focus {
	outline: none !important;
}

.monaco-editor-pane-placeholder .editor-placeholder-icon-container .codicon {
	font-size: 48px !important;
}

.monaco-editor-pane-placeholder .editor-placeholder-icon-container .codicon.codicon-error {
	color: var(--vscode-editorError-foreground);
}

.monaco-editor-pane-placeholder .editor-placeholder-icon-container .codicon.codicon-warning {
	color: var(--vscode-editorWarning-foreground);
}

.monaco-editor-pane-placeholder .editor-placeholder-icon-container .codicon.codicon-info,
.monaco-editor-pane-placeholder .editor-placeholder-icon-container .codicon.codicon-workspace-untrusted {
	color: var(--vscode-editorInfo-foreground);
}

.monaco-editor-pane-placeholder.max-height-200px .editor-placeholder-icon-container {
	/* Hide the icon when height is limited */
	display: none;
}

.monaco-editor-pane-placeholder .editor-placeholder-label-container {
	font-size: 14px;
	max-width: 450px;
	text-align: center;
	word-break: break-word;
	user-select: text;
	-webkit-user-select: text;
}

.monaco-editor-pane-placeholder .editor-placeholder-buttons-container {
	display: flex;
}

.monaco-editor-pane-placeholder .editor-placeholder-buttons-container > .monaco-button {
	margin: 4px 5px;
}

.monaco-editor-pane-placeholder .editor-placeholder-buttons-container > .monaco-button {
	font-size: 14px;
	width: fit-content;
	padding: 6px 11px;
	outline-offset: 2px !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Arrows */
.monaco-scrollable-element > .scrollbar > .scra {
	cursor: pointer;
	font-size: 11px !important;
}

.monaco-scrollable-element > .visible {
	opacity: 1;

	/* Background rule added for IE9 - to allow clicks on dom node */
	background:rgba(0,0,0,0);

	transition: opacity 100ms linear;
	/* In front of peek view */
	z-index: 11;
}
.monaco-scrollable-element > .invisible {
	opacity: 0;
	pointer-events: none;
}
.monaco-scrollable-element > .invisible.fade {
	transition: opacity 800ms linear;
}

/* Scrollable Content Inset Shadow */
.monaco-scrollable-element > .shadow {
	position: absolute;
	display: none;
}
.monaco-scrollable-element > .shadow.top {
	display: block;
	top: 0;
	left: 3px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
.monaco-scrollable-element > .shadow.left {
	display: block;
	top: 3px;
	left: 0;
	height: 100%;
	width: 3px;
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .shadow.top-left-corner {
	display: block;
	top: 0;
	left: 0;
	height: 3px;
	width: 3px;
}
.monaco-scrollable-element > .shadow.top.left {
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}

.monaco-scrollable-element > .scrollbar {
	background: var(--vscode-scrollbar-background);
}

.monaco-scrollable-element > .scrollbar > .slider {
	background: var(--vscode-scrollbarSlider-background);
}

.monaco-scrollable-element > .scrollbar > .slider:hover {
	background: var(--vscode-scrollbarSlider-hoverBackground);
}

.monaco-scrollable-element > .scrollbar > .slider.active {
	background: var(--vscode-scrollbarSlider-activeBackground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-text-button {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	padding: 4px;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--vscode-button-border, transparent);
	line-height: 18px;
}

.monaco-text-button:focus {
	outline-offset: 2px !important;
}

.monaco-text-button:hover {
	text-decoration: none !important;
}

.monaco-button.disabled:focus,
.monaco-button.disabled {
	opacity: 0.4 !important;
	cursor: default;
}

.monaco-text-button .codicon {
	margin: 0 0.2em;
	color: inherit !important;
}

.monaco-text-button.monaco-text-button-with-short-label {
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0 4px;
	overflow: hidden;
	height: 28px;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label {
	flex-basis: 100%;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
	flex-grow: 1;
	width: 0;
	overflow: hidden;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label,
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: normal;
	font-style: inherit;
	padding: 4px 0;
}

.monaco-button-dropdown {
	display: flex;
	cursor: pointer;
}

.monaco-button-dropdown.disabled {
	cursor: default;
}

.monaco-button-dropdown > .monaco-button:focus {
	outline-offset: -1px !important;
}

.monaco-button-dropdown.disabled > .monaco-button.disabled,
.monaco-button-dropdown.disabled > .monaco-button.disabled:focus,
.monaco-button-dropdown.disabled > .monaco-button-dropdown-separator {
	opacity: 0.4 !important;
}

.monaco-button-dropdown > .monaco-button.monaco-text-button {
	border-right-width: 0 !important;
}

.monaco-button-dropdown .monaco-button-dropdown-separator {
	padding: 4px 0;
	cursor: default;
}

.monaco-button-dropdown .monaco-button-dropdown-separator > div {
	height: 100%;
	width: 1px;
}

.monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
	border: 1px solid var(--vscode-button-border, transparent);
	border-left-width: 0 !important;
	border-radius: 0 2px 2px 0;
	display: flex;
	align-items: center;
}

.monaco-button-dropdown > .monaco-button.monaco-text-button {
	border-radius: 2px 0 0 2px;
}

.monaco-description-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 4px 5px; /* allows button focus outline to be visible */
}

.monaco-description-button .monaco-button-description {
	font-style: italic;
	font-size: 11px;
	padding: 4px 20px;
}

.monaco-description-button .monaco-button-label,
.monaco-description-button .monaco-button-description {
	display: flex;
	justify-content: center;
	align-items: center;
}

.monaco-description-button .monaco-button-label > .codicon,
.monaco-description-button .monaco-button-description > .codicon {
	margin: 0 0.2em;
	color: inherit !important;
}

/* default color styles - based on CSS variables */

.monaco-button.default-colors,
.monaco-button-dropdown.default-colors > .monaco-button{
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
}

.monaco-button.default-colors:hover,
.monaco-button-dropdown.default-colors > .monaco-button:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.monaco-button.default-colors.secondary,
.monaco-button-dropdown.default-colors > .monaco-button.secondary {
	color: var(--vscode-button-secondaryForeground);
	background-color: var(--vscode-button-secondaryBackground);
}

.monaco-button.default-colors.secondary:hover,
.monaco-button-dropdown.default-colors > .monaco-button.secondary:hover {
	background-color: var(--vscode-button-secondaryHoverBackground);
}

.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator {
	background-color: var(--vscode-button-background);
	border-top: 1px solid var(--vscode-button-border);
	border-bottom: 1px solid var(--vscode-button-border);
}

.monaco-button-dropdown.default-colors .monaco-button.secondary + .monaco-button-dropdown-separator {
	background-color: var(--vscode-button-secondaryBackground);
}

.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator > div {
	background-color: var(--vscode-button-separator);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* --- Explorer viewlet --- */
.explorer-folders-view,
.explorer-folders-view {
	height: 100%;
}

.explorer-folders-view .explorer-folders-view.highlight .monaco-list .explorer-item:not(.explorer-item-edited),
.explorer-folders-view .explorer-folders-view.highlight .monaco-list .monaco-tl-twistie {
	opacity: 0.3;
}

.explorer-folders-view .explorer-item,
.explorer-folders-view .editor-group {
	height: 22px;
	line-height: 22px;
}

.explorer-folders-view .explorer-item {
	display: flex; /* this helps showing the overflow ellipsis (...) even though we use display:inline-block for the labels */
	flex-wrap: nowrap;
}

.explorer-folders-view .explorer-item > a,
.explorer-folders-view .editor-group {
	text-overflow: ellipsis;
	overflow: hidden;
}

.explorer-folders-view .explorer-item,
.explorer-folders-view .explorer-item .monaco-inputbox {
	flex: 1;
}

.explorer-folders-view .explorer-item.cut {
	opacity: 0.5;
}

.explorer-folders-view .explorer-item.explorer-item-edited .label-name {
	flex: 0; /* do not steal space when label is hidden because we are in edit mode */
}

.explorer-folders-view .explorer-item.nonexistent-root {
	opacity: 0.5;
}

.explorer-folders-view .explorer-item .monaco-inputbox {
	width: 100%;
	line-height: normal;
}

.explorer-folders-view .monaco-list-row .explorer-item .monaco-count-badge {
	margin-left: 5px;
	display: none;
}

.explorer-folders-view .monaco-list-row[aria-expanded="false"] .explorer-item.highlight-badge .monaco-count-badge {
	display: inline-block;
}

.explorer-folders-view .explorer-item .monaco-icon-name-container.multiple > .label-name > .monaco-highlighted-label {
	border-radius: 3px;
}

.explorer-folders-view .explorer-item .monaco-icon-name-container.multiple > .label-name:hover > .monaco-highlighted-label,
.explorer-folders-view .monaco-list .monaco-list-row.focused .explorer-item .monaco-icon-name-container.multiple > .label-name.active > .monaco-highlighted-label {
	text-decoration: underline;
}

.explorer-folders-view .explorer-item .monaco-icon-name-container.multiple > .label-name.drop-target > .monaco-highlighted-label {
	background-color: var(--vscode-list-dropBackground);
}

.explorer-folders-view .explorer-item.align-nest-icon-with-parent-icon {
	margin-left: var(--vscode-explorer-align-offset-margin-left);
}

.monaco-workbench.linux .explorer-folders-view .explorer-item .monaco-inputbox,
.monaco-workbench.mac .explorer-folders-view .explorer-item .monaco-inputbox {
	height: 22px;
}

.monaco-workbench .explorer-folders-view .explorer-item .monaco-inputbox > .ibwrapper > .input {
	padding: 0;
	height: 20px;
}

/* High Contrast Theming */
.monaco-workbench.hc-black .explorer-folders-view .explorer-item,
.monaco-workbench.hc-light .explorer-folders-view .explorer-item {
	line-height: 20px;
}

.monaco-workbench .explorer-folders-view .explorer-item .monaco-inputbox input[type="text"] {
	outline-width: 1px;
	outline-style: solid;
	outline-offset: -1px;
	outline-color: var(--vscode-focusBorder);
	opacity: 1;
}

.monaco-workbench.context-menu-visible .explorer-folders-view.highlight .monaco-list-row {
	outline: none !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-list {
	position: relative;
	height: 100%;
	width: 100%;
	white-space: nowrap;
}

.monaco-list.mouse-support {
	user-select: none;
	-webkit-user-select: none;
}

.monaco-list > .monaco-scrollable-element {
	height: 100%;
}

.monaco-list-rows {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-list.horizontal-scrolling .monaco-list-rows {
	width: auto;
	min-width: 100%;
}

.monaco-list-row {
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
}

.monaco-list.mouse-support .monaco-list-row {
	cursor: pointer;
	touch-action: none;
}

/* Make sure the scrollbar renders above overlays (sticky scroll) */
.monaco-list .monaco-scrollable-element > .scrollbar.vertical,
.monaco-pane-view > .monaco-split-view2.vertical > .monaco-scrollable-element > .scrollbar.vertical {
	z-index: 14;
}

/* for OS X ballistic scrolling */
.monaco-list-row.scrolling {
	display: none !important;
}

/* Focus */
.monaco-list.element-focused,
.monaco-list.selection-single,
.monaco-list.selection-multiple {
	outline: 0 !important;
}

/* Filter */

.monaco-list-type-filter-message {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 40px 1em 1em 1em;
	text-align: center;
	white-space: normal;
	opacity: 0.7;
	pointer-events: none;
}

.monaco-list-type-filter-message:empty {
	display: none;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-aria-container {
	position: absolute; /* try to hide from window but not from screen readers */
	left:-999em;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-drag-image {
	display: inline-block;
	padding: 1px 7px;
	border-radius: 10px;
	font-size: 12px;
	position: absolute;
	z-index: 1000;

	/* Default styles */
	background-color: var(--vscode-list-activeSelectionBackground);
	color: var(--vscode-list-activeSelectionForeground);
	outline: 1px solid var(--vscode-list-focusOutline);
	outline-offset: -1px;

	/*
	 * Browsers apply an effect to the drag image when the div becomes too
	 * large which makes them unreadable. Use max width so it does not happen
	 */
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

:root {
	--vscode-sash-size: 4px;
	--vscode-sash-hover-size: 4px;
}

.monaco-sash {
	position: absolute;
	z-index: 35;
	touch-action: none;
}

.monaco-sash.disabled {
	pointer-events: none;
}

.monaco-sash.mac.vertical {
	cursor: col-resize;
}

.monaco-sash.vertical.minimum {
	cursor: e-resize;
}

.monaco-sash.vertical.maximum {
	cursor: w-resize;
}

.monaco-sash.mac.horizontal {
	cursor: row-resize;
}

.monaco-sash.horizontal.minimum {
	cursor: s-resize;
}

.monaco-sash.horizontal.maximum {
	cursor: n-resize;
}

.monaco-sash.disabled {
	cursor: default !important;
	pointer-events: none !important;
}

.monaco-sash.vertical {
	cursor: ew-resize;
	top: 0;
	width: var(--vscode-sash-size);
	height: 100%;
}

.monaco-sash.horizontal {
	cursor: ns-resize;
	left: 0;
	width: 100%;
	height: var(--vscode-sash-size);
}

.monaco-sash:not(.disabled) > .orthogonal-drag-handle {
	content: " ";
	height: calc(var(--vscode-sash-size) * 2);
	width: calc(var(--vscode-sash-size) * 2);
	z-index: 100;
	display: block;
	cursor: all-scroll;
	position: absolute;
}

.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
	> .orthogonal-drag-handle.start,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
	> .orthogonal-drag-handle.end {
	cursor: nwse-resize;
}

.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
	> .orthogonal-drag-handle.end,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
	> .orthogonal-drag-handle.start {
	cursor: nesw-resize;
}

.monaco-sash.vertical > .orthogonal-drag-handle.start {
	left: calc(var(--vscode-sash-size) * -0.5);
	top: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.vertical > .orthogonal-drag-handle.end {
	left: calc(var(--vscode-sash-size) * -0.5);
	bottom: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.start {
	top: calc(var(--vscode-sash-size) * -0.5);
	left: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.end {
	top: calc(var(--vscode-sash-size) * -0.5);
	right: calc(var(--vscode-sash-size) * -1);
}

.monaco-sash:before {
	content: '';
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
}

.monaco-enable-motion .monaco-sash:before {
	transition: background-color 0.1s ease-out;
}

.monaco-sash.hover:before,
.monaco-sash.active:before {
	background: var(--vscode-sash-hoverBorder);
}

.monaco-sash.vertical:before {
	width: var(--vscode-sash-hover-size);
	left: calc(50% - (var(--vscode-sash-hover-size) / 2));
}

.monaco-sash.horizontal:before {
	height: var(--vscode-sash-hover-size);
	top: calc(50% - (var(--vscode-sash-hover-size) / 2));
}

.pointer-events-disabled {
	pointer-events: none !important;
}

/** Debug **/

.monaco-sash.debug {
	background: cyan;
}

.monaco-sash.debug.disabled {
	background: rgba(0, 255, 255, 0.2);
}

.monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
	background: red;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-split-view2 {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-split-view2 > .sash-container {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.monaco-split-view2 > .sash-container > .monaco-sash {
	pointer-events: initial;
}

.monaco-split-view2 > .monaco-scrollable-element {
	width: 100%;
	height: 100%;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
	width: 100%;
	height: 100%;
	white-space: nowrap;
	position: relative;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view {
	white-space: initial;
	position: absolute;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) {
	display: none;
}

.monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view {
	width: 100%;
}

.monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view {
	height: 100%;
}

.monaco-split-view2.separator-border > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	pointer-events: none;
	background-color: var(--separator-border);
}

.monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	height: 100%;
	width: 1px;
}

.monaco-split-view2.separator-border.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	height: 1px;
	width: 100%;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-table {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.monaco-table > .monaco-split-view2 {
	border-bottom: 1px solid transparent;
}

.monaco-table > .monaco-list {
	flex: 1;
}

.monaco-table-tr {
	display: flex;
	height: 100%;
}

.monaco-table-th {
	width: 100%;
	height: 100%;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-table-th,
.monaco-table-td {
	box-sizing: border-box;
	flex-shrink: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
	content: "";
	position: absolute;
	left: calc(var(--vscode-sash-size) / 2);
	width: 0;
	border-left: 1px solid transparent;
}

.monaco-enable-motion .monaco-table > .monaco-split-view2,
.monaco-enable-motion .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
	transition: border-color 0.2s ease-out;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-select-box {
	width: 100%;
	cursor: pointer;
	border-radius: 2px;
}

.monaco-select-box-dropdown-container {
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
}

/** Actions */

.monaco-action-bar .action-item.select-container {
	cursor: default;
}

.monaco-action-bar .action-item .monaco-select-box {
	cursor: pointer;
	min-width: 100px;
	min-height: 18px;
	padding: 2px 23px 2px 8px;
}

.mac .monaco-action-bar .action-item .monaco-select-box {
	font-size: 11px;
	border-radius: 3px;
	min-height: 24px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.context-view {
	position: absolute;
}

.context-view.fixed {
	all: initial;
	font-family: inherit;
	font-size: 13px;
	position: fixed;
	color: inherit;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-select-box-dropdown-container {
	display: none;
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * {
	margin: 0;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown a:focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown code {
	line-height: 15px; /** For some reason, this is needed, otherwise <code> will take up 20px height */
	font-family: var(--monaco-monospace-font);
}


.monaco-select-box-dropdown-container.visible {
	display: flex;
	flex-direction: column;
	text-align: left;
	width: 1px;
	overflow: hidden;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
	flex: 0 0 auto;
	align-self: flex-start;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

.monaco-select-box-dropdown-container > .select-box-details-pane {
	padding: 5px 6px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row {
	cursor: pointer;
	padding-left: 2px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3.5px;
	white-space: nowrap;
	float: left;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-detail {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3.5px;
	white-space: nowrap;
	float: left;
	opacity: 0.7;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-decorator-right {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 10px;
	white-space: nowrap;
	float: right;
}


/* Accepted CSS hiding technique for accessibility reader text  */
/* https://webaim.org/techniques/css/invisiblecontent/ */

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .visually-hidden {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control {
	flex: 1 1 auto;
	align-self: flex-start;
	opacity: 0;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div {
	overflow: hidden;
	max-height: 0px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control {
	padding-left: 4px;
	padding-right: 8px;
	white-space: nowrap;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar {
	white-space: nowrap;
	height: 100%;
}

.monaco-action-bar .actions-container {
	display: flex;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 100%;
	align-items: center;
}

.monaco-action-bar.vertical .actions-container {
	display: inline-block;
}

.monaco-action-bar .action-item {
	display: block;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;  /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */
}

.monaco-action-bar .action-item.disabled {
	cursor: default;
}

.monaco-action-bar .action-item .icon,
.monaco-action-bar .action-item .codicon {
	display: block;
}

.monaco-action-bar .action-item .codicon {
	display: flex;
	align-items: center;
	width: 16px;
	height: 16px;
}

.monaco-action-bar .action-label {
	display: flex;
	font-size: 11px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-action-bar .action-item.disabled .action-label:not(.icon) ,
.monaco-action-bar .action-item.disabled .action-label:not(.icon)::before,
.monaco-action-bar .action-item.disabled .action-label:not(.icon):hover {
	color: var(--vscode-disabledForeground);
}

/* Unable to change color of SVGs, hence opacity is used */
.monaco-action-bar .action-item.disabled .action-label.icon ,
.monaco-action-bar .action-item.disabled .action-label.icon::before,
.monaco-action-bar .action-item.disabled .action-label.icon:hover {
	opacity: 0.6;
}

/* Vertical actions */

.monaco-action-bar.vertical {
	text-align: left;
}

.monaco-action-bar.vertical .action-item {
	display: block;
}

.monaco-action-bar.vertical .action-label.separator {
	display: block;
	border-bottom: 1px solid var(--vscode-disabledForeground);
	padding-top: 1px;
	margin-left: .8em;
	margin-right: .8em;
}

.monaco-action-bar .action-item .action-label.separator {
	width: 1px;
	height: 16px;
	margin: 5px 4px !important;
	cursor: default;
	min-width: 1px;
	padding: 0;
	background-color: var(--vscode-disabledForeground);
}

.secondary-actions .monaco-action-bar .action-label {
	margin-left: 6px;
}

/* Action Items */
.monaco-action-bar .action-item.select-container {
	overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */
	flex: 1;
	max-width: 170px;
	min-width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.monaco-action-bar .action-item.action-dropdown-item {
	display: flex;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
	display: flex;
	align-items: center;
	cursor: default;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
	width: 1px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-custom-toggle {
	margin-left: 2px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	border: 1px solid transparent;
	padding: 1px;
	box-sizing:	border-box;
	user-select: none;
	-webkit-user-select: none;
}

.monaco-custom-toggle:hover {
	background-color: var(--vscode-inputOption-hoverBackground);
}

.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
	border: 1px dashed var(--vscode-focusBorder);
}

.hc-black .monaco-custom-toggle,
.hc-light .monaco-custom-toggle {
	background: none;
}

.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
	background: none;
}

.monaco-custom-toggle.monaco-checkbox {
	height: 18px;
	width: 18px;
	border: 1px solid transparent;
	border-radius: 3px;
	margin-right: 9px;
	margin-left: 0px;
	padding: 0px;
	opacity: 1;
	background-size: 16px !important;
}

.monaco-action-bar .checkbox-action-item {
	display: flex;
	align-items: center;
	border-radius: 2px;
	padding-right: 2px;
}

.monaco-action-bar .checkbox-action-item:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.monaco-action-bar .checkbox-action-item > .monaco-custom-toggle.monaco-checkbox {
	margin-right: 4px;
}

.monaco-action-bar .checkbox-action-item > .checkbox-label {
	font-size: 12px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-inputbox {
	position: relative;
	display: block;
	padding: 0;
	box-sizing:	border-box;
	border-radius: 2px;

	/* Customizable */
	font-size: inherit;
}

.monaco-inputbox > .ibwrapper > .input,
.monaco-inputbox > .ibwrapper > .mirror {

	/* Customizable */
	padding: 4px 6px;
}

.monaco-inputbox > .ibwrapper {
	position: relative;
	width: 100%;
}

.monaco-inputbox > .ibwrapper > .input {
	display: inline-block;
	box-sizing:	border-box;
	width: 100%;
	height: 100%;
	line-height: inherit;
	border: none;
	font-family: inherit;
	font-size: inherit;
	resize: none;
	color: inherit;
}

.monaco-inputbox > .ibwrapper > input {
	text-overflow: ellipsis;
}

.monaco-inputbox > .ibwrapper > textarea.input {
	display: block;
	scrollbar-width: none; /* Firefox: hide scrollbars */
	outline: none;
}

.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
	display: none; /* Chrome + Safari: hide scrollbar */
}

.monaco-inputbox > .ibwrapper > textarea.input.empty {
	white-space: nowrap;
}

.monaco-inputbox > .ibwrapper > .mirror {
	position: absolute;
	display: inline-block;
	width: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	white-space: pre-wrap;
	visibility: hidden;
	word-wrap: break-word;
}

/* Context view */

.monaco-inputbox-container {
	text-align: right;
}

.monaco-inputbox-container .monaco-inputbox-message {
	display: inline-block;
	overflow: hidden;
	text-align: left;
	width: 100%;
	box-sizing:	border-box;
	padding: 0.4em;
	font-size: 12px;
	line-height: 17px;
	margin-top: -1px;
	word-wrap: break-word;
}

/* Action bar support */
.monaco-inputbox .monaco-action-bar {
	position: absolute;
	right: 2px;
	top: 4px;
}

.monaco-inputbox .monaco-action-bar .action-item {
	margin-left: 2px;
}

.monaco-inputbox .monaco-action-bar .action-item .codicon {
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* ---------- Find input ---------- */

.monaco-findInput {
	position: relative;
}

.monaco-findInput .monaco-inputbox {
	font-size: 13px;
	width: 100%;
}

.monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

.vs .monaco-findInput.disabled {
	background-color: #E1E1E1;
}

/* Theming */
.vs-dark .monaco-findInput.disabled {
	background-color: #333;
}

/* Highlighting */
.monaco-findInput.highlight-0 .controls,
.hc-light .monaco-findInput.highlight-0 .controls {
	animation: monaco-findInput-highlight-0 100ms linear 0s;
}

.monaco-findInput.highlight-1 .controls,
.hc-light .monaco-findInput.highlight-1 .controls {
	animation: monaco-findInput-highlight-1 100ms linear 0s;
}

.hc-black .monaco-findInput.highlight-0 .controls,
.vs-dark  .monaco-findInput.highlight-0 .controls {
	animation: monaco-findInput-highlight-dark-0 100ms linear 0s;
}

.hc-black .monaco-findInput.highlight-1 .controls,
.vs-dark  .monaco-findInput.highlight-1 .controls {
	animation: monaco-findInput-highlight-dark-1 100ms linear 0s;
}

@keyframes monaco-findInput-highlight-0 {
	0% { background: rgba(253, 255, 0, 0.8); }
	100% { background: transparent; }
}
@keyframes monaco-findInput-highlight-1 {
	0% { background: rgba(253, 255, 0, 0.8); }
	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
	99% { background: transparent; }
}

@keyframes monaco-findInput-highlight-dark-0 {
	0% { background: rgba(255, 255, 255, 0.44); }
	100% { background: transparent; }
}
@keyframes monaco-findInput-highlight-dark-1 {
	0% { background: rgba(255, 255, 255, 0.44); }
	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
	99% { background: transparent; }
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-tl-row {
	display: flex;
	height: 100%;
	align-items: center;
	position: relative;
}

.monaco-tl-row.disabled {
	cursor: default;
}
.monaco-tl-indent {
	height: 100%;
	position: absolute;
	top: 0;
	left: 16px;
	pointer-events: none;
}

.hide-arrows .monaco-tl-indent {
	left: 12px;
}

.monaco-tl-indent > .indent-guide {
	display: inline-block;
	box-sizing: border-box;
	height: 100%;
	border-left: 1px solid transparent;
	opacity: 0;
}

.monaco-enable-motion .monaco-tl-indent > .indent-guide {
	transition: opacity 0.1s linear;
}

.monaco-tl-twistie,
.monaco-tl-contents {
	height: 100%;
}

.monaco-tl-twistie {
	font-size: 10px;
	text-align: right;
	padding-right: 6px;
	flex-shrink: 0;
	width: 16px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transform: translateX(3px);
}

.monaco-tl-contents {
	flex: 1;
	overflow: hidden;
}

.monaco-tl-twistie::before {
	border-radius: 20px;
}

.monaco-tl-twistie.collapsed::before {
	transform: rotate(-90deg);
}

.monaco-tl-twistie.codicon-tree-item-loading::before {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.25s steps(30) infinite;
}

.monaco-tree-type-filter {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	padding: 3px;
	max-width: 200px;
	z-index: 100;
	margin: 0 10px 0 6px;
	border: 1px solid var(--vscode-widget-border);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.monaco-enable-motion .monaco-tree-type-filter {
	transition: top 0.3s;
}

.monaco-tree-type-filter.disabled {
	top: -40px !important;
}

.monaco-tree-type-filter-input {
	flex: 1;
}

.monaco-tree-type-filter-input .monaco-inputbox {
	height: 23px;
}

.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .input,
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .mirror {
	padding: 2px 4px;
}

.monaco-tree-type-filter-input .monaco-findInput > .controls {
	top: 2px;
}

.monaco-tree-type-filter-actionbar {
	margin-left: 4px;
}

.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label {
	padding: 2px;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 13; /* Settings editor uses z-index: 12 */

	/* Backup color in case the tree does not provide the background color */
	background-color: var(--vscode-sideBar-background);
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row.monaco-list-row{
	position: absolute;
	width: 100%;
	opacity: 1 !important; /* Settings editor uses opacity < 1 */
	overflow: hidden;

	/* Backup color in case the tree does not provide the background color */
	background-color: var(--vscode-sideBar-background);
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row:hover{
	background-color: var(--vscode-list-hoverBackground) !important;
	cursor: pointer;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty,
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty .monaco-tree-sticky-container-shadow {
	display: none;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow {
	position: absolute;
	bottom: -3px;
	left: 0px;
	height: 0px; /* heigt is 3px and only set when there is a treeStickyScrollShadow color */
	width: 100%;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container[tabindex="0"]:focus{
	outline: none;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.quick-input-list .quick-input-list-entry.has-actions:hover .quick-input-list-entry-action-bar .action-label.dirty-editor::before {
	/* Close icon flips between black dot and "X" for dirty open editors */
	content: var(--vscode-icon-x-content);
	font-family: var(--vscode-icon-x-font-family);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.side-by-side-editor-container {
	width: 100%;
	height: 100%;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -------------------- IE10 remove auto clear button -------------------- */

::-ms-clear {
	display: none;
}

/* All widgets */
/* I am not a big fan of this rule */
.monaco-editor .editor-widget input {
	color: inherit;
}

/* -------------------- Editor -------------------- */

.monaco-editor {
	position: relative;
	overflow: visible;
	-webkit-text-size-adjust: 100%;
	color: var(--vscode-editor-foreground);
	background-color: var(--vscode-editor-background);
	overflow-wrap: initial;
}
.monaco-editor-background {
	background-color: var(--vscode-editor-background);
}
.monaco-editor .rangeHighlight {
	background-color: var(--vscode-editor-rangeHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-rangeHighlightBorder);
}
.monaco-editor.hc-black .rangeHighlight, .monaco-editor.hc-light .rangeHighlight {
	border-style: dotted;
}
.monaco-editor .symbolHighlight {
	background-color: var(--vscode-editor-symbolHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-symbolHighlightBorder);
}
.monaco-editor.hc-black .symbolHighlight, .monaco-editor.hc-light .symbolHighlight {
	border-style: dotted;
}

.monaco-editor .editorCanvas {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
}

/* -------------------- Misc -------------------- */

.monaco-editor .overflow-guard {
	position: relative;
	overflow: hidden;
}

.monaco-editor .view-overlays {
	position: absolute;
	top: 0;
}

.monaco-editor .view-overlays > div, .monaco-editor .margin-view-overlays > div {
	position: absolute;
	width: 100%;
}

/*
.monaco-editor .auto-closed-character {
	opacity: 0.3;
}
*/


.monaco-editor .squiggly-error {
	border-bottom: 4px double var(--vscode-editorError-border);
}
.monaco-editor .squiggly-error::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorError-background);
}
.monaco-editor .squiggly-warning {
	border-bottom: 4px double var(--vscode-editorWarning-border);
}
.monaco-editor .squiggly-warning::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorWarning-background);
}
.monaco-editor .squiggly-info {
	border-bottom: 4px double var(--vscode-editorInfo-border);
}
.monaco-editor .squiggly-info::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorInfo-background);
}
.monaco-editor .squiggly-hint {
	border-bottom: 2px dotted var(--vscode-editorHint-border);
}
.monaco-editor.showUnused .squiggly-unnecessary {
	border-bottom: 2px dashed var(--vscode-editorUnnecessaryCode-border);
}
.monaco-editor.showDeprecated .squiggly-inline-deprecated {
	text-decoration: line-through;
	text-decoration-color: var(--vscode-editor-foreground, inherit);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .blockDecorations-container {
	position: absolute;
	top: 0;
	pointer-events: none;
}

.monaco-editor .blockDecorations-block {
	position: absolute;
	box-sizing: border-box;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .view-overlays .current-line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	height: 100%;
}

.monaco-editor .margin-view-overlays .current-line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	height: 100%;
}

.monaco-editor
	.margin-view-overlays
	.current-line.current-line-margin.current-line-margin-both {
	border-right: 0;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cdr = core decorations rendering (div)
*/
.monaco-editor .lines-content .cdr {
	position: absolute;
	height: 100%;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .glyph-margin {
	position: absolute;
	top: 0;
}

/*
	Keeping name short for faster parsing.
	cgmr = core glyph margin rendering (div)
*/
.monaco-editor .glyph-margin-widgets .cgmr {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*
	Ensure spinning icons are pixel-perfectly centered and avoid wobble.
	This is only applied to icons that spin to avoid unnecessary
	GPU layers and blurry subpixel AA.
*/
.monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin::before  {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lines-content .core-guide {
	position: absolute;
	box-sizing: border-box;
	height: 100%;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin-view-overlays .line-numbers {
	bottom: 0;
	font-variant-numeric: tabular-nums;
	position: absolute;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: default;
}

.monaco-editor .relative-current-line-number {
	text-align: left;
	display: inline-block;
	width: 100%;
}

.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
	margin-top: 1px;
}

.monaco-editor .line-numbers {
	color: var(--vscode-editorLineNumber-foreground);
}

.monaco-editor .line-numbers.active-line-number {
	color: var(--vscode-editorLineNumber-activeForeground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-mouse-cursor-text {
	cursor: text;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Uncomment to see lines flashing when they're painted */
/*.monaco-editor .view-lines > .view-line {
	background-color: none;
	animation-name: flash-background;
	animation-duration: 800ms;
}
@keyframes flash-background {
	0%   { background-color: lightgreen; }
	100% { background-color: none }
}*/

.mtkcontrol {
	color: rgb(255, 255, 255) !important;
	background: rgb(150, 0, 0) !important;
}

.mtkoverflow {
	background-color: var(--vscode-button-background, var(--vscode-editor-background));
	color: var(--vscode-button-foreground, var(--vscode-editor-foreground));
	border-width: 1px;
	border-style: solid;
	border-color: var(--vscode-contrastBorder);
	border-radius: 2px;
	padding: 4px;
	cursor: pointer;
}
.mtkoverflow:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.monaco-editor.no-user-select .lines-content,
.monaco-editor.no-user-select .view-line,
.monaco-editor.no-user-select .view-lines {
	user-select: none;
	-webkit-user-select: none;
}
/* Use user-select: text for lookup feature on macOS */
/* https://github.com/microsoft/vscode/issues/85632 */
.monaco-editor.mac .lines-content:hover,
.monaco-editor.mac .view-line:hover,
.monaco-editor.mac .view-lines:hover {
	user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
}

.monaco-editor.enable-user-select {
	user-select: initial;
	-webkit-user-select: initial;
}

.monaco-editor .view-lines {
	white-space: nowrap;
}

.monaco-editor .view-line {
	box-sizing: border-box;
	position: absolute;
	width: 100%;
}

/* There are view-lines in view-zones. We have to make sure this rule does not apply to them, as they don't set a line height */
.monaco-editor .lines-content > .view-lines > .view-line > span {
	top: 0;
	bottom: 0;
	position: absolute;
}

.monaco-editor .mtkw {
	color: var(--vscode-editorWhitespace-foreground) !important;
}

.monaco-editor .mtkz {
	display: inline-block;
	color: var(--vscode-editorWhitespace-foreground) !important;
}

/* TODO@tokenization bootstrap fix */
/*.monaco-editor .view-line > span > span {
	float: none;
	min-height: inherit;
	margin-left: inherit;
}*/

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .lines-decorations {
	position: absolute;
	top: 0;
	background: white;
}

/*
	Keeping name short for faster parsing.
	cldr = core lines decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cldr {
	position: absolute;
	height: 100%;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin {
	background-color: var(--vscode-editorGutter-background);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cmdr = core margin decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cmdr {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* START cover the case that slider is visible on mouseover */
.monaco-editor .minimap.slider-mouseover .minimap-slider {
	opacity: 0;
	transition: opacity 100ms linear;
}
.monaco-editor .minimap.slider-mouseover:hover .minimap-slider {
	opacity: 1;
}
.monaco-editor .minimap.slider-mouseover .minimap-slider.active {
	opacity: 1;
}
/* END cover the case that slider is visible on mouseover */
.monaco-editor .minimap-slider .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-background);
}
.monaco-editor .minimap-slider:hover .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-hoverBackground);
}
.monaco-editor .minimap-slider.active .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-activeBackground);
}
.monaco-editor .minimap-shadow-visible {
	box-shadow: var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset;
}
.monaco-editor .minimap-shadow-hidden {
	position: absolute;
	width: 0;
}
.monaco-editor .minimap-shadow-visible {
	position: absolute;
	left: -6px;
	width: 6px;
	pointer-events: none;
}
.monaco-editor.no-minimap-shadow .minimap-shadow-visible {
	position: absolute;
	left: -1px;
	width: 1px;
}

/* 0.5s fade in/out for the minimap */
.minimap.minimap-autohide-mouseover,
.minimap.minimap-autohide-scroll {
	opacity: 0;
	transition: opacity 0.5s;
}
.minimap.minimap-autohide-scroll{
	pointer-events: none;
}
.minimap.minimap-autohide-mouseover:hover,
.minimap.minimap-autohide-scroll.active {
	opacity: 1;
	pointer-events: auto;
}

.monaco-editor .minimap {
	z-index: 5;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .overlayWidgets {
	position: absolute;
	top: 0;
	left:0;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .view-ruler {
	position: absolute;
	top: 0;
	box-shadow: 1px 0 0 0 var(--vscode-editorRuler-foreground) inset;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .scroll-decoration {
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cslr = core selections layer rendering (div)
*/
.monaco-editor .lines-content .cslr {
	position: absolute;
}

.monaco-editor .focused .selected-text {
	background-color: var(--vscode-editor-selectionBackground);
}

.monaco-editor .selected-text {
	background-color: var(--vscode-editor-inactiveSelectionBackground);
}

.monaco-editor			.top-left-radius		{ border-top-left-radius: 3px; }
.monaco-editor			.bottom-left-radius		{ border-bottom-left-radius: 3px; }
.monaco-editor			.top-right-radius		{ border-top-right-radius: 3px; }
.monaco-editor			.bottom-right-radius	{ border-bottom-right-radius: 3px; }

.monaco-editor.hc-black .top-left-radius		{ border-top-left-radius: 0; }
.monaco-editor.hc-black .bottom-left-radius		{ border-bottom-left-radius: 0; }
.monaco-editor.hc-black .top-right-radius		{ border-top-right-radius: 0; }
.monaco-editor.hc-black .bottom-right-radius	{ border-bottom-right-radius: 0; }

.monaco-editor.hc-light .top-left-radius		{ border-top-left-radius: 0; }
.monaco-editor.hc-light .bottom-left-radius		{ border-bottom-left-radius: 0; }
.monaco-editor.hc-light .top-right-radius		{ border-top-right-radius: 0; }
.monaco-editor.hc-light .bottom-right-radius	{ border-bottom-right-radius: 0; }

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .cursors-layer {
	position: absolute;
	top: 0;
}

.monaco-editor .cursors-layer > .cursor {
	position: absolute;
	overflow: hidden;
	box-sizing: border-box;
}

/* -- smooth-caret-animation -- */
.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
	transition: all 80ms;
}

/* -- block-outline-style -- */
.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
	background: transparent !important;
	border-style: solid;
	border-width: 1px;
}

/* -- underline-style -- */
.monaco-editor .cursors-layer.cursor-underline-style > .cursor {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	background: transparent !important;
}

/* -- underline-thin-style -- */
.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background: transparent !important;
}

@keyframes monaco-cursor-smooth {
	0%,
	20% {
		opacity: 1;
	}
	60%,
	100% {
		opacity: 0;
	}
}

@keyframes monaco-cursor-phase {
	0%,
	20% {
		opacity: 1;
	}
	90%,
	100% {
		opacity: 0;
	}
}

@keyframes monaco-cursor-expand {
	0%,
	20% {
		transform: scaleY(1);
	}
	80%,
	100% {
		transform: scaleY(0);
	}
}

.cursor-smooth {
	animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
}

.cursor-phase {
	animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
}

.cursor-expand > .cursor {
	animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .mwh {
	position: absolute;
	color: var(--vscode-editorWhitespace-foreground) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .monaco-decoration-css-rule-extractor {
	visibility: hidden;
	pointer-events: none;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inputarea {
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	outline: none !important;
	resize: none;
	border: none;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	z-index: -10;
}
/*.monaco-editor .inputarea {
	position: fixed !important;
	width: 800px !important;
	height: 500px !important;
	top: initial !important;
	left: initial !important;
	bottom: 0 !important;
	right: 0 !important;
	color: black !important;
	background: white !important;
	line-height: 15px !important;
	font-size: 14px !important;
	z-index: 10 !important;
}*/
.monaco-editor .inputarea.ime-input {
	z-index: 10;
	caret-color: var(--vscode-editorCursor-foreground);
	color: var(--vscode-editor-foreground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .native-edit-context {
	margin: 0;
	padding: 0;
	position: absolute;
	overflow-y: scroll;
	scrollbar-width: none;
	z-index: -10;
	white-space: pre-wrap;
}

.monaco-editor .ime-text-area {
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	outline: none !important;
	resize: none;
	border: none;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	z-index: -10;
}

.monaco-editor .edit-context-composition-none {
	background-color: transparent;
	border-bottom: none;
}

.monaco-editor :not(.hc-black, .hc-light) .edit-context-composition-secondary {
	border-bottom: 1px solid var(--vscode-editor-compositionBorder);
}

.monaco-editor :not(.hc-black, .hc-light) .edit-context-composition-primary {
	border-bottom: 2px solid var(--vscode-editor-compositionBorder);
}

.monaco-editor :is(.hc-black, .hc-light) .edit-context-composition-secondary {
	border: 1px solid var(--vscode-editor-compositionBorder);
}

.monaco-editor :is(.hc-black, .hc-light) .edit-context-composition-primary {
	border: 2px solid var(--vscode-editor-compositionBorder);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin-view-overlays .gpu-mark {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	display: inline-block;
	border-left: solid 2px var(--vscode-editorWarning-foreground);
	opacity: 0.2;
	transition: background-color 0.1s linear;
}

.monaco-editor .margin-view-overlays .gpu-mark:hover {
	background-color: var(--vscode-editorWarning-foreground)
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-diff-editor .diff-review {
	position: absolute;

}

.monaco-component.diff-review {
	user-select: none;
	-webkit-user-select: none;
	z-index: 99;


	.diff-review-line-number {
		text-align: right;
		display: inline-block;
		color: var(--vscode-editorLineNumber-foreground);
	}

	.diff-review-summary {
		padding-left: 10px;
	}

	.diff-review-shadow {
		position: absolute;
		box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;
	}

	.diff-review-row {
		white-space: pre;
	}

	.diff-review-table {
		display: table;
		min-width: 100%;
	}

	.diff-review-row {
		display: table-row;
		width: 100%;
	}

	.diff-review-spacer {
		display: inline-block;
		width: 10px;
		vertical-align: middle;
	}

	.diff-review-spacer > .codicon {
		font-size: 9px !important;
	}

	.diff-review-actions {
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 2px;
		z-index: 100;
	}

	.diff-review-actions .action-label {
		width: 16px;
		height: 16px;
		margin: 2px 0;
	}

	.revertButton {
		cursor: pointer;
	}

	.action-label {
		background: var(--vscode-editorActionList-background);
	}
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-hover {
	cursor: default;
	position: absolute;
	overflow: hidden;
	user-select: text;
	-webkit-user-select: text;
	box-sizing: border-box;
	line-height: 1.5em;
	white-space: var(--vscode-hover-whiteSpace, normal);
}

.monaco-hover.fade-in {
	animation: fadein 100ms linear;
}

.monaco-hover.hidden {
	display: none;
}

.monaco-hover a:hover:not(.disabled) {
	cursor: pointer;
}

.monaco-hover .hover-contents:not(.html-hover-contents) {
	padding: 4px 8px;
}

.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
	max-width: var(--vscode-hover-maxWidth, 500px);
	word-wrap: break-word;
}

.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
	min-width: 100%;
}

.monaco-hover p,
.monaco-hover .code,
.monaco-hover ul,
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
	margin: 8px 0;
}

.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
	line-height: 1.1;
}

.monaco-hover code {
	font-family: var(--monaco-monospace-font);
}

.monaco-hover hr {
	box-sizing: border-box;
	border-left: 0px;
	border-right: 0px;
	margin-top: 4px;
	margin-bottom: -4px;
	margin-left: -8px;
	margin-right: -8px;
	height: 1px;
}

.monaco-hover p:first-child,
.monaco-hover .code:first-child,
.monaco-hover ul:first-child {
	margin-top: 0;
}

.monaco-hover p:last-child,
.monaco-hover .code:last-child,
.monaco-hover ul:last-child {
	margin-bottom: 0;
}

/* MarkupContent Layout */
.monaco-hover ul {
	padding-left: 20px;
}
.monaco-hover ol {
	padding-left: 20px;
}

.monaco-hover li > p {
	margin-bottom: 0;
}

.monaco-hover li > ul {
	margin-top: 0;
}

.monaco-hover code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-hover .monaco-tokenized-source {
	white-space: var(--vscode-hover-sourceWhiteSpace, pre-wrap);
}

.monaco-hover .hover-row.status-bar {
	font-size: 12px;
	line-height: 22px;
}

.monaco-hover .hover-row.status-bar .info {
	font-style: italic;
	padding: 0px 8px;
}

.monaco-hover .hover-row.status-bar .actions {
	display: flex;
	padding: 0px 8px;
	width: 100%;
}

.monaco-hover .hover-row.status-bar .actions .action-container {
	margin-right: 16px;
	cursor: pointer;
	overflow: hidden;
	text-wrap: nowrap;
	text-overflow: ellipsis;
}

.monaco-hover .hover-row.status-bar .actions .action-container .action .icon {
	padding-right: 4px;
	vertical-align: middle;
}

.monaco-hover .hover-row.status-bar .actions .action-container a {
	color: var(--vscode-textLink-foreground);
	text-decoration: var(--text-link-decoration);
}

.monaco-hover .hover-row.status-bar .actions .action-container a .icon.codicon {
	color: var(--vscode-textLink-foreground);
}

.monaco-hover .markdown-hover .hover-contents .codicon {
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
}

.monaco-hover .hover-contents a.code-link:hover,
.monaco-hover .hover-contents a.code-link {
	color: inherit;
}

.monaco-hover .hover-contents a.code-link:before {
	content: '(';
}

.monaco-hover .hover-contents a.code-link:after {
	content: ')';
}

.monaco-hover .hover-contents a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-foreground);
}

.monaco-hover .hover-contents a.code-link > span:hover {
	color: var(--vscode-textLink-activeForeground);
}

/**
 * Add a slight margin to try vertically align codicons with any text
 * https://github.com/microsoft/vscode/issues/221359
 */
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span.codicon {
	margin-bottom: 2px;
}

.monaco-hover-content .action-container a {
	-webkit-user-select: none;
	user-select: none;
}

.monaco-hover-content .action-container.disabled {
	pointer-events: none;
	opacity: 0.4;
	cursor: default;
}

/* Prevent text selection in all button-like elements within hovers */
.monaco-hover .action-container,
.monaco-hover .action,
.monaco-hover button,
.monaco-hover .monaco-button,
.monaco-hover .monaco-text-button,
.monaco-hover [role="button"] {
	-webkit-user-select: none;
	user-select: none;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-dropdown {
	height: 100%;
	padding: 0;
}

.monaco-dropdown > .dropdown-label {
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-dropdown > .dropdown-label > .action-label.disabled {
	cursor: default;
}

.monaco-dropdown-with-primary {
	display: flex !important;
	flex-direction: row;
	border-radius: 5px;
}

.monaco-dropdown-with-primary > .action-container > .action-label {
	margin-right: 0;
}

.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 16px;
	margin-left: -3px;
}

.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-toolbar {
	height: 100%;
}

.monaco-toolbar .toolbar-toggle-more {
	display: inline-block;
	padding: 0;
}

.monaco-toolbar.responsive {
	.monaco-action-bar > .actions-container > .action-item {
		flex-shrink: 1;
		min-width: 20px;
	}
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar .action-item.menu-entry .action-label.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.monaco-action-bar .action-item.menu-entry.text-only .action-label {
	color: var(--vscode-descriptionForeground);
	overflow: hidden;
	border-radius: 2px;
}

.monaco-action-bar .action-item.menu-entry.text-only.use-comma:not(:last-of-type) .action-label::after {
	content: ', ';
}

.monaco-action-bar .action-item.menu-entry.text-only + .action-item:not(.text-only) > .monaco-dropdown .action-label {
	color: var(--vscode-descriptionForeground);
}

.monaco-dropdown-with-default {
	display: flex !important;
	flex-direction: row;
	border-radius: 5px;
}

.monaco-dropdown-with-default > .action-container > .action-label {
	margin-right: 0;
}

.monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.monaco-dropdown-with-default:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 16px;
	margin-left: -3px;
}

.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .diff-hidden-lines-widget {
	width: 100%;
}

.monaco-editor .diff-hidden-lines {
	height: 0px; /* The children each have a fixed height, the transform confuses the browser */
	transform: translate(0px, -10px);
	font-size: 13px;
	line-height: 14px;
}

.monaco-editor .diff-hidden-lines:not(.dragging) .top:hover,
.monaco-editor .diff-hidden-lines:not(.dragging) .bottom:hover,
.monaco-editor .diff-hidden-lines .top.dragging,
.monaco-editor .diff-hidden-lines .bottom.dragging {
	background-color: var(--vscode-focusBorder);
}

.monaco-editor .diff-hidden-lines .top,
.monaco-editor .diff-hidden-lines .bottom {
	transition: background-color 0.1s ease-out;
	height: 4px;
	background-color: transparent;
	background-clip: padding-box;
	border-bottom: 2px solid transparent;
	border-top: 4px solid transparent;
	/*cursor: n-resize;*/
}

.monaco-editor.draggingUnchangedRegion.canMoveTop:not(.canMoveBottom) *,
.monaco-editor .diff-hidden-lines .top.canMoveTop:not(.canMoveBottom),
.monaco-editor .diff-hidden-lines .bottom.canMoveTop:not(.canMoveBottom) {
	cursor: n-resize !important;
}

.monaco-editor.draggingUnchangedRegion:not(.canMoveTop).canMoveBottom *,
.monaco-editor .diff-hidden-lines .top:not(.canMoveTop).canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom:not(.canMoveTop).canMoveBottom {
	cursor: s-resize !important;
}

.monaco-editor.draggingUnchangedRegion.canMoveTop.canMoveBottom *,
.monaco-editor .diff-hidden-lines .top.canMoveTop.canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom.canMoveTop.canMoveBottom {
	cursor: ns-resize !important;
}

.monaco-editor .diff-hidden-lines .top {
	transform: translate(0px, 4px);
}

.monaco-editor .diff-hidden-lines .bottom {
	transform: translate(0px, -6px);
}

.monaco-editor .diff-unchanged-lines {
	background: var(--vscode-diffEditor-unchangedCodeBackground);
}

.monaco-editor .noModificationsOverlay {
	z-index: 1;
	background: var(--vscode-editor-background);

	display: flex;
	justify-content: center;
	align-items: center;
}


.monaco-editor .diff-hidden-lines .center {
	background: var(--vscode-diffEditor-unchangedRegionBackground);
	color: var(--vscode-diffEditor-unchangedRegionForeground);
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;

	height: 24px;
	box-shadow: inset 0 -5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow), inset 0 5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow);
}

.monaco-editor .diff-hidden-lines .center span.codicon {
	vertical-align: middle;
}

.monaco-editor .diff-hidden-lines .center a:hover .codicon {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .diff-hidden-lines div.breadcrumb-item {
	cursor: pointer;
}

.monaco-editor .diff-hidden-lines div.breadcrumb-item:hover {
	color: var(--vscode-editorLink-activeForeground);
}

.monaco-editor .movedOriginal {
	border: 2px solid var(--vscode-diffEditor-move-border);
}

.monaco-editor .movedModified {
	border: 2px solid var(--vscode-diffEditor-move-border);
}

.monaco-editor .movedOriginal.currentMove, .monaco-editor .movedModified.currentMove {
	border: 2px solid var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines path.currentMove {
	stroke: var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines path {
	pointer-events: visiblestroke;
}

.monaco-diff-editor .moved-blocks-lines .arrow {
	fill: var(--vscode-diffEditor-move-border);
}

.monaco-diff-editor .moved-blocks-lines .arrow.currentMove {
	fill: var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines .arrow-rectangle {
	fill: var(--vscode-editor-background);
}

.monaco-diff-editor .moved-blocks-lines {
	position: absolute;
	pointer-events: none;
}

.monaco-diff-editor .moved-blocks-lines path {
	fill: none;
	stroke: var(--vscode-diffEditor-move-border);
	stroke-width: 2;
}

.monaco-editor .char-delete.diff-range-empty {
	margin-left: -1px;
	border-left: solid var(--vscode-diffEditor-removedTextBackground) 3px;
}

.monaco-editor .char-insert.diff-range-empty {
	border-left: solid var(--vscode-diffEditor-insertedTextBackground) 3px;
}

.monaco-editor .fold-unchanged {
	cursor: pointer;
}

.monaco-diff-editor .diff-moved-code-block {
	display: flex;
	justify-content: flex-end;
	margin-top: -4px;
}

.monaco-diff-editor .diff-moved-code-block .action-bar .action-label.codicon {
	width: 12px;
	height: 12px;
	font-size: 12px;
}

/* ---------- DiffEditor ---------- */

.monaco-diff-editor .diffOverview {
	z-index: 9;
}

.monaco-diff-editor .diffOverview .diffViewport {
	z-index: 10;
}

/* colors not externalized: using transparancy on background */
.monaco-diff-editor.vs			.diffOverview { background: rgba(0, 0, 0, 0.03); }
.monaco-diff-editor.vs-dark		.diffOverview { background: rgba(255, 255, 255, 0.01); }

.monaco-scrollable-element.modified-in-monaco-diff-editor.vs		.scrollbar { background: rgba(0,0,0,0); }
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark	.scrollbar { background: rgba(0,0,0,0); }
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black	.scrollbar { background: none; }
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light	.scrollbar { background: none; }

.monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
	z-index: 10;
}
.modified-in-monaco-diff-editor				.slider.active { background: rgba(171, 171, 171, .4); }
.modified-in-monaco-diff-editor.hc-black	.slider.active { background: none; }
.modified-in-monaco-diff-editor.hc-light	.slider.active { background: none; }

/* ---------- Diff ---------- */

.monaco-editor .insert-sign,
.monaco-diff-editor .insert-sign,
.monaco-editor .delete-sign,
.monaco-diff-editor .delete-sign {
	font-size: 11px !important;
	opacity: 0.7 !important;
	display: flex !important;
	align-items: center;
}
.monaco-editor.hc-black .insert-sign,
.monaco-diff-editor.hc-black .insert-sign,
.monaco-editor.hc-black .delete-sign,
.monaco-diff-editor.hc-black .delete-sign,
.monaco-editor.hc-light .insert-sign,
.monaco-diff-editor.hc-light .insert-sign,
.monaco-editor.hc-light .delete-sign,
.monaco-diff-editor.hc-light .delete-sign {
	opacity: 1;
}

.monaco-editor .inline-deleted-margin-view-zone {
	text-align: right;
}
.monaco-editor .inline-added-margin-view-zone {
	text-align: right;
}

.monaco-editor .arrow-revert-change {
	z-index: 10;
	position: absolute;
}

.monaco-editor .arrow-revert-change:hover {
	cursor: pointer;
}

/* ---------- Inline Diff ---------- */

.monaco-editor .view-zones .view-lines .view-line span {
	display: inline-block;
}

.monaco-editor .margin-view-zones .lightbulb-glyph:hover {
	cursor: pointer;
}

.monaco-editor .char-insert, .monaco-diff-editor .char-insert {
	background-color: var(--vscode-diffEditor-insertedTextBackground);
}

.monaco-editor .line-insert, .monaco-diff-editor .line-insert {
	background-color: var(--vscode-diffEditor-insertedLineBackground, var(--vscode-diffEditor-insertedTextBackground));
}

.monaco-editor .line-insert,
.monaco-editor .char-insert {
	box-sizing: border-box;
	border: 1px solid var(--vscode-diffEditor-insertedTextBorder);
}
.monaco-editor.hc-black .line-insert, .monaco-editor.hc-light .line-insert,
.monaco-editor.hc-black .char-insert, .monaco-editor.hc-light .char-insert {
	border-style: dashed;
}

.monaco-editor .line-delete,
.monaco-editor .char-delete {
	box-sizing: border-box;
	border: 1px solid var(--vscode-diffEditor-removedTextBorder);
}
.monaco-editor.hc-black .line-delete, .monaco-editor.hc-light .line-delete,
.monaco-editor.hc-black .char-delete, .monaco-editor.hc-light .char-delete {
	border-style: dashed;
}

.monaco-editor .inline-added-margin-view-zone,
.monaco-editor .gutter-insert, .monaco-diff-editor .gutter-insert {
	background-color: var(--vscode-diffEditorGutter-insertedLineBackground, var(--vscode-diffEditor-insertedLineBackground), var(--vscode-diffEditor-insertedTextBackground));
}

.monaco-editor .char-delete, .monaco-diff-editor .char-delete, .monaco-editor .inline-deleted-text {
	background-color: var(--vscode-diffEditor-removedTextBackground);
}

.monaco-editor .inline-deleted-text {
	text-decoration: line-through;
}

.monaco-editor .line-delete, .monaco-diff-editor .line-delete {
	background-color: var(--vscode-diffEditor-removedLineBackground, var(--vscode-diffEditor-removedTextBackground));
}

.monaco-editor .inline-deleted-margin-view-zone,
.monaco-editor .gutter-delete, .monaco-diff-editor .gutter-delete {
	background-color: var(--vscode-diffEditorGutter-removedLineBackground, var(--vscode-diffEditor-removedLineBackground), var(--vscode-diffEditor-removedTextBackground));
}

.monaco-diff-editor.side-by-side .editor.modified {
	box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow);
	border-left: 1px solid var(--vscode-diffEditor-border);
}

.monaco-diff-editor.side-by-side .editor.original {
	box-shadow: 6px 0 5px -5px var(--vscode-scrollbar-shadow);
	border-right: 1px solid var(--vscode-diffEditor-border);
}

.monaco-diff-editor .diffViewport {
	background: var(--vscode-scrollbarSlider-background);
}

.monaco-diff-editor .diffViewport:hover {
	background: var(--vscode-scrollbarSlider-hoverBackground);
}

.monaco-diff-editor .diffViewport:active {
	background: var(--vscode-scrollbarSlider-activeBackground);
}

.monaco-editor .diagonal-fill {
	background-image: linear-gradient(
		-45deg,
		var(--vscode-diffEditor-diagonalFill) 12.5%,
		#0000 12.5%, #0000 50%,
		var(--vscode-diffEditor-diagonalFill) 50%, var(--vscode-diffEditor-diagonalFill) 62.5%,
		#0000 62.5%, #0000 100%
	);
	background-size: 8px 8px;
}

.monaco-diff-editor .gutter {
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	flex-grow: 0;

	& > div {
		position: absolute;
	}

	.gutterItem {
		opacity: 0;
		transition: opacity 0.7s;

		&.showAlways {
			opacity: 1;
			transition: none;
		}

		&.noTransition {
			transition: none;
		}
	}

	&:hover .gutterItem {
		opacity: 1;
		transition: opacity 0.1s ease-in-out;
	}

	.gutterItem {
		.background {
			position: absolute;
			height: 100%;
			left: 50%;
			width: 1px;

			border-left: 2px var(--vscode-menu-separatorBackground) solid;
		}

		.buttons {
			position: absolute;
			/*height: 100%;*/
			width: 100%;

			display: flex;
			justify-content: center;
			align-items: center;

			.monaco-toolbar {
				height: fit-content;
				.monaco-action-bar  {
					line-height: 1;

					.actions-container {
						width: fit-content;
						border-radius: 4px;
						background: var(--vscode-editorGutter-itemBackground);

						.action-item {
							&:hover {
								background: var(--vscode-toolbar-hoverBackground);
							}

							.action-label {
								color: var(--vscode-editorGutter-itemGlyphForeground);
								padding: 1px 2px;
							}
						}
					}
				}
			}
		}
	}
}


.monaco-diff-editor .diff-hidden-lines-compact {
	display: flex;
	height: 11px;
	.line-left, .line-right {
		height: 1px;
		border-top: 1px solid;
		border-color: var(--vscode-editorCodeLens-foreground);
		opacity: 0.5;
		margin: auto;
		width: 100%;
	}

	.line-left {
		width: 20px;
	}

	.text {
		color: var(--vscode-editorCodeLens-foreground);
		text-wrap: nowrap;
		font-size: 11px;
		line-height: 11px;
		margin: 0 4px;
	}
}

.monaco-editor .line-delete-selectable {
	user-select: text !important;
	-webkit-user-select: text !important;
	z-index: 1 !important;
}

.line-delete-selectable .view-line {
	user-select: text !important;
	-webkit-user-select: text !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-count-badge {
	padding: 3px 5px;
	border-radius: 11px;
	font-size: 11px;
	min-width: 18px;
	min-height: 18px;
	line-height: 11px;
	font-weight: normal;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}

.monaco-count-badge.long {
	padding: 2px 3px;
	border-radius: 2px;
	min-height: auto;
	line-height: normal;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-pane-view .split-view-view:first-of-type > .pane > .pane-header {
	border-top: none !important; /* less clutter: do not show any border for first views in a pane */
}

.monaco-pane-view .split-view-view:first-of-type > .pane {
	border-left: none !important; /* less clutter: do not show any border for first views in a pane */
}

.monaco-pane-view .pane > .pane-header {
	position: relative;
}

.monaco-pane-view .pane > .pane-header.not-collapsible .twisty-container {
	display: none;
}

.monaco-pane-view .pane > .pane-header.not-collapsible .title {
	margin-left: 8px;
}

.monaco-pane-view .pane > .pane-header > .actions.show-always,
.monaco-pane-view .pane.expanded > .pane-header > .actions.show-expanded {
	display: initial;
}

.monaco-pane-view .pane > .pane-header > .icon {
	display: none;
	width: 16px;
	height: 16px;
}

.monaco-pane-view .pane.pane.horizontal:not(.expanded) > .pane-header > .icon {
	display: inline;
	margin-top: 4px;
}

.monaco-pane-view .pane > .pane-header h3.title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 11px;
	min-width: 3ch;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}

.monaco-pane-view .pane > .pane-header .description {
	display: block;
	font-weight: normal;
	margin-left: 10px;
	opacity: 0.6;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: none;
	white-space: nowrap;
	flex-shrink: 100000;
}

.monaco-pane-view .pane > .pane-header .description .codicon {
	font-size: 9px;
	margin-left: 2px;
}

.monaco-pane-view .pane > .pane-header:not(.expanded) .description {
	display: none;
}

.monaco-pane-view .pane.horizontal:not(.expanded) > .pane-header h3.title,
.monaco-pane-view .pane.horizontal:not(.expanded) > .pane-header .description {
	display: none;
}

.monaco-pane-view .pane .monaco-progress-container {
	position: absolute;
	left: 0;
	top: -2px;
	z-index: 5;
}

.monaco-pane-view .pane:not(.merged-header) .monaco-progress-container {
	top: 20px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-pane-view {
	width: 100%;
	height: 100%;
}

.monaco-pane-view .pane {
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.monaco-pane-view .pane.horizontal:not(.expanded) {
	flex-direction: row;
}

.monaco-pane-view .pane > .pane-header {
	height: 22px;
	font-size: 11px;
	font-weight: bold;
	overflow: hidden;
	display: flex;
	cursor: pointer;
	align-items: center;
	box-sizing: border-box;
}

.monaco-pane-view .pane > .pane-header.not-collapsible {
	cursor: default;
}

.monaco-pane-view .pane > .pane-header > .title {
	text-transform: uppercase;
}

.monaco-pane-view .pane.horizontal:not(.expanded) > .pane-header {
	flex-direction: column;
	height: 100%;
	width: 22px;
}

.monaco-pane-view .pane > .pane-header > .codicon:first-of-type {
	margin: 0 2px;
}

.monaco-pane-view .pane.horizontal:not(.expanded) > .pane-header > .codicon:first-of-type {
	margin: 2px;
}

/* TODO: actions should be part of the pane, but they aren't yet */
.monaco-pane-view .pane > .pane-header > .actions {
	display: none;
	margin-left: auto;
	margin-right: 8px;
}

.monaco-pane-view .pane > .pane-header > .actions .action-item {
	margin-right: 4px;
}

.monaco-pane-view .pane > .pane-header > .actions .action-label {
	padding: 2px;
}

/* TODO: actions should be part of the pane, but they aren't yet */
.monaco-pane-view .pane:hover > .pane-header.expanded > .actions,
.monaco-pane-view .pane:focus-within > .pane-header.expanded > .actions,
.monaco-pane-view .pane > .pane-header.actions-always-visible.expanded > .actions,
.monaco-pane-view .pane > .pane-header.focused.expanded > .actions {
	display: initial;
}

.monaco-pane-view .pane > .pane-header .monaco-action-bar .action-item.select-container {
	cursor: default;
}

.monaco-pane-view .pane > .pane-header .action-item .monaco-select-box {
	cursor: pointer;
	min-width: 110px;
	min-height: 18px;
	padding: 2px 23px 2px 8px;
}

.linux .monaco-pane-view .pane > .pane-header .action-item .monaco-select-box,
.windows .monaco-pane-view .pane > .pane-header .action-item .monaco-select-box {
	padding: 0px 23px 0px 8px;
}

/* Bold font style does not go well with CJK fonts */
.monaco-pane-view:lang(zh-Hans) .pane > .pane-header,
.monaco-pane-view:lang(zh-Hant) .pane > .pane-header,
.monaco-pane-view:lang(ja) .pane > .pane-header,
.monaco-pane-view:lang(ko) .pane > .pane-header {
	font-weight: normal;
}

.monaco-pane-view .pane > .pane-header.hidden {
	display: none;
}

.monaco-pane-view .pane > .pane-body {
	overflow: hidden;
	flex: 1;
}

/* Animation */

.monaco-pane-view.animated .split-view-view {
	transition-duration: 0.15s;
	transition-timing-function: ease-out;
}

.monaco-reduce-motion .monaco-pane-view .split-view-view {
	transition-duration: 0s !important;
}

.monaco-pane-view.animated.vertical .split-view-view {
	transition-property: height;
}

.monaco-pane-view.animated.horizontal .split-view-view {
	transition-property: width;
}

#monaco-pane-drop-overlay {
	position: absolute;
	z-index: 10000;
	width: 100%;
	height: 100%;
	left: 0;
	box-sizing: border-box;
}

#monaco-pane-drop-overlay > .pane-overlay-indicator {
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 22px;
	min-width: 19px;

	pointer-events: none; /* very important to not take events away from the parent */
	transition: opacity 150ms ease-out;
}

#monaco-pane-drop-overlay > .pane-overlay-indicator.overlay-move-transition {
	transition: top 70ms ease-out, left 70ms ease-out, width 70ms ease-out, height 70ms ease-out, opacity 150ms ease-out;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-link {
	color: var(--vscode-textLink-foreground);
}

.monaco-link:hover {
	color: var(--vscode-textLink-activeForeground);
}


/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-progress-container {
	width: 100%;
	height: 2px;
	overflow: hidden; /* keep progress bit in bounds */
}

.monaco-progress-container .progress-bit {
	width: 2%;
	height: 2px;
	position: absolute;
	left: 0;
	display: none;
}

.monaco-progress-container.active .progress-bit {
	display: inherit;
}

.monaco-progress-container.discrete .progress-bit {
	left: 0;
	transition: width 100ms linear;
}

.monaco-progress-container.discrete.done .progress-bit {
	width: 100%;
}

.monaco-progress-container.infinite .progress-bit {
	animation-name: progress;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transform: translate3d(0px, 0px, 0px);
	animation-timing-function: linear;
}

.monaco-progress-container.infinite.infinite-long-running .progress-bit {
	/*
		The more smooth `linear` timing function can cause
		higher GPU consumption as indicated in
		https://github.com/microsoft/vscode/issues/97900 &
		https://github.com/microsoft/vscode/issues/138396
	*/
	animation-timing-function: steps(100);
}

/**
 * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of
 * that container. Since translateX is relative to the progress bit size, we have to multiple it with
 * its relative size to the parent container:
 * parent width: 5000%
 *    bit width: 100%
 * translateX should be as follow:
 *  50%: 5000% * 50% - 50% (set to center) = 2450%
 * 100%: 5000% * 100% - 100% (do not overflow) = 4900%
 */
@keyframes progress { from { transform: translateX(0%) scaleX(1) } 50% { transform: translateX(2500%) scaleX(3) } to { transform: translateX(4900%) scaleX(1) } }

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* ---------- Icon label ---------- */

.monaco-icon-label {
	display: flex; /* required for icons support :before rule */
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-icon-label::before {

	/* svg icons rendered as background image */
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	line-height: inherit !important;
	display: inline-block;

	/* fonts icons */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: top;

	flex-shrink: 0; /* fix for https://github.com/microsoft/vscode/issues/13787 */
}

.monaco-icon-label-iconpath {
	width: 16px;
	height: 22px;
	margin-right: 6px;
	display: flex;
}

.monaco-icon-label-container.disabled {
	color: var(--vscode-disabledForeground);
}
.monaco-icon-label > .monaco-icon-label-container {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
	color: inherit;
	white-space: pre; /* enable to show labels that include multiple whitespaces */
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
	margin: 0 2px;
	opacity: 0.5;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-suffix-container > .label-suffix {
	opacity: .7;
	white-space: pre;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	opacity: .7;
	margin-left: 0.5em;
	font-size: 0.9em;
	white-space: pre; /* enable to show labels that include multiple whitespaces */
}

.monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description{
	white-space: nowrap
}

.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	opacity: .95;
}

.monaco-icon-label.bold > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.bold > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	font-weight: bold;
}

.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	font-style: italic;
}

.monaco-icon-label.deprecated {
	text-decoration: line-through;
	opacity: 0.66;
}

.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	text-decoration: line-through;
}

.monaco-icon-label::after {
	opacity: 0.75;
	font-size: 90%;
	font-weight: 600;
	margin: auto 16px 0 5px; /* https://github.com/microsoft/vscode/issues/113223 */
	text-align: center;
}

/* make sure selection color wins when a label is being selected */
.monaco-list:focus .selected .monaco-icon-label, /* list */
.monaco-list:focus .selected .monaco-icon-label::after
{
	color: inherit !important;
}

.monaco-list-row.focused.selected .label-description,
.monaco-list-row.selected .label-description {
	opacity: .8;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.pane-header .open-editors-dirty-count-container {
	min-width: fit-content;
	display: flex;
	align-items: center;
}

.pane.horizontal:not(.expanded) .pane-header .open-editors-dirty-count-container > .dirty-count.monaco-count-badge,
.pane-header .open-editors-dirty-count-container > .dirty-count.monaco-count-badge.hidden {
	display: none;
}

.pane-header .open-editors-dirty-count-container > .dirty-count.monaco-count-badge {
	padding: 2px 4px;
	margin-left: 6px;
	min-height: auto;
}

.open-editors .monaco-list .monaco-list-row:hover > .monaco-action-bar,
.open-editors .monaco-list .monaco-list-row.focused > .monaco-action-bar,
.open-editors .monaco-list .monaco-list-row.dirty > .monaco-action-bar,
.open-editors .monaco-list .monaco-list-row.sticky > .monaco-action-bar {
	visibility: visible;
}

.open-editors .monaco-list .monaco-list-row > .monaco-action-bar .action-label {
	display: block;
	padding: 2px;
}

.open-editors .monaco-list .monaco-list-row > .monaco-action-bar .codicon {
	color: inherit;
}

.open-editors .monaco-list .monaco-list-row.dirty:not(:hover) > .monaco-action-bar .codicon-pinned::before {
	/* use `pinned-dirty` icon unicode for sticky-dirty indication */
	content: var(--vscode-icon-pinned-dirty-content);
	font-family: var(--vscode-icon-pinned-dirty-font-family);
}

.open-editors .monaco-list .monaco-list-row.dirty:not(:hover) > .monaco-action-bar .codicon-close::before {
	/* use `circle-filled` icon unicode for dirty indication */
	content: var(--vscode-icon-circle-filled-content);
	font-family: var(--vscode-icon-circle-filled-font-family);
}

.open-editors .monaco-list .monaco-list-row > .monaco-action-bar .action-close-all-files,
.open-editors .monaco-list .monaco-list-row > .monaco-action-bar .save-all {
	width: 23px;
	height: 22px;
}

.open-editors .monaco-list .monaco-list-row > .open-editor {
	flex: 1;
}

.open-editors .monaco-list .monaco-list-row > .editor-group {
	flex: 1;
}

.open-editors .monaco-list .monaco-list-row {
	padding-left: 8px;
	display: flex;
}

.open-editors .monaco-list .monaco-list-row > .monaco-action-bar {
	visibility: hidden;
	display: flex;
	align-items: center;
}

.open-editors .monaco-list .monaco-list-row .editor-group {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: default;
}

/* Bold font style does not go well with CJK fonts */
.composite:lang(zh-Hans) .open-editors .monaco-list .monaco-list-row .editor-group,
.composite:lang(zh-Hant) .open-editors .monaco-list .monaco-list-row .editor-group,
.composite:lang(ja) .open-editors .monaco-list .monaco-list-row .editor-group,
.composite:lang(ko) .open-editors .monaco-list .monaco-list-row .editor-group {
	font-weight: normal;
}

.open-editors .open-editor,
.open-editors .editor-group {
	height: 22px;
	line-height: 22px;
}

.open-editors .open-editor > a,
.open-editors .editor-group {
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-workbench.hc-black .open-editors .open-editor,
.monaco-workbench.hc-black .open-editors .editor-group,
.monaco-workbench.hc-light .open-editors .open-editor,
.monaco-workbench.hc-light .open-editors .editor-group {
	line-height: 20px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Container */

.monaco-workbench .part.editor > .content .editor-group-container {
	height: 100%;
}

.monaco-workbench .part.editor > .content .editor-group-container.empty  {
	opacity: 0.5; /* dimmed to indicate inactive state */
}

.monaco-workbench .part.editor > .content .editor-group-container.empty.active,
.monaco-workbench .part.editor > .content .editor-group-container.empty.dragged-over {
	opacity: 1; /* indicate active/dragged-over group through undimmed state */
}

.monaco-workbench .part.editor > .content:not(.empty) .editor-group-container.empty.active:focus {
	outline-offset: -2px;
	outline: 1px solid var(--vscode-editorGroup-focusedEmptyBorder);
}

.monaco-workbench .part.editor > .content.empty .editor-group-container.empty.active:focus {
	outline: none; /* never show outline for empty group if it is the last */
}

/* Watermark & shortcuts */

.monaco-workbench .part.editor > .content .editor-group-container > .editor-group-watermark  {
	display: flex;
	height: 100%;
	max-width: 272px;
	margin: auto;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.monaco-workbench .part.editor > .content .editor-group-container > .editor-group-watermark > .watermark-container {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 24px;
}

.monaco-workbench .part.editor > .content .editor-group-container:not(.empty) > .editor-group-watermark {
	display: none;
}

.monaco-workbench .part.editor > .content:not(.empty) .editor-group-container.empty > .editor-group-watermark,
.monaco-workbench .part.editor > .content.auxiliary .editor-group-container.empty > .editor-group-watermark {
	max-width: 200px;
	height: calc(100% - 70px);
}

.monaco-workbench .part.editor > .content .editor-group-container > .editor-group-watermark .letterpress {
	width: 100%;
	max-height: 100%;
	aspect-ratio: 1/1;
	background-image: url(/assets/letterpress-light.0831933f.svg);
	background-size: contain;
	background-position-x: center;
	background-repeat: no-repeat;
	max-width: 256px;
}

.monaco-workbench.vs-dark .part.editor > .content .editor-group-container .editor-group-watermark .letterpress {
	background-image: url(/assets/letterpress-dark.bea8f9db.svg);
}

.monaco-workbench.hc-light .part.editor > .content .editor-group-container .editor-group-watermark .letterpress {
	background-image: url(/assets/letterpress-hcLight.69cabd82.svg);
}

.monaco-workbench.hc-black .part.editor > .content .editor-group-container .editor-group-watermark .letterpress {
	background-image: url(/assets/letterpress-hcDark.2707c82a.svg);
}

.monaco-workbench .part.editor > .content .editor-group-container > .editor-group-watermark .shortcuts {
	width: 100%;
}

.monaco-workbench .part.editor > .content:not(.empty) .editor-group-container > .editor-group-watermark .shortcuts,
.monaco-workbench .part.editor > .content.auxiliary .editor-group-container > .editor-group-watermark .shortcuts,
.monaco-workbench .part.editor > .content .editor-group-container.max-height-478px > .editor-group-watermark .shortcuts {
	display: none;
}

.monaco-workbench .part.editor > .content .editor-group-container > .editor-group-watermark .shortcuts > .watermark-box {
	display: flex;
	flex-direction: column;
}

.monaco-workbench .part.editor > .content .editor-group-container > .editor-group-watermark .shortcuts dl {
	display: flex;
	justify-content: space-between;
	margin: 4px 0;
	cursor: default;
	color: var(--vscode-descriptionForeground);
}

.monaco-workbench .part.editor > .content .editor-group-container > .editor-group-watermark .shortcuts dl:first-of-type {
	margin-top: 0;
}

.monaco-workbench .part.editor > .content .editor-group-container > .editor-group-watermark .shortcuts dl:last-of-type {
	margin-bottom: 0;
}

.monaco-workbench .part.editor > .content .editor-group-container > .editor-group-watermark .shortcuts dt {
	letter-spacing: 0.04em;
}

.monaco-workbench .part.editor > .content .editor-group-container > .editor-group-watermark .shortcuts dd {
	text-align: left;
	margin-inline-start: 24px;
}

/* Title */

.monaco-workbench .part.editor > .content .editor-group-container > .title {
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title:not(.tabs) {
	display: flex; /* when tabs are not shown, use flex layout */
	flex-wrap: nowrap;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.title-border-bottom::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
	pointer-events: none;
	background-color: var(--title-border-bottom-color);
	width: 100%;
	height: 1px;
}

.monaco-workbench .part.editor > .content .editor-group-container.empty > .title {
	display: none;
}

/* Toolbar */

.monaco-workbench .part.editor > .content .editor-group-container > .editor-group-container-toolbar {
	display: none;
	height: 35px;
}

.monaco-workbench .part.editor > .content .editor-group-container.empty.locked > .editor-group-container-toolbar,
.monaco-workbench .part.editor > .content:not(.empty) .editor-group-container.empty > .editor-group-container-toolbar,
.monaco-workbench .part.editor > .content.auxiliary .editor-group-container.empty > .editor-group-container-toolbar {
	display: block; /* show toolbar when more than one editor group or always when auxiliary or locked */
}

.monaco-workbench .part.editor > .content .editor-group-container > .editor-group-container-toolbar .actions-container {
	justify-content: flex-end;
}

.monaco-workbench .part.editor > .content .editor-group-container > .editor-group-container-toolbar .action-item {
	margin-right: 4px;
}

/* Editor */

.monaco-workbench .part.editor > .content .editor-group-container.empty > .editor-container {
	display: none;
}

.monaco-workbench .part.editor > .content .editor-group-container > .editor-container > .editor-instance {
	height: 100%;
}

.monaco-workbench .part.editor > .content .grid-view-container {
	width: 100%;
	height: 100%;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-keybinding {
	display: flex;
	align-items: center;
	line-height: 10px;
}

.monaco-keybinding > .monaco-keybinding-key {
	display: inline-flex;
	align-items: center;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	justify-content: center;
	min-width: 12px;
	font-size: 11px;
	padding: 3px 5px;
	margin: 0 2px;
}

.monaco-keybinding > .monaco-keybinding-key:first-child {
	margin-left: 0;
}

.monaco-keybinding > .monaco-keybinding-key:last-child {
	margin-right: 0;
}

.monaco-keybinding > .monaco-keybinding-key-separator {
	display: inline-block;
}

.monaco-keybinding > .monaco-keybinding-key-chord-separator {
	width: 6px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Breadcrumbs (below multiple editor tabs) */

.monaco-workbench .part.editor > .content .editor-group-container > .title .breadcrumbs-below-tabs .breadcrumbs-control {
	flex: 1 100%;
	height: 22px;
	cursor: default;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .breadcrumbs-below-tabs .breadcrumbs-control .monaco-icon-label {
	height: 22px;
	line-height: 22px;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .breadcrumbs-below-tabs .breadcrumbs-control .monaco-icon-label::before {
	height: 22px; /* tweak the icon size of the editor labels when icons are enabled */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .breadcrumbs-below-tabs .breadcrumbs-control .outline-element-icon {
	padding-right: 3px;
	height: 22px; /* tweak the icon size of the editor labels when icons are enabled */
	line-height: 22px;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .breadcrumbs-below-tabs .breadcrumbs-control .monaco-breadcrumb-item {
	max-width: 80%;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .breadcrumbs-below-tabs .breadcrumbs-control .monaco-breadcrumb-item::before {
	width: 16px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .breadcrumbs-below-tabs .breadcrumbs-control .monaco-breadcrumb-item:last-child {
	padding-right: 8px;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .breadcrumbs-below-tabs .breadcrumbs-control .monaco-breadcrumb-item:last-child .codicon:last-child {
	display: none; /* hides chevrons when last item */
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-breadcrumbs {
	user-select: none;
	-webkit-user-select: none;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	outline-style: none;
}

.monaco-breadcrumbs .monaco-breadcrumb-item {
	display: flex;
	align-items: center;
	flex: 0 1 auto;
	white-space: nowrap;
	cursor: pointer;
	align-self: center;
	height: 100%;
	outline: none;
}
.monaco-breadcrumbs.disabled .monaco-breadcrumb-item {
	cursor: default;
}

.monaco-breadcrumbs .monaco-breadcrumb-item .codicon-breadcrumb-separator {
	color: inherit;
}

.monaco-breadcrumbs .monaco-breadcrumb-item:first-of-type::before {
	content: ' ';
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .part.editor > .content .editor-group-container .breadcrumbs-control.hidden {
	display: none;
}

.monaco-workbench .part.editor > .content .editor-group-container .breadcrumbs-control .monaco-breadcrumb-item.selected .monaco-icon-label,
.monaco-workbench .part.editor > .content .editor-group-container .breadcrumbs-control .monaco-breadcrumb-item.focused .monaco-icon-label {
	text-decoration-line: underline;
}

.monaco-workbench .part.editor > .content .editor-group-container .breadcrumbs-control .monaco-breadcrumb-item.selected .hint-more,
.monaco-workbench .part.editor > .content .editor-group-container .breadcrumbs-control .monaco-breadcrumb-item.focused .hint-more {
	text-decoration-line: underline;
}

.monaco-workbench .monaco-breadcrumb-item.shows-symbol-icon .codicon[class*='codicon-symbol-'] {
	padding-right: 6px;
}

/* breadcrumbs-picker-style */

.monaco-workbench .monaco-breadcrumbs-picker .arrow {
	position: absolute;
	width: 0;
	border-style: solid;
}

.monaco-workbench .monaco-breadcrumbs-picker .picker-item {
	line-height: 22px;
	flex: 1;
}

.monaco-workbench .monaco-breadcrumbs-picker .highlighting-tree {
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.monaco-workbench .monaco-breadcrumbs-picker .highlighting-tree > .input {
	padding: 5px 9px;
	position: relative;
	box-sizing: border-box;
	height: 36px;
}

.monaco-workbench .monaco-breadcrumbs-picker .highlighting-tree > .tree {
	height: calc(100% - 36px);
}

.monaco-workbench .monaco-breadcrumbs-picker .highlighting-tree.inactive > .input {
	display: none;
}

.monaco-workbench .monaco-breadcrumbs-picker .highlighting-tree.inactive > .tree {
	height: 100%;
}

.monaco-workbench .monaco-breadcrumbs-picker .highlighting-tree .monaco-highlighted-label .highlight {
	font-weight: bold;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	################################### z-index explainer ###################################

	Tabs have various levels of z-index depending on state, typically:
	- scrollbar should be above all
	- sticky (compact, shrink) tabs need to be above non-sticky tabs for scroll under effect
	including non-sticky tabs-top borders, otherwise these borders would not scroll under
	(https://github.com/microsoft/vscode/issues/111641)
	- bottom-border needs to be above tabs bottom border to win but also support sticky tabs
	(https://github.com/microsoft/vscode/issues/99084) <- this currently cannot be done and
	is still broken. putting sticky-tabs above tabs bottom border would not render this
	border at all for sticky tabs.

	On top of that there is 3 borders with a z-index for a general border below or above tabs
	- tabs bottom border
	- editor title bottom border (when breadcrumbs are disabled, this border will appear
	same as tabs bottom border)
	- editor group border

	Finally, we show a drop overlay that should always be on top of everything.

	The following tabls shows the current stacking order:

	[z-index] 	[kind]
			12  drag and drop overlay
			11 	scrollbar / tabs dnd border
			10	active-tab border-bottom
			9	tabs, title border bottom
			8	sticky-tab
			6  	active/dirty-tab border top
			5   editor group border / editor group header border
			0   tab

	##########################################################################################
*/

/* Tabs and Actions Container */

.monaco-workbench .part.editor > .content .editor-group-container > .title > .tabs-and-actions-container {
	display: flex;
	position: relative; /* position tabs border bottom or editor actions (when tabs wrap) relative to this container */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title > .tabs-and-actions-container.empty {
	display: none;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title > .tabs-and-actions-container.tabs-border-bottom::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
	pointer-events: none;
	background-color: var(--tabs-border-bottom-color);
	width: 100%;
	height: 1px;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title > .tabs-and-actions-container > .monaco-scrollable-element {
	flex: 1;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title > .tabs-and-actions-container > .monaco-scrollable-element .scrollbar {
	z-index: 11;
	cursor: default;
}

/* Tabs Container */

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container {
	display: flex;
	height: var(--editor-group-tab-height);
	scrollbar-width: none; /* Firefox: hide scrollbar */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container.scroll {
	overflow: scroll !important;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title > .tabs-and-actions-container.wrapping .tabs-container {

	/* Enable wrapping via flex layout and dynamic height */
	height: auto;
	flex-wrap: wrap;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container::-webkit-scrollbar {
	display: none; /* Chrome + Safari: hide scrollbar */
}

/* Tab */

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab {
	position: relative;
	display: flex;
	white-space: nowrap;
	cursor: pointer;
	height: var(--editor-group-tab-height);
	box-sizing: border-box;
	padding-left: 10px;
	outline-offset: -2px;
}

/* Tab Background Color in/active group/tab */
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab {
	background-color: var(--vscode-tab-unfocusedInactiveBackground);
}
.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab {
	background-color: var(--vscode-tab-inactiveBackground);
}
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active {
	background-color: var(--vscode-tab-unfocusedActiveBackground);
}
.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab.active {
	background-color: var(--vscode-tab-activeBackground);
}

/* Tab Foreground Color in/active group/tab */
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab {
	color: var(--vscode-tab-unfocusedInactiveForeground);
}
.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab {
	color: var(--vscode-tab-inactiveForeground);
}
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active {
	color: var(--vscode-tab-unfocusedActiveForeground);
}
.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab.active {
	color: var(--vscode-tab-activeForeground);
}

.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab.selected:not(.active) {
	background-color: var(--vscode-tab-selectedBackground);
	color: var(--vscode-tab-selectedForeground);
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab:not(.active) {
	box-shadow: none;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title > .tabs-and-actions-container.wrapping .tabs-container > .tab:last-child {
	margin-right: var(--last-tab-margin-right); /* when tabs wrap, we need a margin away from the absolute positioned editor actions */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title > .tabs-and-actions-container.wrapping .tabs-container > .tab.last-in-row:not(:last-child) {
	border-right: 0 !important; /* ensure no border for every last tab in a row except last row (#115046) */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink.has-icon.tab-actions-right,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink.has-icon.close-action-off:not(.sticky-compact),
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed.has-icon.tab-actions-right,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed.has-icon.close-action-off:not(.sticky-compact) {
	padding-left: 5px; /* reduce padding when we show icons and are in shrinking mode and tab actions is not left (unless sticky-compact) */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fit {
	width: 120px;
	min-width: fit-content;
	flex-shrink: 0;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed {
	min-width: var(--tab-sizing-current-width, var(--tab-sizing-fixed-min-width, 50px));
	max-width: var(--tab-sizing-current-width, var(--tab-sizing-fixed-max-width, 160px));
	flex: 1 0 0; /* all tabs are evenly sized and grow */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed.last-in-row {
	/* prevent last tab in a row from moving to next row when tab widths are
	 * fixed in case rounding errors make the fixed tabs grow over the size
	 * of the tabs container */
	min-width: calc(var(--tab-sizing-current-width, var(--tab-sizing-fixed-min-width, 50px)) - 1px);
}

.monaco-workbench .part.editor > .content .editor-group-container > .title > .tabs-and-actions-container.wrapping .tabs-container > .tab.sizing-fit.last-in-row:not(:last-child) {
	flex-grow: 1; /* grow the last tab in a row for a more homogeneous look except for last row (#113801) */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink {
	min-width: 80px;
	flex-basis: 0; /* all tabs are even */
	flex-grow: 1; /* all tabs grow even */
	max-width: fit-content;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fit.sticky-compact,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink.sticky-compact,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed.sticky-compact,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fit.sticky-shrink,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink.sticky-shrink,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed.sticky-shrink {

	/** Sticky compact/shrink/fixed tabs do not scroll in case of overflow and are always above unsticky tabs which scroll under */
	position: sticky;
	z-index: 8;

	/** Sticky compact/shrink/fixed tabs are even and never grow */
	flex-basis: 0;
	flex-grow: 0;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fit.sticky-compact,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink.sticky-compact,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed.sticky-compact {

	/** Sticky compact tabs have a fixed width of 38px */
	width: 38px;
	min-width: 38px;
	max-width: 38px;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fit.sticky-shrink,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink.sticky-shrink,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed.sticky-shrink {

	/** Sticky shrink tabs have a fixed width of 80px */
	width: 80px;
	min-width: 80px;
	max-width: 80px;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container.disable-sticky-tabs > .tab.sizing-fit.sticky-compact,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container.disable-sticky-tabs > .tab.sizing-shrink.sticky-compact,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container.disable-sticky-tabs > .tab.sizing-fixed.sticky-compact,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container.disable-sticky-tabs > .tab.sizing-fit.sticky-shrink,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container.disable-sticky-tabs > .tab.sizing-shrink.sticky-shrink,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container.disable-sticky-tabs > .tab.sizing-fixed.sticky-shrink {

	/**
	 * If sticky tabs are explicitly disabled, because width is too little, make sure
	 * to reset all styles associated with sticky tabs. This includes position, z-index
	 * and left property (which is set on the element itself, hence important is needed).
	 */
	position: relative;
	z-index: unset;
	left: unset !important;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .tab-fade-hider {
	display: none;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink.tab-actions-left .tab-fade-hider,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink.close-action-off .tab-fade-hider,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed.tab-actions-left .tab-fade-hider,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed.close-action-off .tab-fade-hider {
	display: flex;
	flex: 0;
	width: 5px; /* reserve space to hide tab fade when close button is left or off (fixes https://github.com/microsoft/vscode/issues/45728) */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink.tab-actions-left,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed.tab-actions-left {
	min-width: 80px; /* make more room for close button when it shows to the left */
	padding-right: 5px; /* we need less room when sizing is shrink/fixed */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.tab-actions-left:not(.sticky-compact) {
	flex-direction: row-reverse;
	padding-left: 0;
	padding-right: 10px;
}

/* Tab border top/bottom */

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab > .tab-border-top-container,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab > .tab-border-bottom-container {
	display: none; /* hidden by default until a color is provided (see below) */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active.tab-border-top > .tab-border-top-container,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.selected.tab-border-top > .tab-border-top-container,
.monaco-workbench .part.editor > .content .editor-group-container > .title:not(.two-tab-bars) .tabs-container > .tab.active.tab-border-bottom > .tab-border-bottom-container,
.monaco-workbench .part.editor > .content .editor-group-container > .title.two-tab-bars .tabs-and-actions-container:not(:first-child)  .tabs-container > .tab.active.tab-border-bottom > .tab-border-bottom-container,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.dirty-border-top > .tab-border-top-container {
	display: block;
	position: absolute;
	left: 0;
	pointer-events: none;
	width: 100%;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active.tab-border-top:not(:focus) > .tab-border-top-container,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.selected.tab-border-top:not(:focus) > .tab-border-top-container {
	z-index: 6;
	top: 0;
	height: 1px;
	background-color: var(--tab-border-top-color);
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active.tab-border-bottom > .tab-border-bottom-container {
	z-index: 10;
	bottom: 0;
	height: 1px;
	background-color: var(--tab-border-bottom-color);
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.dirty-border-top:not(:focus) > .tab-border-top-container {
	z-index: 6;
	top: 0;
	height: 2px;
	background-color: var(--tab-dirty-border-top-color);
}

/* Tab Label */

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .tab-label {
	margin-top: auto;
	margin-bottom: auto;
	line-height: var(--editor-group-tab-height); /* aligns icon and label vertically centered in the tab */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink .tab-label,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed .tab-label {
	position: relative;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container >  .tab.sizing-shrink > .tab-label > .monaco-icon-label-container::after,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container >  .tab.sizing-fixed > .tab-label > .monaco-icon-label-container::after {
	content: ''; /* enables a linear gradient to overlay the end of the label when tabs overflow */
	position: absolute;
	right: 0;
	width: 5px;
	opacity: 1;
	padding: 0;
	/* the rules below ensure that the gradient does not impact top/bottom borders (https://github.com/microsoft/vscode/issues/115129) */
	top: 1px;
	bottom: 1px;
	height: calc(100% - 2px);
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container >  .tab.sizing-shrink:focus > .tab-label > .monaco-icon-label-container::after,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container >  .tab.sizing-fixed:focus > .tab-label > .monaco-icon-label-container::after {
	opacity: 0; /* when tab has the focus this shade breaks the tab border (fixes https://github.com/microsoft/vscode/issues/57819) */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container >  .tab.sizing-shrink > .tab-label.tab-label-has-badge::after,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container >  .tab.sizing-fixed > .tab-label.tab-label-has-badge::after {
	margin-right: 5px; /* with tab sizing shrink/fixed and badges, we want a right-margin because the close button is hidden. Use margin instead of padding to support animating the badge (https://github.com/microsoft/vscode/issues/242661) */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink:not(.tab-actions-left):not(.close-action-off) .tab-label {
	padding-right: 5px; /* ensure that the gradient does not show when tab actions show https://github.com/microsoft/vscode/issues/189625*/
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sticky-compact:not(.has-icon) .monaco-icon-label {
	text-align: center; /* ensure that sticky-compact tabs without icon have label centered */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fit .monaco-icon-label,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fit .monaco-icon-label > .monaco-icon-label-container {
	overflow-x: visible; /* fixes https://github.com/microsoft/vscode/issues/20182 by ensuring the horizontal overflow is visible */

	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* Internet Explorer 10+ */
	&::-webkit-scrollbar {
		display: none; /* Chrome, Safari, and Opera */
	}
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink > .monaco-icon-label > .monaco-icon-label-container,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed > .monaco-icon-label > .monaco-icon-label-container {
	text-overflow: clip;
	flex: none;
}

.monaco-workbench.hc-black .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink > .monaco-icon-label > .monaco-icon-label-container,
.monaco-workbench.hc-light .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink > .monaco-icon-label > .monaco-icon-label-container,
.monaco-workbench.hc-black .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed > .monaco-icon-label > .monaco-icon-label-container,
.monaco-workbench.hc-light .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed > .monaco-icon-label > .monaco-icon-label-container {
	text-overflow: ellipsis;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab > .monaco-icon-label.italic > .monaco-icon-label-container {
	/**
	 * Browser rendering engines seem to have trouble to render italic labels
	 * fully without clipping in case the parent container has `overflow: hidden`
	 * and/or `flex: none`. We added those styles to fix other issues so a pragmatic
	 * solution is to give the label container a bit more room to fully render.
	 *
	 * Refs: https://github.com/microsoft/vscode/issues/207409
	 */
	padding-right: 1px;
}

/* Tab Actions */

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab > .tab-actions {
	margin-top: auto;
	margin-bottom: auto;
	width: 28px;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab > .tab-actions > .monaco-action-bar {
	width: 28px;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.tab-actions-right.sizing-shrink > .tab-actions,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.tab-actions-right.sizing-fixed > .tab-actions {
	flex: 0;
	overflow: hidden; /* let the tab actions be pushed out of view when sizing is set to shrink/fixed to make more room */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.dirty.tab-actions-right.sizing-shrink > .tab-actions,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sticky.tab-actions-right.sizing-shrink > .tab-actions,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.tab-actions-right.sizing-shrink:hover > .tab-actions,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.tab-actions-right.sizing-shrink > .tab-actions:focus-within,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.dirty.tab-actions-right.sizing-fixed > .tab-actions,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sticky.tab-actions-right.sizing-fixed > .tab-actions,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.tab-actions-right.sizing-fixed:hover > .tab-actions,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.tab-actions-right.sizing-fixed > .tab-actions:focus-within {
	overflow: visible; /* ...but still show the tab actions on hover, focus and when dirty or sticky */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.close-action-off:not(.dirty) > .tab-actions,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sticky-compact > .tab-actions {
	display: none; /* hide the tab actions when we are configured to hide it (unless dirty, but always when sticky-compact) */
}

.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab.active > .tab-actions .action-label,		/* always show tab actions for active tab */
.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab > .tab-actions .action-label:focus,		/* always show tab actions on focus */
.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab:hover > .tab-actions .action-label,		/* always show tab actions on hover */
.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab.active:hover > .tab-actions .action-label,	/* always show tab actions on hover */
.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab.sticky:not(.pinned-action-off) > .tab-actions .action-label,		/* always show tab actions for sticky tabs */
.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab.dirty > .tab-actions .action-label {		/* always show tab actions for dirty tabs */
	opacity: 1;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab > .tab-actions .actions-container {
	justify-content: center;
}

.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab > .tab-actions .action-label.codicon {
	color: inherit;
	font-size: 16px;
	padding: 2px;
	width: 16px;
	height: 16px;
}

.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab.sticky.dirty > .tab-actions .action-label:not(:hover)::before,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sticky.dirty > .tab-actions .action-label:not(:hover)::before {
	/* use `pinned-dirty` icon unicode for sticky-dirty indication */
	content: var(--vscode-icon-pinned-dirty-content);
	font-family: var(--vscode-icon-pinned-dirty-font-family);
}

.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab.dirty > .tab-actions .action-label:not(:hover)::before,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.dirty > .tab-actions .action-label:not(:hover)::before {
	/* use `circle-filled` icon unicode for dirty indication */
	content: var(--vscode-icon-circle-filled-content);
	font-family: var(--vscode-icon-circle-filled-font-family);
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active > .tab-actions .action-label,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active:hover > .tab-actions .action-label,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.dirty > .tab-actions .action-label,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sticky:not(.pinned-action-off) > .tab-actions .action-label,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab:hover > .tab-actions .action-label {
	opacity: 0.5; /* show tab actions dimmed for inactive group */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab > .tab-actions .action-label {
	opacity: 0;
}

/* Tab Actions: Off */

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.close-action-off {
	padding-right: 10px; /* give a little bit more room if tab actions is off */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-shrink.close-action-off:not(.sticky-compact),
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fixed.close-action-off:not(.sticky-compact) {
	padding-right: 5px; /* we need less room when sizing is shrink/fixed (unless tab is sticky-compact) */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.close-action-off.dirty-border-top > .tab-actions {
	display: none; /* hide dirty state when highlightModifiedTabs is enabled and when running without tab actions */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.close-action-off.dirty:not(.dirty-border-top):not(.sticky-compact) {
	padding-right: 0; /* remove extra padding when we are running without tab actions (unless tab is sticky-compact) */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.close-action-off > .tab-actions {
	pointer-events: none; /* don't allow tab actions to be clicked when running without tab actions */
}

/* Editor Actions Toolbar */

.monaco-workbench .part.editor > .content .editor-group-container > .title .editor-actions {
	cursor: default;
	flex: initial;
	padding: 0 8px 0 4px;
	height: var(--editor-group-tab-height);
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .editor-actions.hidden {
	display: none;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .editor-actions .action-item {
	margin-right: 4px;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title > .tabs-and-actions-container.wrapping .editor-actions {

	/* When tabs are wrapped, position the editor actions at the end of the very last row */
	position: absolute;
	bottom: 0;
	right: 0;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.two-tab-bars > .tabs-and-actions-container:first-child .editor-actions {

	/* When multiple tab bars are visible, only show editor actions for the last tab bar */
	display: none;
}

/* Drag and drop target */

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.drop-target-left::after,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.drop-target-right::before {
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	width: 1px;
	background-color: var(--vscode-tab-dragAndDropBorder);
	pointer-events: none;
	z-index: 11;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.drop-target-right::before {
	left: 0;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.drop-target-left::after {
	right: -1px; /* -1 to connect with drop-target-right */
}

/* Make drop target edge cases more visible (wrapped tabs & first/last) */

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.last-in-row.drop-target-left:not(:last-child)::after {
	right: 0px;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.last-in-row.drop-target-left::after,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.last-in-row + .tab.drop-target-right::before,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab:last-child.drop-target-left::after,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab:first-child.drop-target-right::before {
	width: 2px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Editor Label */

.monaco-workbench .part.editor > .content .editor-group-container > .title {
	cursor: pointer;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .title-label,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .tab-label {
	white-space: nowrap !important;
	flex: 1;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .title-label .label-name,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .tab-label .label-name {
	white-space: nowrap;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .title-label a,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .tab-label a {
	font-size: 13px;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .monaco-icon-label::before,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .monaco-icon-label::before,
.monaco-workbench .part.editor > .content .editor-group-container > .title .title-label a,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .tab-label a,
.monaco-workbench .part.editor > .content .editor-group-container > .title .title-label h2,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .tab-label span {
	cursor: pointer;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .monaco-icon-label {
	&::before,
	& > .monaco-icon-label-iconpath {
		height: var(--editor-group-tab-height); /* tweak the icon size of the editor labels when icons are enabled */
	}
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .monaco-icon-label::after,
.monaco-workbench .part.editor > .content .editor-group-container > .title.tabs .monaco-icon-label::after {
	margin-right: 0; /* by default the icon label has a padding right and this isn't wanted when not showing tabs and not showing breadcrumbs */
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Title Label */

.monaco-workbench .part.editor > .content .editor-group-container > .title > .label-container {
	height: var(--editor-group-tab-height);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
	flex: auto;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title > .label-container > .title-label {
	line-height: var(--editor-group-tab-height);
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	padding-left: 20px;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title > .label-container > .title-label > .monaco-icon-label-container {
	flex: initial; /* helps to show decorations right next to the label and not at the end while still preserving text overflow ellipsis */
}

/* Breadcrumbs (inline next to single editor tab) */

.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .single-tab.title-label {
	flex: none;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control {
	line-height: var(--editor-group-tab-height);
	flex: 1 50%;
	overflow: hidden;
	margin-left: .45em;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control.preview .monaco-breadcrumb-item {
	font-style: italic;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control .monaco-breadcrumb-item::before {
	content: '/';
	opacity: 1;
	height: inherit;
	width: inherit;
	background-image: none;
	font-size: 0.9em;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control.backslash-path .monaco-breadcrumb-item::before {
	content: '\\';
	font-size: 0.9em;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control .monaco-breadcrumb-item .outline-element-icon::before {
	font-size: 0.9em;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control .monaco-breadcrumb-item.root_folder::before,
.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control .monaco-breadcrumb-item.root_folder + .monaco-breadcrumb-item::before,
.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control.relative-path .monaco-breadcrumb-item:nth-child(2)::before,
.monaco-workbench.windows .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control .monaco-breadcrumb-item:nth-child(2)::before {
	display: none; /* workspace folder, item following workspace folder, or relative path -> hide first seperator */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control .monaco-breadcrumb-item.root_folder::after {
	content: '\00a0•\00a0'; /* use dot separator for workspace folder */
	font-size: 0.9em;
	padding: 0;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control .monaco-breadcrumb-item:last-child {
	padding-right: 4px; /* does not have trailing separator*/
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control .monaco-breadcrumb-item .codicon[class*='codicon-symbol-'] {
	padding: 0 1px;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control .monaco-breadcrumb-item .codicon:last-child {
	display: none; /* hides chevrons when no tabs visible */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control .monaco-icon-label::before {
	height: 18px;
	padding-right: 2px;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .breadcrumbs-control .monaco-icon-label .label-name {
	font-size: 0.9em;
}

/* Editor Actions Toolbar (via title actions) */

.monaco-workbench .part.editor > .content .editor-group-container > .title > .title-actions {
	display: flex;
	flex: initial;
	opacity: 0.5;
	padding-right: 8px;
	height: var(--editor-group-tab-height);
}

.monaco-workbench .part.editor > .content .editor-group-container > .title > .title-actions.hidden {
	display: none;
}


.monaco-workbench .part.editor > .content .editor-group-container > .title > .title-actions .action-item {
	margin-right: 4px;
}

.monaco-workbench .part.editor > .content .editor-group-container.active > .title > .title-actions {
	opacity: 1;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .snippet-placeholder {
	min-width: 2px;
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetTabstopHighlightBorder, transparent);
}

.monaco-editor .finish-snippet-placeholder {
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent);
}

@keyframes _1jlf6754 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _1jlf6755 {
  from {
    opacity: 0;
    transform: translateY(-2%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _1jlf6756 {
  to {
    opacity: 0;
    transform: translateY(-2%) scale(0.96);
  }
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _1jlf6757 {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes _1jlf6758 {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes _1jlf6759 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes _1jlf675a {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
._1jlf675e {
  position: fixed;
  inset: 0;
  background-color: var(--background-modal);
  z-index: 1000;
  animation: _1jlf6754 150ms forwards;
}
._1jlf675e.anim-none {
  animation: none;
}
._1jlf675e.mobile {
  background-color: var(--background-modal);
}
._1jlf675f {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
._1jlf675f[data-mobile] {
  align-items: flex-end;
  padding-bottom: env(safe-area-inset-bottom, 20px);
}
._1jlf675f[data-full-screen="true"] {
  padding: 0 !important;
}
._1jlf675f.anim-none {
  animation: none;
}
._1jlf675f.anim-fadeScaleTop {
  animation: _1jlf6755 150ms cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
[data-_1jlf6753] ._1jlf675f.anim-fadeScaleTop.vt-active {
  view-transition-name: _1jlf675b;
}
._1jlf675f.anim-slideBottom {
  animation: _1jlf6757 0.23s ease;
  animation-fill-mode: forwards;
}
[data-_1jlf6753] ._1jlf675f.anim-slideBottom.vt-active {
  view-transition-name: _1jlf675c;
}
._1jlf675f.anim-slideRight {
  animation: _1jlf6759 0.23s ease;
  animation-fill-mode: forwards;
}
[data-_1jlf6753] ._1jlf675f.anim-slideRight.vt-active {
  view-transition-name: _1jlf675d;
}
::view-transition-old(_1jlf675b) {
  animation: _1jlf6756 150ms cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
::view-transition-old(_1jlf675c) {
  animation: _1jlf6758 0.23s ease;
  animation-fill-mode: forwards;
}
::view-transition-old(_1jlf675d) {
  animation: _1jlf675a 0.23s ease;
  animation-fill-mode: forwards;
}
._1jlf675g {
  --_1jlf6750: ;
  --_1jlf6751: ;
  --_1jlf6752: ;
  width: var(--_1jlf6750);
  height: var(--_1jlf6751);
  min-height: var(--_1jlf6752);
  max-height: calc(100dvh - 32px);
  max-width: calc(100dvw - 20px);
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  padding: 16px 20px;
  position: relative;
  background-color: var(--background-overlay);
  box-shadow: var(--shadow-popover);
  border: 1px solid var(--border-default);
  border-radius: 12px;
  outline: none;
}
[data-full-screen="true"] ._1jlf675g {
  --_1jlf6750: 100dvw;
  --_1jlf6751: 100dvh;
  --_1jlf6752: 100dvh;
  max-width: 100dvw;
  max-height: 100dvh;
  border-radius: 0;
}
._1jlf675h {
  top: 16px;
  right: 16px;
  z-index: 1000;
}
._1jlf675h._1jlf675h {
  position: absolute;
}
._1jlf675i {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.45;
  margin-bottom: 12px;
}
._1jlf675j {
  word-break: break-word;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
[data-modal="false"]._1jlf675f {
  pointer-events: none;
}
[data-modal="false"] ._1jlf675g {
  pointer-events: auto;
}
._1flz3ga2[data-top] {
  padding-top: calc(var(--_1flz3ga0) + 12px);
}
._1flz3ga2[data-bottom] {
  padding-bottom: calc(var(--_1flz3ga1, 0px) + 0px);
}
._1flz3ga2[data-standalone][data-top] {
  padding-top: calc(env(safe-area-inset-top, 12px) + var(--_1flz3ga0));
}
._1flz3ga2[data-standalone][data-bottom] {
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + var(--_1flz3ga1, 0px));
}
@keyframes _1qi8nb51 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._1qi8nb52 {
  transform: rotate(-90deg);
}
._1qi8nb53 {
  --_1qi8nb50: 1.5s;
  animation: _1qi8nb51 var(--_1qi8nb50) infinite linear;
}
._1v4c43we {
  --_1v4c43w3: 4px;
  --_1v4c43w1: unset;
  --_1v4c43w0: unset;
  --_1v4c43wd: 1px;
  flex-shrink: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  outline: 0;
  border-radius: 8px;
  transition: all .3s;
  -webkit-app-region: no-drag;
  background-color: var(--_1v4c43w9);
  color: var(--_1v4c43wa);
  box-shadow: var(--_1v4c43w8);
  border-width: var(--_1v4c43wd);
  border-style: solid;
  border-color: var(--_1v4c43wc);
  width: var(--_1v4c43w1);
  height: var(--_1v4c43w0);
  gap: var(--_1v4c43w3);
  padding: var(--_1v4c43w4);
  font-size: var(--_1v4c43w5);
  font-weight: var(--_1v4c43w6);
  line-height: var(--_1v4c43w7);
}
._1v4c43we:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition: inherit;
  border-radius: inherit;
  opacity: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--background-hoverOverlay);
  border-color: transparent;
  pointer-events: none;
  border-width: inherit;
  border-style: inherit;
}
._1v4c43we[data-no-hover]:before, ._1v4c43we[data-disabled]:before {
  display: none;
}
._1v4c43we:hover:before {
  opacity: 1;
}
._1v4c43we[data-block] {
  display: flex;
}
._1v4c43we[data-size="default"] {
  --_1v4c43w0: 28px;
  --_1v4c43w4: 4px 12px;
  --_1v4c43w2: 16px;
  --_1v4c43w5: 12;
  --_1v4c43w6: 500;
  --_1v4c43w7: 20px;
}
._1v4c43we[data-size="lg"] {
  --_1v4c43w0: 32px;
  --_1v4c43w4: 4px 12px;
  --_1v4c43w2: 20px;
  --_1v4c43w5: 15px;
  --_1v4c43w6: 500;
  --_1v4c43w7: 24px;
}
._1v4c43we[data-size="xl"] {
  --_1v4c43w0: 40px;
  --_1v4c43w4: 8px 18px;
  --_1v4c43w2: 24px;
  --_1v4c43w5: 15;
  --_1v4c43w6: 600;
  --_1v4c43w7: 24px;
}
._1v4c43we[data-variant="primary"] {
  --_1v4c43w9: var(--interactive-primary);
  --_1v4c43wa: var(--text-inverse);
  --_1v4c43wb: var(--text-inverse);
  --_1v4c43wc: var(--border-subtle);
}
._1v4c43we[data-variant="secondary"] {
  --_1v4c43w9: var(--interactive-secondary);
  --_1v4c43wa: var(--text-primary);
  --_1v4c43wb: var(--icon-primary);
  --_1v4c43wc: var(--border-subtle);
}
._1v4c43we[data-variant="plain"] {
  --_1v4c43w9: transparent;
  --_1v4c43wa: var(--text-primary);
  --_1v4c43wb: var(--icon-primary);
  --_1v4c43wc: transparent;
  --_1v4c43wd: 0px;
}
._1v4c43we[data-variant="error"] {
  --_1v4c43w9: var(--interactive-error);
  --_1v4c43wa: var(--text-inverse);
  --_1v4c43wb: var(--text-inverse);
  --_1v4c43wc: var(--border-subtle);
}
._1v4c43we[data-variant="success"] {
  --_1v4c43w9: var(--interactive-success);
  --_1v4c43wa: var(--text-inverse);
  --_1v4c43wb: var(--text-inverse);
  --_1v4c43wc: var(--border-subtle);
}
._1v4c43we[data-disabled] {
  opacity: 0.5;
}
._1v4c43we:not([data-disabled]) {
  cursor: pointer;
}
._1v4c43we:focus-visible::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  box-shadow: 0 0 0 1px var(--border-focus);
}
._1v4c43we[data-mobile=true]:focus-visible::after {
  content: none;
  display: none;
}
._1v4c43wf {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
._1v4c43wg {
  flex-shrink: 0;
  width: var(--_1v4c43w2);
  height: var(--_1v4c43w2);
  font-size: var(--_1v4c43w2);
  color: var(--_1v4c43wb);
  display: flex;
  align-items: center;
}
._1v4c43wg > svg {
  width: 100%;
  height: 100%;
  display: block;
}
._1v4c43wh {
  --_1v4c43w4: 2px;
  --shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
[data-theme="dark"] ._1v4c43wh {
  --shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.66), 0px 1px 5px 0px rgba(0, 0, 0, 0.72);
}
._1v4c43wh[data-icon-variant="plain"] {
  --_1v4c43w9: transparent;
  --_1v4c43wb: var(--icon-primary);
  --_1v4c43wc: transparent;
  --_1v4c43wd: 0px;
}
._1v4c43wh[data-icon-variant="danger"] {
  --_1v4c43w9: transparent;
  --_1v4c43wb: var(--icon-primary);
  --_1v4c43wc: transparent;
  --_1v4c43wd: 0px;
}
._1v4c43wh[data-icon-variant="danger"]:hover {
  --_1v4c43w9: var(--background-error);
  --_1v4c43wb: var(--status-error);
}
._1v4c43wh[data-icon-variant="danger"]:hover:before {
  opacity: 0;
}
._1v4c43wh[data-icon-variant="solid"] {
  --_1v4c43w9: var(--background-primary);
  --_1v4c43wb: var(--icon-primary);
  --_1v4c43wc: transparent;
  --_1v4c43w8: var(--shadow);
}
._1v4c43wh[data-icon-size="24"] {
  --_1v4c43w4: 4px;
}
@keyframes _1q4ifie0 {
  from {
    opacity: 0;
    transform: scale(0.85);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._1q4ifie1 {
  background-color: var(--surface-tooltip);
  color: var(--surface-tooltipText);
  padding: 5px 12px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
  max-width: 280px;
  word-break: break-word;
  transform-origin: var(--radix-tooltip-content-transform-origin);
  animation: _1q4ifie0 0.2s cubic-bezier(0.2, 1, 0.3, 1);
}
._1q4ifie2 {
  display: flex;
  gap: 10px;
}
._1q4ifie3 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
._1q4ifie4 {
  display: flex;
  align-items: center;
  gap: 2px;
}
._1q4ifie5 {
  background: var(--background-modal);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  height: 16px;
  min-width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  border-radius: 4px;
}
._1q4ifie5[data-length="1"] {
  width: 16px;
}
.h4nocg0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  padding-right: 0;
  color: var(--text-primary);
  font-weight: 600;
  background: var(--background-primary);
  border: 1px solid var(--border-default);
  border-radius: 8px;
  font-size: 14px;
  height: 32px;
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
}
.h4nocg0:hover {
  background: var(--background-hoverFilled);
}
.h4nocg0[data-size=default] {
  height: 32px;
}
.h4nocg0[data-size=sm] {
  height: 28px;
}
.h4nocg1 {
  width: 0.5px;
  height: 16px;
  background: var(--divider-default);
  margin: 0 4px;
  margin-right: 0;
}
.h4nocg2 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 4px;
  padding-right: 10px;
}
.h4nocg3 {
  border-radius: 4px;
}
.h4nocg2:hover .h4nocg3 {
  background: var(--background-hoverOverlay);
}
.h4nocg4 {
  flex-grow: 1;
  flex: 1;
}
.h4nocg4:not(:last-of-type) {
  margin-right: 4px;
}
.h4nocg5 {
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 4px 8px;
  border-radius: 8px;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
  white-space: nowrap;
  user-select: none;
  font-weight: 600;
}
.h4nocg5:hover {
  background: var(--background-hoverOverlay);
}
.h4nocg5[data-state="checked"] {
  background: var(--background-primary);
}
.h4nocg6 {
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 4px 8px;
  border-radius: 8px;
  white-space: nowrap;
  user-select: none;
  font-weight: 600;
  color: var(--text-secondary);
  filter: none;
}
.h4nocg6:hover {
  background: var(--background-hoverOverlay);
}
[data-state="checked"] > .h4nocg6 {
  display: none;
}
.h4nocg7 {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  background: var(--background-hoverFilled);
  border-radius: 10px;
  padding: 2px;
  -webkit-app-region: no-drag;
}
._19odvlz4 {
  flex: 1;
  position: relative;
  border-radius: calc(var(--_19odvlz1) - var(--_19odvlz0));
  height: var(--_19odvlz3);
  padding: 4px 8px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-tertiary);
  white-space: nowrap;
  user-select: none;
  font-weight: 600;
}
._19odvlz4[data-state="checked"] {
  color: var(--text-primary);
}
._19odvlz4[data-state="unchecked"]:hover:not([disabled]) {
  background: var(--background-hoverOverlay);
}
[data-icon-mode=true] ._19odvlz4 {
  color: var(--icon-tertiary);
}
[data-icon-mode=true] ._19odvlz4[data-state="checked"] {
  color: var(--icon-primary);
}
._19odvlz5 {
  z-index: 1;
  display: block;
}
._19odvlz5 > svg {
  display: block;
}
._19odvlz6 {
  display: inline-flex;
  align-items: center;
  background: var(--background-secondary);
  border-radius: var(--_19odvlz1);
  padding: var(--_19odvlz0);
  gap: var(--_19odvlz2);
  -webkit-app-region: no-drag;
}
._19odvlz7 {
  position: absolute;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--background-primary);
  box-shadow: var(--shadow-button);
  opacity: 0;
  transform-origin: left;
}
[data-state="checked"] > ._19odvlz7 {
  opacity: 1;
}
.bvadfj0 {
  display: flex;
  flex-direction: column;
}
.bvadfj3 {
  height: 100%;
  overflow-y: auto;
  padding: 12px 4px 20px 4px;
}
.bvadfj4 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 40px;
  margin-top: auto;
  gap: 20px;
}
.bvadfj4.modalFooterWithChildren {
  padding-top: 20px;
}
.bvadfj4.reverse {
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.bvadfj6 {
  display: flex;
  flex-direction: column;
  padding: 12px 0 !important;
  border-radius: 22px;
}
.bvadfj7 {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: normal;
  padding: 11px 22px;
}
.bvadfj8 {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: normal;
  padding: 10px 16px;
  margin-bottom: 0px !important;
}
.bvadfj9 {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: normal;
  padding: 11px 22px;
}
.bvadfja {
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bvadfja.row {
  flex-direction: row;
  justify-content: space-between;
}
.bvadfja.reverse {
  flex-direction: column-reverse;
}
.bvadfja.rowReverse {
  flex-direction: row-reverse;
}
.bvadfjb {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: normal;
  width: 100%;
  height: 44px;
  border-radius: 8px;
}
.bvadfjb.row {
  width: auto;
  min-width: 0;
  max-width: 140px;
  flex: 1;
  height: 32px;
}
.ii8crz0 {
  padding: 20px 24px 8px 24px;
  font-size: 18px;
  font-family: var(--font-family);
  font-weight: 600;
  line-height: 26px;
}
.ii8crz1 {
  padding: 0px 24px 8px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.ii8crz2 {
  padding: 20px 24px;
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.ii8crz3 {
  font-weight: 500;
}
.ii8crz4 {
  color: var(--text-inverse);
  text-decoration: none;
  cursor: pointer;
}
.ii8crz4:visited {
  color: var(--text-inverse);
}
._8gwsij0 {
  width: 100%;
  height: 28px;
  line-height: 22px;
  gap: 10px;
  color: var(--text-primary);
  border: 1px solid;
  background-color: var(--background-primary);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  box-sizing: border-box;
  overflow: hidden;
}
._8gwsij0.no-border {
  border: unset;
}
._8gwsij0.lg {
  height: 32px;
}
._8gwsij0.xl {
  height: 40px;
  font-weight: 600;
}
._8gwsij0.disabled {
  background: var(--background-hoverOverlay);
}
._8gwsij0.error {
  border-color: var(--border-error);
}
._8gwsij0.success {
  border-color: var(--border-focus);
}
._8gwsij0.warning {
  border-color: var(--border-error);
}
._8gwsij0.default {
  border-color: var(--border-subtle);
}
._8gwsij0.default:is(:focus-within, :focus, :focus-visible) {
  border-color: var(--interactive-primary);
  outline: none;
  box-shadow: 0px 0px 0px 2px rgba(30, 150, 235, 0.30);;
}
._8gwsij1 {
  width: 100%;
  height: 30px;
  line-height: 22px;
  gap: 10px;
  color: var(--text-primary);
  border: 1px solid;
  background-color: var(--background-primary);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  box-sizing: border-box;
  overflow: hidden;
}
._8gwsij1.no-border {
  border: unset;
}
._8gwsij1.lg {
  height: 32px;
}
._8gwsij1.xl {
  height: 40px;
  font-weight: 600;
}
._8gwsij1.disabled {
  background: var(--background-hoverOverlay);
}
._8gwsij1.error {
  border-color: var(--border-error);
}
._8gwsij1.success {
  border-color: var(--border-focus);
}
._8gwsij1.warning {
  border-color: var(--border-error);
}
._8gwsij1.default {
  border-color: var(--border-subtle);
}
._8gwsij1.default:is(:focus-within, :focus, :focus-visible) {
  border-color: var(--interactive-primary);
  outline: none;
  box-shadow: 0px 0px 0px 2px rgba(30, 150, 235, 0.30);;
}
._8gwsij2 {
  height: 100%;
  width: 0;
  flex: 1;
  box-sizing: border-box;
  padding: 0 12px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  border: none;
  background: transparent;
}
._8gwsij2::placeholder {
  color: var(--text-placeholder);
}
._8gwsij2:disabled {
  color: var(--text-disabled);
}
._8gwsij2:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--color-white) inset;
}
._11g7vd60 {
  display: flex;
  flex-direction: column;
}
._11g7vd63 {
  height: 100%;
  overflow-y: auto;
  padding: 12px 4px 20px 4px;
}
._11g7vd64 {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 22px;
  padding: 8px 0;
}
._11g7vd67 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 40px;
  margin-top: auto;
  gap: 20px;
}
._11g7vd67.modalFooterWithChildren {
  padding-top: 20px;
}
._11g7vd67.reverse {
  flex-direction: row-reverse;
  justify-content: flex-start;
}
._11g7vd69 {
  display: flex;
  flex-direction: column;
  padding: 12px 0 !important;
  border-radius: 22px;
}
._11g7vd6a {
  padding: 11px 22px;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.43px;
  line-height: 22px;
}
._11g7vd6b {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 22px;
  padding: 8px 16px;
}
._11g7vd6c {
  padding: 10px 16px;
  margin-bottom: 0px !important;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.43px;
  line-height: 22px;
}
._11g7vd6d {
  padding: 0 16px;
}
._11g7vd6e {
  height: 44px;
  font-size: 17px;
  line-height: 22px;
}
._11g7vd6f {
  padding: 11px 22px;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.43px;
  line-height: 22px;
}
._11g7vd6g {
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._11g7vd6g.reverse {
  flex-direction: column-reverse;
}
._11g7vd6h {
  width: 100%;
  height: 44px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.43px;
  line-height: 22px;
}
.yslwd83 {
  min-width: 180px;
  border-radius: 8px;
  padding: 8px;
  font-size: 14px;
  font-weight: 400;
  background-color: var(--background-overlay);
  border: 0.5px solid var(--border-default);
  user-select: none;
  -webkit-app-region: no-drag;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.yslwd83.mobile {
  padding: 0;
  border: none;
}
.yslwd84 {
  --yslwd80: var(--icon-primary);
  --yslwd81: var(--text-primary);
  --yslwd82: transparent;
  color: var(--yslwd81);
  background-color: var(--yslwd82);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px;
  border-radius: 4px;
  line-height: 22px;
  border: none;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
}
.yslwd84.block {
  max-width: 100%;
}
.yslwd84[data-disabled], .yslwd84.disabled {
  --yslwd80: var(--icon-disabled);
  --yslwd81: var(--text-secondary);
  pointer-events: none;
  cursor: default;
}
.yslwd84:hover {
  --yslwd82: var(--background-hoverOverlay);
  outline: none !important;
}
.yslwd84:focus-visible {
  outline: 1px solid var(--border-focus);
}
.yslwd84.danger:hover {
  --yslwd80: var(--status-error);
  --yslwd81: var(--status-error);
  --yslwd82: var(--background-error);
}
.yslwd84.warning:hover {
  --yslwd80: var(--status-warning);
  --yslwd81: var(--status-warning);
  --yslwd82: var(--background-warning);
}
.yslwd84.checked, .yslwd84.selected {
  --yslwd80: var(--interactive-primary);
}
.yslwd85 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.yslwd86 {
  display: flex;
  flex-shrink: 0;
  font-size: 20px;
  color: var(--yslwd80);
  width: 20px;
  height: 20px;
}
.yslwd87 {
  width: 100%;
  height: 8px;
  position: relative;
}
.yslwd87:after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: var(--border-default);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) scaleY(0.5);
}
.bp00ji0._1jlf675g {
  background-color: var(--background-overlay);
  border: 0.5px solid var(--border-default);
  user-select: none;
  border-radius: 24px;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}
.bp00ji1 {
  display: flex;
  align-items: start;
  transition: all 0.23s;
}
.bp00ji2 {
  box-sizing: border-box;
  font-size: 17px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  flex-shrink: 0;
  padding: 13px 0px 13px 0px;
  max-height: calc(100dvh - 32px);
}
.bp00ji3 {
  padding: 10px 20px;
  border-radius: 0;
}
.bp00ji3:hover {
  --yslwd82: transparent;
}
.bp00ji3:active {
  --yslwd82: var(--background-hoverOverlay);
}
.bp00ji3.danger {
  --yslwd81: var(--interactive-error);
  --yslwd80: var(--interactive-error);
}
.bp00ji3.danger:hover {
  --yslwd82: transparent;
}
.bp00ji3.danger:active {
  --yslwd82: var(--background-error);
}
.bp00ji3.warning:hover {
  --yslwd82: transparent;
}
.bp00ji3.warning:active {
  --yslwd82: var(--background-warning);
}
.bp00ji3[data-divider=true] {
  margin-bottom: 16px;
  position: relative;
}
.bp00ji3[data-divider=true]::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  border-bottom: 0.5px solid var(--border-default);
}
.bp00ji3[data-divider=true]:last-child {
  margin-bottom: 0;
}
.bp00ji3[data-divider=true]:last-child::after {
  display: none;
}
.bp00ji4 {
  height: 42px;
  align-self: start;
  font-weight: 600;
  font-size: 17px;
  padding-left: 0;
  margin-left: 20px;
  max-width: calc(100% - 20px);
}
.bp00ji5 {
  max-height: 80dvh;
}
.cjk1nc0 {
  --scrollbar-width: 8px;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}
.cjk1nc1 {
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  transition: opacity .3s .2s;
  opacity: 0;
  background: var(--border-default);
}
.cjk1nc1[data-has-scroll-top="true"] {
  opacity: 1;
}
.cjk1nc2 {
  height: 100%;
  width: 100%;
}
.cjk1nc2 >:first-child {
  display: contents !important;
}
.cjk1nc3 {
  height: 100%;
}
.cjk1nc4 {
  display: flex;
  flex-direction: column;
  user-select: none;
  touch-action: none;
  width: var(--scrollbar-width);
  height: 100%;
  opacity: 1;
  transition: width .15s;
}
.cjk1nc4:hover {
  background: var(--background-secondary);
  width: calc(var(--scrollbar-width) + 3px);
  border-left: 1px solid var(--border-default);
}
.cjk1nc4[data-state="hidden"] {
  opacity: 0;
}
.cjk1nc5 {
  display: none;
}
.cjk1nc6 {
  margin-top: 60px;
  height: calc(100% - 120px);
  border-radius: 4px;
}
.cjk1nc7 {
  position: relative;
  background: var(--divider-default);
  width: 50%;
  overflow: hidden;
  border-radius: 4px;
}
.cjk1nc7:hover {
  background: var(--icon-primary);
}
.cjk1nc7::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
}
@keyframes _19mve1t0 {
  from {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    pointer-events: none;
  }
}
@keyframes _19mve1t1 {
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
  from {
    opacity: 1;
    transform: translateY(0);
  }
}
._19mve1t2 {
  animation: _19mve1t0 150ms cubic-bezier(0.42, 0, 0.58, 1);
}
._19mve1t2[data-state="closed"] {
  pointer-events: none;
  animation: _19mve1t1 150ms cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
._66ugup0 {
  display: inline-flex;
  height: 1em;
  width: 1em;
  align-items: center;
  justify-content: center;
}
._66ugup0 :is(path[fill="rgb(119,117,125)"],path[fill="rgb(122,122,122)"]) {
  fill: currentColor;
}
._66ugup0 :is(path[stroke="rgb(119,117,125)"],path[stroke="rgb(122,122,122)"]) {
  stroke: currentColor;
}
._66ugup0 :is(rect[fill="rgb(255,255,255)"],rect[fill="#ffffff"]) {
  fill: transparent;
}
._66ugup0 :is(path[fill="rgb(255,255,255)"],path[fill="#ffffff"]) {
  fill: transparent;
}
._66ugup0 :is(path[fill="rgb(245,245,245)"]) {
  fill: var(--background-secondary);
}
.hxvwlw0 {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-default);
  border-radius: 6px;
  padding: 12px;
  cursor: default;
  width: 100%;
  background-color: var(--background-primary);
  gap: 12px;
}
.hxvwlw1 {
  display: flex;
  align-items: flex-start;
  font-weight: 500;
  font-size: 16px;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 24px;
  gap: 12px;
}
.hxvwlw2 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  overflow: hidden;
}
.hxvwlw3 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hxvwlw4 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hxvwlw5 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
  font-size: 14px;
  font-weight: 600;
}
.hxvwlw6 {
  flex: 1;
}
.hxvwlw7 {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  color: var(--text-secondary);
}
.hxvwlw8 {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hxvwlw9 {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--background-secondary);
  color: var(--icon-primary);
}
.hxvwlwa {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.hxvwlwb {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--text-primary);
  border: none;
  border-radius: 4px;
  padding: 4px;
  min-width: 28px;
  height: 28px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.hxvwlwb:hover {
  background-color: var(--background-secondary);
}
.hxvwlwb:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.hxvwlwc {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.hxvwlwd {
  width: 100%;
  height: 12px;
  background-color: var(--background-tertiary);
  border-radius: 2px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.hxvwlwe {
  height: 100%;
  background-color: var(--color-red-500);
  transition: width 0.1s linear;
}
.hxvwlwf {
  font-size: 12px;
  color: var(--text-secondary);
  min-width: 48px;
}
.hxvwlwf:last-of-type {
  text-align: right;
}
.hxvwlwg {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
}
.hxvwlwh {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  padding: 8px;
  cursor: default;
  width: 100%;
  background-color: var(--background-primary);
}
.hxvwlwi {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  margin-bottom: 2px;
}
.hxvwlwj {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.hxvwlwk {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}
.hxvwlwl {
  position: absolute;
  right: 8px;
  top: 8px;
  display: none;
  background: var(--background-secondary);
  border: 1px solid var(--border-default);
}
.hxvwlwh:hover .hxvwlwl {
  display: block;
}
@keyframes _1rz2nhg0 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes _1rz2nhg1 {
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(100%);
  }
}
._1rz2nhg2 {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 32px;
  flex-shrink: 0;
  position: relative;
}
._1rz2nhg2::before {
  content: "";
  position: absolute;
  border-radius: inherit;
  inset: 0;
  opacity: 0.3;
  background-color: var(--text-placeholder);
}
._1rz2nhg3 {
  width: 32px;
  border-radius: 50%;
}
._1rz2nhg4 {
  border-radius: 4px;
}
._1rz2nhg5 {
  border-radius: 8px;
}
._1rz2nhg6 {
  border-radius: 4px;
  height: 1.2em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
._1rz2nhg7 {
  animation: _1rz2nhg0 2s ease-in-out 0.5s infinite;
}
._1rz2nhg8 {
  position: relative;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
._1rz2nhg8::after {
  content: "";
  animation: _1rz2nhg1 2s linear 0.5s infinite;
  background: linear-gradient(
     90deg,
     transparent,
     rgba(255, 255, 255, 0.4),
     transparent
   );
  position: absolute;
  transform: translateX(-100%);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
._1355khk0 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 1px;
  position: relative;
  overflow: hidden;
  max-width: 2000px;
}
@keyframes z5jr9i2 {
  0% {
    top: -44%;
    left: -11%;
    transform: matrix(-0.29, -0.96, 0.94, -0.35, 0, 0);
  }
  16% {
    left: -18%;
    top: -51%;
    transform: matrix(-0.73, -0.69, 0.64, -0.77, 0, 0);
  }
  32% {
    left: -7%;
    top: -40%;
    transform: matrix(-0.97, -0.23, 0.16, -0.99, 0, 0);
  }
  48% {
    left: -15%;
    top: -39%;
    transform: matrix(-0.88, 0.48, -0.6, -0.8, 0, 0);
  }
  64% {
    left: -7%;
    top: -40%;
    transform: matrix(-0.97, -0.23, 0.16, -0.99, 0, 0);
  }
  80% {
    left: -18%;
    top: -51%;
    transform: matrix(-0.73, -0.69, 0.64, -0.77, 0, 0);
  }
  100% {
    top: -44%;
    left: -11%;
    transform: matrix(-0.29, -0.96, 0.94, -0.35, 0, 0);
  }
}
@keyframes z5jr9i3 {
  0% {
    left: -30px;
    top: -30px;
    transform: matrix(-0.48, -0.88, 0.8, -0.6, 0, 0);
  }
  16% {
    left: -37px;
    top: -37px;
    transform: matrix(-0.86, -0.52, 0.39, -0.92, 0, 0);
  }
  32% {
    left: -20px;
    top: -10px;
    transform: matrix(-1, -0.02, -0.12, -0.99, 0, 0);
  }
  48% {
    left: -27px;
    top: -2px;
    transform: matrix(-0.88, 0.48, -0.6, -0.8, 0, 0);
  }
  64% {
    left: -20px;
    top: -10px;
    transform: matrix(-1, -0.02, -0.12, -0.99, 0, 0);
  }
  80% {
    left: -37px;
    top: -37px;
    transform: matrix(-0.86, -0.52, 0.39, -0.92, 0, 0);
  }
  100% {
    left: -30px;
    top: -30px;
    transform: matrix(-0.48, -0.88, 0.8, -0.6, 0, 0);
  }
}
.z5jr9i4 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.z5jr9i5 {
  width: 83%;
  height: 81%;
  position: absolute;
  left: -30%;
  top: -30%;
  transform: matrix(-0.48, -0.88, 0.8, -0.6, 0, 0);
  opacity: 0.8;
  filter: blur(var(--z5jr9i1));
  transform-origin: center center;
  animation: z5jr9i3 3s ease-in-out forwards infinite;
  animation-play-state: paused;
}
.z5jr9i6 {
  animation-play-state: running;
}
.z5jr9i7 {
  width: 98%;
  height: 97%;
  position: absolute;
  top: -44%;
  left: -11%;
  transform: matrix(-0.29, -0.96, 0.94, -0.35, 0, 0);
  opacity: 0.8;
  filter: blur(var(--z5jr9i1));
  transform-origin: center center;
  will-change: left, top, transform;
  animation: z5jr9i2 3s ease-in-out forwards infinite;
  animation-play-state: paused;
}
.z5jr9i8 {
  animation-play-state: running;
}
.z5jr9i9 {
  width: 104%;
  height: 94%;
  position: absolute;
  right: -30%;
  top: -30%;
  opacity: 0.8;
  filter: blur(var(--z5jr9i1));
  transform: matrix(-0.28, -0.96, 0.93, -0.37, 0, 0);
  transform-origin: center center;
}
.z5jr9ia {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
}
.z5jr9ib {
  --z5jr9i0: unset;
  width: var(--z5jr9i0);
  height: var(--z5jr9i0);
  font-size: calc(var(--z5jr9i0) / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  user-select: none;
  position: relative;
  overflow: hidden;
}
.z5jr9ic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.z5jr9id {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--interactive-primary);
  color: var(--background-primary);
  line-height: 1;
  font-weight: 500;
}
.z5jr9ie {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-hoverOverlay);
  color: var(--background-primary);
  line-height: 1;
  font-weight: 500;
}
.z5jr9if {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(60, 61, 63, 0.5);
  z-index: 1;
  color: var(--text-inverse);
  opacity: 0;
  transition: opacity .15s;
  cursor: pointer;
}
.z5jr9if:hover {
  opacity: 1;
}
.z5jr9ig {
  position: absolute;
  right: -8px;
  top: -2px;
  visibility: hidden;
  z-index: 1;
}
.z5jr9ia:hover .z5jr9ig {
  visibility: visible;
}
._10t5x890 {
  display: inline-flex;
  align-items: center;
  position: relative;
}
._10t5x890:hover svg {
  opacity: 0.8;
}
._10t5x890:active svg {
  opacity: 0.9;
}
._10t5x891 {
  opacity: 0.5;
  pointer-events: none;
}
._10t5x892 {
  opacity: 0;
  position: absolute;
  width: 1em;
  height: 1em;
  inset: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: inherit;
}
._1ncercv4 {
  flex: 1;
}
._1ncercv5 {
  flex: 1;
  width: 0;
}
._1ncercv6 {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
._1ncercv6::before, ._1ncercv6::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}
._1ncercv7 {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
._1ncercv7::before, ._1ncercv7::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}
._1ncercv7::after {
  transition: background-color 0.2s ease;
}
._1ncercv7:hover::after {
  background-color: var(--background-hoverOverlay);
}
._1ncercv8 {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
._1ncercv8::before, ._1ncercv8::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}
._1ncercv8::before {
  opacity: 0;
  box-shadow: 0 0 0 2px var(--interactive-primary);
}
._1ncercv8::after {
  border: 1px solid transparent;
}
._1ncercv8:focus-visible::before {
  opacity: 0.5;
}
._1ncercv8:focus-visible::after {
  border-color: var(--interactive-primary);
}
._1ncercv9 {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
._1ncercv9::before, ._1ncercv9::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}
._1ncercv9[disabled], ._1ncercv9[aria-disabled="true"] {
  cursor: not-allowed;
  color: var(--text-disabled);
}
._1ncercva {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
._1ncercva::before, ._1ncercva::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}
._1ncercva::before {
  opacity: 0;
  box-shadow: 0 0 0 2px var(--interactive-primary);
}
._1ncercva::after {
  border: 1px solid transparent;
  transition: background-color 0.2s ease;
}
._1ncercva:hover::after {
  background-color: var(--background-hoverOverlay);
}
._1ncercva:focus-visible::before {
  opacity: 0.5;
}
._1ncercva:focus-visible::after {
  border-color: var(--interactive-primary);
}
._1ncercva[disabled], ._1ncercva[aria-disabled="true"] {
  cursor: not-allowed;
  color: var(--text-disabled);
}
._1ncercvb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--_1ncercv3);
  height: var(--_1ncercv3);
  flex-basis: var(--_1ncercv3);
  user-select: none;
}
._1ncercvc {
  min-width: calc(28px * 7 + var(--_1ncercv0) * 6);
}
._1ncercvd {
  display: flex;
  flex-direction: column;
  gap: var(--_1ncercv1);
}
._1ncercve {
  display: flex;
  align-items: center;
}
._1ncercvf {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--_1ncercv3);
  height: auto;
  flex-basis: var(--_1ncercv3);
  user-select: none;
}
._1ncercvg {
  width: 0;
  height: fit-content;
  display: flex;
}
[data-is-left="true"] ._1ncercvg {
  justify-content: flex-start;
  margin-left: -24px;
}
[data-is-right="true"] ._1ncercvg {
  justify-content: flex-end;
  margin-right: -30px;
}
[data-mode="month"] [data-is-left="true"] ._1ncercvg {
  margin-left: -36px;
}
[data-mode="month"] [data-is-right="true"] ._1ncercvg {
  margin-right: -44px;
}
[data-mode="year"] [data-is-left="true"] ._1ncercvg {
  margin-left: -48px;
}
[data-mode="year"] [data-is-right="true"] ._1ncercvg {
  margin-right: -52px;
}
._1ncercvh {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  display: inline-flex;
  line-height: 22px;
  font-size: var(--_1ncercv2);
  font-weight: 600;
  padding: 0 6px;
  border-radius: 4px;
}
._1ncercvh::before, ._1ncercvh::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}
._1ncercvh::before {
  opacity: 0;
  box-shadow: 0 0 0 2px var(--interactive-primary);
}
._1ncercvh::after {
  border: 1px solid transparent;
  transition: background-color 0.2s ease;
}
._1ncercvh:hover::after {
  background-color: var(--background-hoverOverlay);
}
._1ncercvh:focus-visible::before {
  opacity: 0.5;
}
._1ncercvh:focus-visible::after {
  border-color: var(--interactive-primary);
}
._1ncercvh[disabled], ._1ncercvh[aria-disabled="true"] {
  cursor: not-allowed;
  color: var(--text-disabled);
}
[data-mobile="true"] ._1ncercvh {
  padding: 0px 4px;
}
._1ncercvi {
  display: flex;
  align-items: center;
  gap: 4px;
}
._1ncercvj {
  width: 8px;
}
._1ncercvk {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  font-size: var(--_1ncercv2);
  font-weight: 400;
  line-height: 22px;
  padding: 0 4px;
  border-radius: 4px;
  color: var(--icon-primary);
  text-transform: uppercase;
}
._1ncercvk::before, ._1ncercvk::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}
._1ncercvk::before {
  opacity: 0;
  box-shadow: 0 0 0 2px var(--interactive-primary);
}
._1ncercvk::after {
  border: 1px solid transparent;
  transition: background-color 0.2s ease;
}
._1ncercvk:hover::after {
  background-color: var(--background-hoverOverlay);
}
._1ncercvk:focus-visible::before {
  opacity: 0.5;
}
._1ncercvk:focus-visible::after {
  border-color: var(--interactive-primary);
}
._1ncercvk[disabled], ._1ncercvk[aria-disabled="true"] {
  cursor: not-allowed;
  color: var(--text-disabled);
}
._1ncercvl {
  display: flex;
  flex-direction: column;
  gap: var(--_1ncercv1);
}
._1ncercvm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--_1ncercv0);
}
._1ncercvn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--_1ncercv3);
  height: 28px;
  flex-basis: var(--_1ncercv3);
  user-select: none;
  font-size: var(--_1ncercv2);
  font-weight: 500;
  color: var(--text-secondary);
}
._1ncercvo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--_1ncercv3);
  height: var(--_1ncercv3);
  flex-basis: var(--_1ncercv3);
  user-select: none;
}
._1ncercvp {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  font-size: var(--_1ncercv2);
  color: var(--text-primary);
  font-weight: 400;
}
._1ncercvp::before, ._1ncercvp::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}
._1ncercvp::before {
  opacity: 0;
  box-shadow: 0 0 0 2px var(--interactive-primary);
}
._1ncercvp::after {
  border: 1px solid transparent;
  transition: background-color 0.2s ease;
}
._1ncercvp:hover::after {
  background-color: var(--background-hoverOverlay);
}
._1ncercvp:focus-visible::before {
  opacity: 0.5;
}
._1ncercvp:focus-visible::after {
  border-color: var(--interactive-primary);
}
._1ncercvp[disabled], ._1ncercvp[aria-disabled="true"] {
  cursor: not-allowed;
  color: var(--text-disabled);
}
._1ncercvp[data-is-today="true"] {
  font-weight: 600;
  color: var(--interactive-primary);
}
._1ncercvp[data-not-current-month="true"] {
  color: rgba(0, 0, 0, 0.1);
}
._1ncercvp[data-selected="true"] {
  background-color: var(--interactive-primary);
  font-weight: 500;
  color: var(--text-inverse);
}
._1ncercvq {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-top: 18px;
}
._1ncercvr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--_1ncercv0);
}
._1ncercvs {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--_1ncercv3);
  height: 34px;
  flex-basis: var(--_1ncercv3);
  user-select: none;
}
._1ncercvt {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  font-size: 15px;
  color: var(--text-primary);
  font-weight: 400;
  line-height: 24px;
}
._1ncercvt::before, ._1ncercvt::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}
._1ncercvt::before {
  opacity: 0;
  box-shadow: 0 0 0 2px var(--interactive-primary);
}
._1ncercvt::after {
  border: 1px solid transparent;
  transition: background-color 0.2s ease;
}
._1ncercvt:hover::after {
  background-color: var(--background-hoverOverlay);
}
._1ncercvt:focus-visible::before {
  opacity: 0.5;
}
._1ncercvt:focus-visible::after {
  border-color: var(--interactive-primary);
}
._1ncercvt[disabled], ._1ncercvt[aria-disabled="true"] {
  cursor: not-allowed;
  color: var(--text-disabled);
}
._1ncercvt[data-not-current-month="true"] {
  color: rgba(0, 0, 0, 0.1);
}
._1ncercvt[data-selected="true"] {
  background: transparent;
  color: var(--text-emphasis);
  font-weight: 500;
}
._1ncercvu {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-top: 18px;
}
._1ncercvv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--_1ncercv0);
}
._1ncercvw {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--_1ncercv3);
  height: 34px;
  flex-basis: var(--_1ncercv3);
  user-select: none;
  max-width: 100px;
}
._1ncercvx {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  font-size: 15px;
  color: var(--text-primary);
  font-weight: 400;
  line-height: 24px;
}
._1ncercvx::before, ._1ncercvx::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}
._1ncercvx::before {
  opacity: 0;
  box-shadow: 0 0 0 2px var(--interactive-primary);
}
._1ncercvx::after {
  border: 1px solid transparent;
  transition: background-color 0.2s ease;
}
._1ncercvx:hover::after {
  background-color: var(--background-hoverOverlay);
}
._1ncercvx:focus-visible::before {
  opacity: 0.5;
}
._1ncercvx:focus-visible::after {
  border-color: var(--interactive-primary);
}
._1ncercvx[disabled], ._1ncercvx[aria-disabled="true"] {
  cursor: not-allowed;
  color: var(--text-disabled);
}
._1ncercvx[data-not-current-month="true"] {
  color: rgba(0, 0, 0, 0.1);
}
._1ncercvx[data-selected="true"] {
  background: transparent;
  color: var(--text-emphasis);
  font-weight: 500;
}
._9w01l90 {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 100%;
  max-height: 39px;
}
._9w01l91 {
  width: 0;
  flex: 1;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 4px;
  user-select: none;
}
._9w01l92 {
  position: relative;
  width: 0;
  flex-grow: 1;
  min-width: 30px;
  max-width: 130px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2px 4px 1px 4px;
  border-radius: 4px;
  font-family: var(--legacy-fontFamily);
  font-weight: 500;
  font-size: 12px;
}
._9w01l92:hover {
  background-color: var(--background-hoverOverlay);
}
._9w01l92[data-today="true"]:not([data-active="true"]) {
  --cell-color: var(--interactive-primary);
}
._9w01l92[data-active="true"] {
  --cell-color: var(--color-white);
  background: var(--interactive-primary);
}
._9w01l92::before, ._9w01l92::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
}
._9w01l92::before {
  box-shadow: 0 0 0 2px var(--interactive-primary);
}
._9w01l92::after {
  border: 1px solid var(--interactive-primary);
}
._9w01l92:focus-visible::before {
  opacity: 0.5;
}
._9w01l92:focus-visible::after {
  opacity: 1;
}
._9w01l93 {
  width: 100%;
  height: 16px;
  line-height: 16px;
  text-align: center;
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
  color: var(--cell-color, var(--text-secondary));
}
._9w01l94 {
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: var(--cell-color, var(--text-primary));
}
._1cvxajx1 {
  --_1cvxajx0: 8px;
  border-bottom: 1px solid var(--border-default);
  height: 0;
  margin: var(--_1cvxajx0) 0;
  width: 100%;
}
._1cvxajx2 {
  border-left: 1px solid var(--border-default);
  width: 0;
  height: 100%;
  margin: 0 var(--_1cvxajx0);
}
._1cvxajx3 {
  border-width: 0.5px;
}
._1gkpra83 {
  --_1gkpra80: 8px;
  position: absolute;
  top: 0;
  right: 0;
  left: var(--_1gkpra81);
  bottom: 0;
  pointer-events: none;
}
._1gkpra83::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  box-sizing: border-box;
  width: var(--_1gkpra80);
  height: var(--_1gkpra80);
  left: 0;
  background: transparent;
  border-color: var(--_1gkpra82);
  border-width: 2px;
  border-radius: 50%;
  border-style: solid;
}
._1gkpra83::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  background: var(--_1gkpra82);
  left: calc(var(--_1gkpra80) / 2);
  height: 2px;
  right: 0;
}
._1gkpra83[data-no-terminal="true"]::before {
  display: none;
}
._1gkpra84::before {
  top: 0;
  transform: translate(calc(-0.5 * var(--_1gkpra80)), calc(-0.5 * var(--_1gkpra80)));
}
._1gkpra84::after {
  top: -1px;
}
._1gkpra85::before {
  bottom: 0;
  transform: translate(calc(-0.5 * var(--_1gkpra80)), calc(0.5 * var(--_1gkpra80)));
}
._1gkpra85::after {
  bottom: -1px;
}
._1gkpra86 {
  position: absolute;
  top: 0;
  right: 0;
  left: var(--_1gkpra81);
  bottom: 0;
  pointer-events: none;
  border: 2px solid var(--_1gkpra82);
  border-radius: 3px;
}
._1gkpra87 {
  height: 2px;
  left: calc(var(--_1gkpra80)/2);
  right: 0;
}
._1gkpra87::before {
  left: calc(-1 * var(--_1gkpra80));
}
._1gkpra88 {
  width: 2px;
  top: calc(var(--_1gkpra80)/2);
  bottom: 0;
}
._1gkpra88::before {
  top: calc(-1 * var(--_1gkpra80));
}
._1gkpra8a {
  top: var(--_1gkpra89);
}
._1gkpra8a::before {
  top: calc(-1 * var(--_1gkpra80) + 1px);
}
._1gkpra8b {
  right: var(--_1gkpra89);
}
._1gkpra8b::before {
  right: calc(-1 * var(--_1gkpra80) + 1px);
}
._1gkpra8c {
  bottom: var(--_1gkpra89);
}
._1gkpra8c::before {
  bottom: calc(-1 * var(--_1gkpra80) + 1px);
}
._1gkpra8d {
  left: var(--_1gkpra89);
}
._1gkpra8d::before {
  left: calc(-1 * var(--_1gkpra80) + 1px);
}
._1gkpra8e {
  --_1gkpra80: 6px;
  display: block;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  background: var(--interactive-primary);
}
._1gkpra8e::before {
  content: "";
  width: 0;
  height: 0;
  box-sizing: border-box;
  position: absolute;
  border: var(--_1gkpra80) solid var(--interactive-primary);
  border-radius: 50%;
}
._1gkpra8e[data-no-terminal="true"]::before {
  display: none;
}
.mtvr3h0 {
  cursor: grab;
  color: var(--icon-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mtvr3h1 {
  border-radius: 8px;
}
.mtvr3h0[data-dragging="true"] .mtvr3h1, .mtvr3h0:hover .mtvr3h1 {
  background-color: var(--background-hoverOverlay);
}
._1tvi9280 {
  position: relative;
  border-radius: 4px;
  padding: 4px;
  display: inline-block;
  min-width: 50px;
  min-height: 28px;
}
._1tvi9281 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  word-wrap: break-word;
  border: 1px solid transparent;
}
._1tvi9280[data-editing="true"] ._1tvi9281 {
  opacity: 0;
  visibility: hidden;
}
._1tvi9282 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
._1tvi9280[data-editing="true"] ._1tvi9282 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
._1tvi9283 {
  opacity: 0.8;
}
._1tim3fd3 {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: unset;
  flex-direction: column;
  color: var(--text-secondary);
}
._1tim3fd4 {
  --_1tim3fd0: 248px;
  --_1tim3fd1: 216px;
  --_1tim3fd2: inherit;
  width: var(--_1tim3fd0);
  height: var(--_1tim3fd1);
  font-size: var(--_1tim3fd2);
}
._1cmjqbo0 {
  color: var(--status-error);
  font-size: 0.6rem;
  margin: 4px 8px 2px 2px;
}
._1m2m3rt0 {
  padding: 4px;
  border-radius: 8px;
}
._1m2m3rt1 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._1m2m3rt2 {
  padding: 0;
  line-height: 1;
  color: var(--icon-primary);
}
._1m2m3rt2 span:has(svg) {
  line-height: 0;
}
._1m2m3rt3 {
  flex-shrink: 0;
  font-size: 24px;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  border: 1px solid var(--border-default);
}
._1m2m3rt3[data-icon-type="emoji"] {
  font-size: 20px;
}
._1m2m3rt4 {
  height: 32px;
  border-radius: 4px;
  width: 0;
  flex-grow: 1;
}
._1m2m3rt5 {
  padding: 0;
}
em-emoji-picker {
  --shadow: none;
  --font-family: var(--font-family);
}
em-emoji-picker #root {
  background: transparent;
}
._1m768gl0 {
  width: 390px;
  max-width: 100%;
  height: 400px;
  display: flex;
  flex-direction: column;
}
._1m768gl1 {
  padding: 12px 12px 0px 12px;
}
._1m768gl2 {
  border-bottom: 0.5px solid var(--border-default);
  display: flex;
  justify-content: space-between;
}
._1m768gl3 {
  background-color: transparent;
}
._1m768gl4 {
  margin-bottom: 6px;
  font-size: 14px;
}
._1m768gl5 {
  height: 0;
  flex-grow: 1;
}
._1cidjg41 {
  display: flex;
  flex-direction: row;
  gap: 2px;
}
._1cidjg43 {
  height: 120px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--text-secondary);
}
._1cidjg44 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  border-top: 0.5px solid var(--border-default);
}
._1cidjg46 {
  background-color: var(--background-hoverOverlay);
}
._1cidjg47 {
  color: var(--icon-secondary);
}
._1cidjg48 {
  color: var(--icon-primary);
}
.gxrft00 {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.gxrft01 {
  padding: 16px 12px 8px 12px;
  display: flex;
  gap: 8px;
}
.gxrft02 {
  width: 0;
  flex-grow: 1;
  height: 32px !important;
  border-radius: 4px !important;
  gap: 0px !important;
}
.gxrft03 {
  height: 0;
  flex-grow: 1;
}
.gxrft04 {
  height: 0;
  flex-grow: 1;
  padding-top: 8px;
}
.gxrft05 {
  height: 0;
  flex-grow: 1;
  padding: 0px 12px;
}
.gxrft06 {
  padding: 8px 0px;
}
.gxrft07:not(:last-child) {
  margin-bottom: 8px;
}
.gxrft08 {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: var(--text-secondary);
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0px 4px;
  background-color: var(--background-overlay);
}
.gxrft09 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px;
}
.gxrft09::after {
  content: "";
  flex: auto;
  min-width: 24px;
}
._1dj2bah0 {
  position: relative;
}
._1dj2bah0.scrollable {
  overflow-y: auto;
}
._1dj2bah1 {
  z-index: 1;
}
._1dj2bah2 {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
._1dj2bah3 {
  z-index: 1;
}
._1dj2bah4 {
  position: absolute;
}
.lp8c1e0 {
  display: flex;
  gap: 4px;
}
.lp8c1e1 {
  padding: 2px;
}
.lp8c1e2 {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: currentColor;
}
.kybg2j7 {
  border-radius: 8px;
  box-shadow: var(--shadow-xs);
  border-width: 1px;
  border-style: solid;
  background-color: var(--kybg2j0);
  border-color: var(--kybg2j2);
  color: var(--kybg2j1);
}
.kybg2j8 {
  padding: 16px;
}
.kybg2j9 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.kybg2ja {
  height: 24px;
  display: flex;
  align-items: center;
}
.kybg2jb {
  width: 24px;
  display: flex;
  place-items: center;
  margin-right: 10px;
}
.kybg2jb svg {
  width: 100%;
  height: 100%;
  color: var(--kybg2j4);
}
.kybg2jc {
  width: 0;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  line-height: 24px;
  font-size: 15px;
  margin-right: 10px;
}
.kybg2jd {
  color: var(--kybg2j3);
  position: relative;
  background: transparent;
  border: none;
  font-size: 14px;
  line-height: 22px;
}
.kybg2je[data-float="true"] {
  position: absolute;
  top: 16px;
  right: 16px;
}
.kybg2jf {
  color: var(--kybg2j5) !important;
}
.kybg2jg {
  margin-top: 5px;
  font-size: 14px;
  line-height: 22px;
}
[data-with-icon] .kybg2jg[data-align="title"] {
  padding-left: 34px;
}
@keyframes ajke1h0 {
  from {
    max-width: 44px;
  }
  to {
    max-width: 100vw;
  }
}
.ajke1h1 {
  --mobile-offset-left: 0px !important;
  --mobile-offset-right: 0px !important;
}
.ajke1h2 {
  width: fit-content;
  min-height: 44px;
  border-radius: 22px;
  margin: 0px auto;
  padding: 10px;
  background-color: var(--kybg2j0);
  color: var(--kybg2j1);
  border: 1px solid var(--kybg2j2);
  box-shadow: var(--shadow-xs);
  display: flex;
  gap: 8px;
  align-items: center;
  overflow: hidden;
  transition: transform 0.1s;
}
.ajke1h2:active {
  transform: scale(0.97);
}
.ajke1h2[data-animated="true"] {
  visibility: hidden;
}
.ajke1h2[data-animated="false"] {
  max-width: 44px;
  animation: ajke1h0 0.8s cubic-bezier(.27,.28,.13,.99);
  animation-fill-mode: forwards;
}
.ajke1h3 {
  font-size: 24px;
  line-height: 0;
  color: var(--kybg2j4);
}
.ajke1h4 {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  white-space: nowrap;
}
.ajke1h5 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: start;
  padding: 16px;
  z-index: 9999;
  background: rgba(0,0,0,0.1);
}
.ajke1h7 {
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ajke1h8 {
  padding: 0 20px;
  margin-top: 8px;
}
.ajke1h9 {
  font-size: 24px;
  line-height: 0;
  color: var(--kybg2j4);
}
.ajke1ha {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  width: 0;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ajke1hb {
  display: flex;
  flex-direction: column;
}
._1f3pau30 {
  min-width: 180px;
  color: var(--text-primary);
  border-radius: 8px;
  padding: 8px;
  font-size: 14px;
  font-weight: 400;
  background-color: var(--background-overlay);
  border: 0.5px solid var(--border-default);
  user-select: none;
}
._1pqvzij1 {
  --_1pqvzij0: 10px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
}
._1pqvzij2 {
  height: var(--_1pqvzij0);
  flex: 1;
  background: var(--background-hoverOverlay);
  border-radius: 5px;
  position: relative;
}
._1pqvzij3 {
  height: var(--_1pqvzij0);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
._1pqvzij4 {
  width: 28px;
  height: 28px;
  transform: translate(1px, -9px);
  border-radius: 50%;
  display: block;
  background: var(--background-primary);
  box-shadow: var(--shadow-overlay);
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
._1pqvzij1:hover ._1pqvzij4, ._1pqvzij4:is(:focus-visible, :focus-within) {
  opacity: 1;
}
._1pqvzij5 {
  width: 40px;
  font-size: 14px;
  text-align: right;
}
._1pqvzij6 {
  height: 100%;
  width: 100%;
  border-radius: 5px;
  background: var(--interactive-primary);
  transition: background 0.2s ease-in-out;
}
._1pqvzij1:hover ._1pqvzij6, ._1pqvzij6:has(._1pqvzij4:is(:focus-visible, :focus-within, :active)) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[data-state="complete"]._1pqvzij6 {
  background: var(--status-success);
}
.ec3xyk0 {
  display: flex;
  gap: 4px;
  min-height: 30px;
  position: relative;
  flex-wrap: wrap;
}
.ec3xyk0[draggable="true"] {
  cursor: grab;
}
.ec3xyk0[draggable="true"][data-dragging="true"] {
  visibility: hidden;
}
.ec3xyk0[draggable="true"]:before {
  content: "";
  display: block;
  position: absolute;
  cursor: grab;
  top: 15px;
  left: 0;
  border-radius: 2px;
  background-color: var(--text-placeholder);
  transform: translate(-6px, -50%);
  transition: height 0.2s 0.1s, opacity 0.2s 0.1s;
  opacity: 0;
  height: 4px;
  width: 4px;
  will-change: height, opacity;
}
.ec3xyk0[draggable="true"]:after {
  content: "";
  display: block;
  position: absolute;
  cursor: grab;
  top: 15px;
  left: 0;
  border-radius: 2px;
  background-color: transparent;
  transform: translate(-8px, -50%);
  height: 100%;
  width: 8px;
  will-change: height, opacity;
}
.ec3xyk0[draggable="true"]:hover:before {
  height: 12px;
  opacity: 1;
}
.ec3xyk1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ec3xyk2 {
  overflow: hidden;
  height: 0px;
  min-height: 0px;
  padding: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}
.ec3xyk3 {
  display: flex;
  align-self: flex-start;
  flex-direction: column;
  justify-content: start;
  position: relative;
  border-radius: 4px;
  font-size: 14px;
  padding: 4px;
  flex-shrink: 0;
  line-height: 22px;
  user-select: none;
  color: var(--text-tertiary);
  width: 160px;
  height: 30px;
}
.ec3xyk3[data-has-menu="true"] {
  cursor: pointer;
}
.ec3xyk3[data-has-menu="true"]:hover {
  background-color: var(--background-hoverOverlay);
}
[data-drag-preview] .ec3xyk3:hover {
  background-color: transparent;
}
.ec3xyk4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.ec3xyk5 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  font-size: 16px;
  color: var(--icon-secondary);
}
.ec3xyk6 {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.ec3xyk7 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  border-radius: 4px;
  font-size: 14px;
  line-height: 22px;
  padding: 4px;
  flex: 1;
}
.ec3xyk7:focus-visible {
  outline: none;
}
.ec3xyk7::placeholder {
  color: var(--text-placeholder);
}
.ec3xyk7[data-readonly="false"][data-hoverable="true"] {
  cursor: pointer;
}
.ec3xyk7[data-readonly="true"][data-hoverable="true"] {
  cursor: default;
}
.ec3xyk7[data-hoverable="true"]:is(:hover, :focus-within) {
  background-color: var(--background-hoverOverlay);
}
.ec3xyk8 {
  align-self: flex-start;
  font-size: 14px;
  color: var(--text-tertiary);
  padding: 0 8px 0px 4px;
  height: 30px;
  font-weight: 400;
  gap: 6px;
}
.ec3xyk8 svg {
  font-size: 16px;
  color: var(--icon-secondary);
}
.ec3xyk8:hover svg {
  color: var(--icon-primary);
}
.ec3xyk9 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ec3xyka {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 4px;
  min-height: 30px;
}
.ec3xykb {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  overflow: hidden;
}
.ec3xykc {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: var(--icon-primary);
}
.ec3xykd {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
}
.ec3xykd[data-collapsed="true"] {
  color: var(--text-secondary);
}
.ec3xyke {
  transition: all 0.2s ease-in-out;
  color: var(--icon-primary);
  font-size: 20px;
}
.ec3xyke[data-collapsed="true"] {
  transform: rotate(90deg);
  color: var(--icon-secondary);
}
.ec3xykf {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ec3xykf[hidden] {
  display: none;
}
@media print {
  .ec3xyk8 {
    display: none;
  }
}
._126bcm41[data-disabled] {
  opacity: 0.5;
}
._126bcm42 {
  width: 100%;
  height: 1px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px 0;
  cursor: pointer;
}
._126bcm42[data-disabled] {
  cursor: not-allowed;
}
._126bcm43 {
  width: calc(100% - var(--_126bcm40));
  transform: translateX(calc(var(--_126bcm40) * 0.5));
  height: 1px;
  background-color: var(--border-default);
  position: relative;
  display: flex;
  justify-content: space-between;
}
._126bcm44 {
  height: 100%;
  background-color: var(--icon-primary);
  border-radius: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
._126bcm45 {
  width: var(--_126bcm40);
  height: var(--_126bcm40);
  background-color: var(--icon-primary);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
._126bcm45[data-disabled] {
  cursor: not-allowed;
}
._126bcm46 {
  width: 8px;
  height: 8px;
  border: 2px solid transparent;
  background-color: var(--border-default);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
._126bcm46[data-active="true"] {
  background-color: var(--icon-primary);
}
._126bcm46[data-disabled="true"] {
  cursor: not-allowed;
}
._111kvx34 {
  --_111kvx30: 26px;
  --_111kvx31: 3px;
  --_111kvx32: calc((var(--_111kvx30) - var(--_111kvx31)) * 2);
  --_111kvx33: calc(var(--_111kvx30) - var(--_111kvx31) * 2);
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
._111kvx35 {
  opacity: 0;
  position: absolute;
}
._111kvx36 {
  position: relative;
  height: var(--_111kvx30);
  width: var(--_111kvx32);
  background: var(--toggle-backgroundDisabled);
  border-radius: 37px;
  transition: 200ms all;
}
._111kvx36:before {
  content: "";
  transition: all .2s cubic-bezier(0.27, 0.2, 0.25, 1.51);
  position: absolute;
  width: var(--_111kvx33);
  height: var(--_111kvx33);
  border-radius: 50%;
  top: 50%;
  background: var(--toggle-foreground);
  transform: translate(var(--_111kvx31), -50%);
}
._111kvx37 {
  background: var(--interactive-primary);
}
._111kvx37:before {
  border-color: rgba(0, 0, 0, 0.1);
  transform: translate(calc(var(--_111kvx30) - var(--_111kvx31)), -50%);
}
._111kvx38 {
  cursor: not-allowed;
  opacity: 0.5;
}
._16xzhhp0 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
}
._16xzhhp1 {
  display: flex;
  gap: 12px;
  box-sizing: border-box;
  position: relative;
}
._16xzhhp1::after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: var(--border-default);
}
._16xzhhp2 {
  all: unset;
  font-weight: 500;
  padding: 6px 4px;
  cursor: pointer;
  font-size: 14px;
  color: var(--text-secondary);
  border-bottom: 2px solid transparent;
}
._16xzhhp2[data-state="active"] {
  color: var(--text-primary);
  border-color: var(--interactive-primary);
}
._16xzhhp3 {
  display: flex;
  flex-direction: column;
}
._16xzhhp3[data-state="inactive"] {
  display: none;
}
._1y0cb5f0 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  gap: 2px;
}
._1y0cb5f1 {
  flex: 1;
  min-width: 2px;
  max-width: 3px;
  background-color: #FFFFFF;
  border-radius: 999px;
  transition: height 0.1s ease-out;
  will-change: height;
}
._1bxbnwp0 {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0);
}
._1bxbnwp1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 6px 12px;
  background-color: #000000;
  border-radius: 999px;
}
._1bxbnwp2 {
  width: 100%;
  height: 24px;
  display: flex;
  align-items: center;
}
._1bxbnwp3 {
  display: none;
}
._1bxbnwp4 {
  display: none;
}
.j3pluz0 {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.j3pluz1 {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.faukgg0 {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  position: relative;
}
.faukgg1 {
  color: inherit;
}
.faukgg2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 120px;
}
.faukgg3 {
  display: flex;
  column-gap: 4px;
}
.faukgg4 {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  padding: 4px 18px;
}
.faukgg5 {
  display: flex;
  column-gap: 16px;
}
.faukgg6 {
  color: var(--text-link);
  font-weight: 500;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
}
.faukgg7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.faukgg8 {
  margin-top: 20px;
  margin-bottom: 12px;
}
.faukgg9 {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  align-items: center;
}
.faukgga {
  font-weight: 500;
  text-decoration: none;
  color: var(--text-link);
  font-size: 14px;
}
.faukggb {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 12px;
  position: absolute;
  bottom: 48px;
}
.faukggc {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: var(--text-secondary);
}
.oynbd00 {
  width: 100%;
  height: 100%;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 24px;
  gap: 12px;
}
.oynbd01 {
  width: 100%;
  height: auto;
  font-size: 18px;
  font-weight: 600;
  line-height: var(--line-height);
}
.oynbd02 {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.oynbd03 {
  top: 24px;
  right: 24px;
}
.oynbd04 {
  width: 100%;
  height: auto;
  font-size: 14px;
  line-height: var(--line-height);
  font-weight: 400;
  color: var(--text-secondary);
}
.oynbd05 {
  color: var(--text-link);
  cursor: pointer;
}
.oynbd06 {
  width: 100%;
  font-size: 15px;
  line-height: var(--line-height);
  font-weight: 400;
  color: var(--text-primary);
}
.oynbd07 {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: end;
  margin-top: 20px;
}
.oynbd08 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid var(--border-default);
  background: var(--interactive-secondary);
}
.oynbd08:hover {
  background: var(--background-hoverOverlay);
  cursor: pointer;
  transition: background .30s;
}
.oynbd09 {
  display: flex;
  align-items: center;
  padding: 0 4px;
  text-align: left;
  flex: 1;
  color: var(--text-primary);
  font-size: 15px;
  line-height: var(--line-height);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
}
.oynbd0a {
  margin-right: auto;
}
.oynbd0b {
  margin-left: auto;
}
._1k3amt90 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  min-height: 422px;
}
._1k3amt91 {
  margin-bottom: 20px;
}
._1k3amt91 .logo {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-primary);
  margin-right: 6px;
  vertical-align: middle;
}
._1k3amt91 > p:first-of-type {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 28px;
  display: flex;
  align-items: center;
}
._1k3amt91 > p:last-of-type {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}
._1k3amt92 {
  font-size: 15px;
  line-height: 24;
  flex-grow: 1;
}
._1k3amt92 > *:not(:last-child) {
  margin-bottom: 20px;
}
._1k3amt93 {
  position: relative;
}
._1k3amt93.with-hint {
  margin-bottom: 8px;
}
._1k3amt94 > *:not(:last-child) {
  margin-bottom: 20px;
}
._1k3amt93 label {
  display: block;
  color: var(--text-secondary);
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
._1k3amt95 {
  color: var(--status-error);
  font-size: 12px;
  line-height: 20px;
}
._1k3amt92 a {
  color: var(--text-link);
}
._1k3amt96 {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
._1k3amt96 .wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  overflow: hidden;
}
._1k3amt96 .content {
  max-width: 810px;
}
._1k3amt96 .title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 28px;
}
._1k3amt96 .subtitle {
  margin-bottom: 28px;
}
._1k3amt96 a {
  color: var(--text-link);
}
._1k3amt97 {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
._1k3amt98 {
  width: 330px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  ._1k3amt96 .content {
    margin-left: 200px;
    min-width: 500px;
    margin-right: 60px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
  }
}
@media screen and (max-width: 1024px) {
  ._1k3amt96 {
    flex-direction: column;
    padding: 100px 20px;
    justify-content: flex-start;
  }
  ._1k3amt96 .wrapper {
    flex-direction: column;
    justify-content: flex-start;
  }
  ._1k3amt96 .content {
    max-width: 600px;
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width: 520px) {
  ._1k3amt98 {
    width: 100%;
  }
}
._1xljrx60 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  position: relative;
  background-color: var(--background-primary);
  background-size: cover;
}
._1xljrx61 {
  color: inherit;
}
._1xljrx62 {
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: space-between;
  padding: 16px 120px;
}
._1xljrx63 {
  height: 52px;
  width: 100%;
  position: fixed;
  -webkit-app-region: drag;
}
._1xljrx64 {
  display: flex;
  column-gap: 4px;
}
._1xljrx65 {
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  padding: 4px 18px;
}
._1xljrx66 {
  font-size: 24px;
  pointer-events: auto;
}
._1xljrx66.plain {
  color: var(--text-primary);
}
._1xljrx69 {
  width: 100vw;
  height: 100vh;
  padding: 0;
  background: var(--background-primary);
  border-radius: 0;
  border: none;
  box-shadow: none;
}
._1xljrx6a {
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  padding: 12px 20px;
  max-width: 100%;
  position: relative;
  border-radius: 0;
  transition: background 0.3s ease;
}
._1xljrx6a:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: calc(100% - 40px);
  height: 0.5px;
  background: rgba(0, 0, 0, 0.1);
}
._1xljrx6a:not(:last-of-type) {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  ._1xljrx62 {
    padding: 16px 20px;
  }
  ._1xljrx64 {
    display: none;
  }
  ._1xljrx68 {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  ._1xljrx67 {
    display: none;
    position: absolute;
  }
}
.svxjg50 {
  position: absolute;
  right: 10px;
}
.svxjg51 {
  padding: 2px 15px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  font-size: 12px;
}
.svxjg51.weak {
  background-color: var(--color-red-50);
  color: var(--status-error);
}
.svxjg51.medium {
  background-color: var(--color-orange-50);
  color: var(--status-warning);
}
.svxjg51.strong {
  background-color: var(--color-green-50);
  color: var(--status-success);
}
.svxjg51.minimum, .svxjg51.maximum {
  background-color: var(--color-red-50);
  color: var(--status-error);
}
._1n3jnnw0 {
  background-color: var(--background-primary);
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._1n3jnnw0[data-is-macos-electron="true"] {
  margin: 8px;
  border-radius: 8px;
  height: calc(100vh - 16px);
}
._1n3jnnw1 {
  padding-top: 24px;
  padding-right: 24px;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  -webkit-app-region: drag;
}
._1n3jnnw1[data-is-windows-electron="true"] {
  padding-top: 0;
  padding-right: 0;
  gap: 16px;
}
._1n3jnnw2 {
  padding: 20px;
  position: sticky;
  bottom: 0;
  background-color: var(--background-primary);
}
._1n3jnnw3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 200px 160px;
}
._1n3jnnw4 {
  max-width: 600px;
}
._1n3jnnw5 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 36px;
  min-height: 450px;
}
._1n3jnnw6 {
  font-family: Inter;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}
._1n3jnnw7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex-grow: 1;
}
._1n3jnnw8 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
}
._1n3jnnw9 {
  align-items: center;
  font-size: 24px;
}
._1n3jnnw9 svg {
  color: var(--interactive-primary);
  flex-shrink: 0;
  margin-right: 8px;
}
._1n3jnnwa {
  font-size: 15px;
  font-weight: 500;
}
._1n3jnnwb {
  width: 520px;
}
._1n3jnnwc {
  font-weight: 600;
  font-size: 15px;
}
._1n3jnnwd {
  align-self: flex-start;
}
._1n3jnnwe {
  position: absolute;
  display: none;
  pointer-events: none;
}
._1n3jnnwf {
  margin-right: 24px;
}
._1n3jnnwg {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._1n3jnnwh {
  font-size: 28px;
  font-weight: 700;
  line-height: 44px;
}
._1n3jnnwi {
  font-size: 18px;
  height: 300px;
  font-weight: 600;
  line-height: 26px;
}
._1n3jnnwj {
  display: flex;
  font-size: 12px;
  height: 16px;
  gap: 6px;
  width: 100%;
  justify-content: flex-end;
  background-color: var(--background-primary);
}
._1n3jnnwk {
  color: var(--text-secondary);
}
._1n3jnnwk:visited {
  color: var(--text-secondary);
}
@media screen and (max-width: 1024px) {
  ._1n3jnnw3 {
    padding: 0px 36px 80px;
  }
  ._1n3jnnw4 {
    padding: 40px 0;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  ._1n3jnnwb {
    width: 100%;
  }
}
._1g4so650 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1g4so651 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1g4so652 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1g4so653 {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 20px;
}
._1g4so653 a {
  color: var(--text-link);
}
._1g4so653 .link {
  cursor: pointer;
  color: var(--text-link);
}
._1g4so654 {
  margin: auto;
  margin-bottom: 4px;
  text-align: center;
}
._1g4so655 {
  display: flex;
  justify-content: space-between;
}
._1g4so656 {
  color: var(--text-link);
  background: transparent;
  border-color: transparent;
  font-size: 12px;
  line-height: 22px;
  user-select: none;
}
._1g4so657 {
  background-color: var(--background-primary);
}
._1g4so658 {
  background-color: var(--background-primary);
}
._1g4so659 {
  display: flex;
  gap: 8px;
  overflow: hidden;
}
.uovl2u0 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  color: var(--text-primary);
  border-radius: 4px;
}
.uovl2u0:hover {
  background: var(--background-hoverOverlay);
}
.uovl2u0.active {
  color: var(--text-emphasis);
  cursor: default;
  pointer-events: none;
}
.uovl2u0.label {
  color: var(--icon-primary);
  font-size: 16px;
}
.uovl2u0.disabled {
  opacity: .4;
  cursor: default;
  color: var(--text-disabled);
  pointer-events: none;
}
.uovl2u0 a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uovl2u1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 5px;
}
._13bocys0 {
  border-bottom: 1px solid var(--border-default);
  padding-bottom: 16px;
  margin-bottom: 24px;
  white-space: pre-wrap;
}
._13bocys0 .title {
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}
._13bocys0 .subtitle {
  padding-top: 4px;
  padding-bottom: 8px;
  font-size: 12px;
  line-height: 20px;
  color: var(--text-secondary);
}
._13bocys1 {
  border-bottom: 1px solid var(--border-default);
  padding-bottom: 24px;
  margin-bottom: 24px;
}
._13bocys1:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
._13bocys2 {
  opacity: 0.5;
  pointer-events: none;
}
._13bocys1 .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: var(--text-secondary);
  margin-bottom: 16px;
}
._13bocys3 {
  margin-bottom: 25px;
  color: var(--text-primary);
  border-radius: 8px;
}
._13bocys3.two-col {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._13bocys3:last-of-type {
  margin-bottom: 0;
}
._13bocys3.disabled {
  position: relative;
}
._13bocys3.disabled::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
}
._13bocys3 .left-col {
  flex: 1;
  max-width: 100%;
}
._13bocys3.two-col .left-col {
  flex-shrink: 0;
  max-width: 80%;
}
._13bocys3 .name {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
}
._13bocys3 .desc {
  font-size: 12px;
  color: var(--text-secondary);
}
._13bocys3 .right-col {
  display: flex;
  justify-content: flex-end;
  padding-left: 15px;
  flex-shrink: 0;
}
._13bocys4 {
  font-size: 12px;
  background: var(--color-blue-50);
  padding: 0 8px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
}
._2r2taf0 {
  overflow: hidden;
  max-height: 85vh;
  border-radius: 16px;
}
._2r2taf0._2r2taf0 {
  display: flex;
  padding: 0;
  gap: 0;
  max-width: calc(100dvw - 100px);
  width: 1280px;
  height: 920px;
}
._2r2taf1 {
  display: flex;
  min-height: 0;
  width: 100%;
  height: 100%;
}
._2r2taf2 {
  border-right: 1px solid var(--border-default);
}
._2r2taf2 [data-slot="sidebar-menu-button"][data-active="true"] {
  font-weight: inherit;
}
._2r2taf3 {
  padding: 4px 8px;
  border-radius: 8px;
  cursor: pointer;
  user-select: none;
  display: flex;
  column-gap: 10px;
  align-items: center;
}
._2r2taf3:hover {
  background: var(--background-hoverOverlay);
}
._2r2taf3[data-active="true"] {
  background: var(--background-hoverOverlay);
}
._2r2taf3 .name-container {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 22px;
}
._2r2taf3 .name {
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._2r2taf3 .email {
  font-size: 12px;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._2r2taf4 {
  padding: 4px 8px;
  border-radius: 8px;
  cursor: pointer;
  user-select: none;
  display: flex;
  column-gap: 10px;
  align-items: center;
}
._2r2taf4:hover {
  background: var(--background-hoverOverlay);
}
._2r2taf4 .sign-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: var(--icon-secondary);
  background: var(--background-primary);
  border: 1px solid var(--icon-secondary);
}
._2r2taf4 .name {
  font-size: 14px;
  font-weight: 600;
}
._2r2taf4 .email {
  font-size: 12px;
  color: var(--text-secondary);
}
._2r2taf5 {
  display: flex;
  height: 100%;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  min-width: 0;
}
._2r2taf6 {
  display: flex;
  height: 52px;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px solid var(--border-default);
}
._2r2taf7 {
  flex: 1;
  overflow: auto;
  padding: 24px;
}
._2r2taf8 {
  width: 100%;
  max-width: 800px;
}
._2r2taf9 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  gap: 4px;
  font-size: 12px;
  flex-wrap: wrap;
}
._2r2tafa {
  color: var(--text-link);
  cursor: pointer;
}
._2r2tafb {
  height: 100%;
  padding: 40px 40px 20px 32px;
  display: flex;
}
._2r2tafc {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: fit-content;
}
._2r2tafd {
  position: relative;
  width: 100%;
  margin-bottom: 24px;
  min-height: 400px;
}
._2r2tafe {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}
._2r2taff {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
._1uohmb70 {
  margin-left: 20px;
}
._1uohmb70 label {
  display: block;
  font-size: 12px;
  color: var(--text-secondary);
  margin-bottom: 4px;
}
._1uohmb71 {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
._1uohmb71.disable {
  cursor: default;
  pointer-events: none;
}
._1uohmb71:hover .camera-icon-wrapper {
  display: flex;
}
._1uohmb71 .camera-icon-wrapper {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(60, 61, 63, 0.5);
  z-index: 1;
  color: var(--background-primary);
  font-size: 22px;
}
._1uohmb72 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
._1uohmb73 {
  padding-left: 0;
  padding-right: 0;
}
._1uohmb74 {
  margin-top: 12px;
}
._10x41ja0 {
  display: flex;
  font-size: 10px;
  height: 16px;
  font-weight: 400;
  cursor: pointer;
  color: var(--text-inverse);
  background-color: var(--color-blue-500);
  padding: 0 4px;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
}
._10x41ja0[data-is-believer="true"] {
  background-color: var(--color-brand-900);
}
._10x41ja0[data-is-pro="true"] {
  background-color: var(--color-blue-500);
}
._10wg2mn1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
._10wg2mn2 {
  width: 100%;
}
._10wg2mn3 {
  display: flex;
  justify-content: space-between;
  padding: 12px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
}
._10wg2mn4 {
  flex: 1 0 0;
}
._10wg2mn5 {
  width: auto !important;
}
._10wg2mn6 {
  font-size: 18px;
  font-weight: 600;
}
._10wg2mn7 {
  font-size: 15px;
}
._10wg2mn8 {
  margin-top: 24px;
}
._10wg2mn9 {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}
.dangerous-setting .name {
  color: var(--status-error);
}
._10wg2mna {
  color: var(--text-secondary);
  font-size: 12px;
}
._10wg2mnb {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-emphasis);
  cursor: pointer;
}
._10wg2mnc {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._10wg2mnd {
  display: flex;
  flex-direction: column;
  min-height: 72px;
  align-items: center;
  justify-content: center;
}
._10wg2mne {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
._10wg2mnf {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: var(--text-primary);
}
._10wg2mng {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: var(--text-secondary);
}
._10wg2mng > a {
  color: var(--interactive-primary);
  font-weight: 500;
}
._10wg2mnh {
  display: flex;
  flex-direction: column;
  align-items: end;
}
._10wg2mni {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: var(--text-primary);
}
._10wg2mnj {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text-secondary);
}
._10wg2mnk {
  display: flex;
  align-items: center;
  gap: 16px;
}
._10wg2mnl {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 22px;
}
._10wg2mnm {
  display: flex;
  gap: 4px;
  color: var(--interactive-primary);
}
._10wg2mnm.past-due {
  color: var(--interactive-error);
}
._10wg2mnn {
  font-size: 12px;
  font-weight: 500;
}
._10wg2mno {
  width: 14px;
  height: 14px;
}
._18vkh1u0 {
  font-weight: 500;
  font-size: 15px;
}
._18vkh1u1 {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
._18vkh1u2.plain {
  color: var(--interactive-primary);
}
._18vkh1u3.plain {
  color: var(--text-primary);
}
._1n99x430 {
  width: 100%;
}
._1n99x431 {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 40px;
}
._1n99x432 {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: var(--text-secondary);
}
._1n99x433 {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: var(--interactive-primary);
}
._1n99x434 {
  margin-left: 4px;
  color: var(--interactive-primary);
  font-weight: 400;
}
._1n99x435:first-letter {
  text-transform: uppercase;
}
._1n99x436 {
  font-size: 12px;
  line-height: 20px;
  display: flex;
  gap: 8px;
}
._1n99x436 > span {
  color: var(--text-secondary);
}
._1n99x437 {
  padding-right: calc(var(--setting-modal-gap-x) + 30px);
  display: flex;
  gap: 16px;
  width: fit-content;
}
._1n99x438 {
  background-color: var(--background-primary);
  min-height: 426px;
  min-width: 258px;
  border-radius: 16px;
  border: 1px solid var(--border-default);
  position: relative;
  user-select: none;
  transition: all 0.23s ease;
}
._1n99x438::before {
  content: "";
  position: absolute;
  right: calc(100% + var(--setting-modal-gap-x));
  scroll-snap-align: start;
}
._1n99x438[data-current="true"] {
  border-color: transparent;
}
._1n99x439 {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}
._1n99x439::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  border: 2px solid transparent;
  background: linear-gradient(180deg, var(--interactive-primary), #1E96EB33) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.23s ease;
}
._1n99x438[data-current="true"] ._1n99x439::after {
  opacity: 1;
}
._1n99x43b {
  background-color: var(--interactive-primary);
  color: var(--background-primary);
  padding: 0px 6px;
  border-radius: 4px;
  height: 24px;
  display: inline-block;
}
._1n99x43c {
  color: var(--text-emphasis);
  margin-left: 8px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  display: inline-block;
  height: 100%;
}
._1n99x43d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px;
  background: var(--background-overlay);
  border-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid var(--border-default);
  font-weight: 600;
  overflow: hidden;
  position: relative;
}
._1n99x43d > :not(._1n99x43e) {
  position: relative;
}
._1n99x43f {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
}
._1n99x43g {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: var(--text-secondary);
  margin-bottom: 8px;
}
._1n99x43h {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  height: 20px;
}
._1n99x43i {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: var(--text-secondary);
  margin-left: 4px;
}
._1n99x43j {
  min-height: 28px;
  line-height: 1;
  display: flex;
  align-items: flex-end;
}
._1n99x43k {
  font-size: 20px;
  margin-right: 8px;
}
._1n99x43l {
  color: var(--text-secondary);
  font-size: 14px;
}
._1n99x43m {
  width: 100%;
}
._1n99x43o[data-show-hover="true"], ._1n99x43n:hover ._1n99x43o[data-show-hover="false"] {
  display: none;
}
._1n99x43o[data-show-hover="false"], ._1n99x43n:hover ._1n99x43o[data-show-hover="true"] {
  display: block;
}
._1n99x43p {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
}
._1n99x43q {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1n99x43r {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: var(--text-secondary);
}
._1n99x43s {
  display: flex;
  gap: 8px;
  line-height: 20px;
  align-items: normal;
}
._1n99x43t {
  display: flex;
  align-items: center;
  height: 20px;
}
._1n99x43t > svg {
  color: var(--interactive-primary);
}
._1n99x43u {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--text-primary);
  font-size: 12px;
}
._1n99x43v {
  padding: 12px 0 20px 0px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1n99x43w {
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: var(--text-primary);
}
._1n99x43x {
  font-size: 14px;
  line-height: 22px;
  color: var(--text-secondary);
}
._1n99x43y {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  padding-top: 20px;
}
._1n99x43z {
  color: var(--text-emphasis);
}
._1n99x4310 {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 20px;
}
._1n99x4311 {
  text-decoration: underline;
}
._1feyi1c0 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1feyi1c1 {
  display: flex;
  gap: 8px;
  align-items: start;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
._1feyi1c1 svg {
  width: 20px;
  height: 20px;
  color: var(--interactive-primary);
}
._12p2x0k2 {
  position: relative;
  width: 100%;
  min-height: 200px;
  border-radius: 16px;
  padding: 20px 24px;
  border: 1px solid var(--border-default);
  overflow: hidden;
  background: var(--background-primary);
}
._12p2x0k3 {
  position: relative;
  z-index: 3;
}
._12p2x0k4 {
  --dot: #E0E0E0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: radial-gradient(circle, var(--dot) 1.2px, transparent 1.2px);
  background-size: 12px 12px;
  background-repeat: repeat;
}
._12p2x0k4::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
[data-theme="dark"] ._12p2x0k4 {
  --dot: rgba(255,255,255,0.1);
}
._12p2x0k2[data-type="1"] ._12p2x0k4::after {
  background: linear-gradient(231deg, transparent 0%, var(--color-white) 80%);
}
._12p2x0k2[data-type="2"] ._12p2x0k4::after {
  background: linear-gradient(290deg, transparent 0%, var(--color-white) 40%);
}
._12p2x0k4 > svg.brand-svg {
  --_12p2x0k0: #fff;
  --_12p2x0k1: #fff;
  position: absolute;
  z-index: 0;
}
[data-theme='dark'] ._12p2x0k4 > svg.brand-svg {
  --_12p2x0k0: #8C8C8C;
  --_12p2x0k1: #262626;
}
 ._12p2x0k4 > svg.icons-svg {
  color: rgba(0,0,0,0.1);
  position: absolute;
  z-index: 2;
}
[data-theme='dark'] ._12p2x0k4 > svg.icons-svg {
  color: transparent;
}
._12p2x0k2[data-type="1"] ._12p2x0k4 > svg.brand-svg {
  right: -150px;
  top: -100px;
}
._12p2x0k2[data-type="1"] ._12p2x0k4 > svg.icons-svg {
  right: -20px;
  top: 130px;
  opacity: 0.5;
}
._12p2x0k2[data-type="2"] ._12p2x0k4 > svg.brand-svg {
  position: absolute;
  right: -140px;
  bottom: -130px;
  transform: scale(0.58);
}
._12p2x0k2[data-type="2"] ._12p2x0k4 > svg.icons-svg {
  position: absolute;
  right: 148px;
  bottom: 16px;
  opacity: 0.5;
}
._12p2x0k2[data-type="2"] ._12p2x0k4 > svg.icons-svg .star {
  display: none;
}
._1fzsa7w0 {
  border: 1px solid var(--border-default);
  border-radius: 16px;
  padding: 36px;
}
._1fzsa7w1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
._1fzsa7w2 {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: var(--interactive-primary);
}
._1fzsa7w3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-primary);
}
._1fzsa7w4 {
  color: var(--text-primary);
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
._1fzsa7w5 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: start;
  margin-bottom: 24px;
}
._1fzsa7w6 {
  display: flex;
  gap: 12px;
}
._1fzsa7w7 {
  min-width: 160px;
  height: 37px;
  border-radius: 18px;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -1%;
}
._1fzsa7w8 {
  color: var(--text-emphasis);
  padding-left: 16px;
  padding-right: 16px;
}
._1fzsa7w9 {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: var(--text-secondary);
}
._1fzsa7w9 > a {
  color: var(--text-primary);
  text-decoration: underline;
}
._1fzsa7wa {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1fzsa7wb {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1fzsa7wc {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 4px;
}
._1fzsa7wc > svg {
  color: var(--interactive-primary);
  width: 20px;
  height: 20px;
}
._1fzsa7wd {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1fzsa7we {
  font-weight: 400;
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 24px;
  padding-left: 22px;
  position: relative;
}
._1fzsa7we::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: currentColor;
  position: absolute;
  left: 10px;
  top: 10px;
}
@keyframes xe8eskb {
  from {
    margin-bottom: -100px;
  }
  to {
    margin-bottom: 0;
  }
}
.xe8esk0 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.xe8esk1 {
  margin-left: calc(-1 * var(--setting-modal-gap-x));
  padding-left: var(--setting-modal-gap-x);
  width: var(--setting-modal-width);
  overflow-x: auto;
  padding-bottom: 21px;
  padding-top: 21px;
  margin-top: -21px;
}
.xe8esk2 {
  display: flex;
  align-items: center;
  user-select: none;
  touch-action: none;
  height: 9px;
  width: 100%;
}
.xe8esk3 {
  --radix-scroll-area-thumb-height: 4px;
  background: var(--icon-secondary);
  opacity: 0.6;
  overflow: hidden;
  height: 4px;
  border-radius: 4px;
}
.xe8esk4 {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--text-link);
  background: transparent;
  border-color: transparent;
  font-size: 12px;
}
.xe8esk5 {
  display: flex;
  align-items: start;
  margin-bottom: 8px;
}
.xe8esk6 {
  width: 0;
  flex: 1;
}
.xe8esk7 {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
}
.xe8esk8 {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: var(--text-secondary);
}
.xe8esk9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.xe8eska {
  opacity: 0;
}
[data-cloud-visible] .xe8eska {
  opacity: 1;
}
.xe8eskc {
  position: absolute;
  z-index: 1;
  bottom: 12px;
  width: var(--setting-modal-content-width);
  background: var(--background-primary);
  border-radius: 8px;
  border: 1px solid var(--border-default);
  transition: transform 0.36s ease 0.4s, opacity 0.3s ease 0.46s;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px 12px 16px;
  box-shadow: var(--shadow-xs);
  margin-bottom: -100px;
  animation: xe8eskb 0.3s ease 0.5s forwards;
}
[data-cloud-visible] .xe8eskc {
  transform: translateY(100px);
  opacity: 0;
}
div.xe8eskc {
  display: flex !important;
}
.xe8eskd {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: var(--text-primary);
}
.xe8eske {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: var(--text-secondary);
}
.rj23ih0 {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: var(--text-secondary);
  margin-bottom: 8px;
}
.rj23ih1 {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: var(--text-primary);
  margin-bottom: 4px;
}
.rj23ih2 {
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  color: var(--interactive-primary);
  margin-bottom: 24px;
}
.rj23ih3 {
  width: auto;
  height: 36px;
  margin-bottom: 8px;
  padding: 8px 18px;
}
.rj23ih4 {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 16px;
  max-width: 324px;
}
.rj23ih5 {
  color: inherit;
  cursor: text;
}
.twk4sl0 {
  display: flex;
  gap: 16px;
}
.twk4sl1 {
  width: 258px;
  height: 426px;
  flex-shrink: 0;
  border-radius: 16px;
  background-color: var(--background-primary);
  border: 1px solid var(--border-default);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.twk4sl2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.twk4sl3 {
  flex-grow: 1;
  height: 0;
}
.mhm3zd0 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 8px;
  background: var(--background-primary);
  border: 1px solid var(--border-default);
  overflow: hidden;
}
.mhm3zd1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mhm3zd2 {
  display: flex;
  padding: 8px 8px 8px 16px;
  height: 60px;
  align-items: center;
  gap: 12px;
}
.mhm3zd2:hover {
  background: var(--background-hoverOverlay);
}
.mhm3zd3 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mhm3zd4 {
  flex: 1;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.mhm3zd5 {
  font-size: 12px;
  color: var(--text-secondary);
}
.mhm3zd6 {
  flex: 1;
  font-size: 12px;
  color: var(--text-secondary);
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
}
.mhm3zd7 {
  padding-top: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  font-size: 14px;
}
.mhm3zd8 {
  padding-bottom: 4px;
}
._189i6v70 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._189i6v71 {
  color: var(--text-link);
  cursor: pointer;
  margin-left: 4px;
}
._189i6v72 {
  color: var(--interactive-error);
}
._189i6v73 {
  color: var(--text-link);
}
._1e70qmq0 {
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
}
._1e70qmq1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1e70qmq2 {
  display: flex;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  white-space: pre-wrap;
  position: relative;
}
._1e70qmq3 {
  display: inline-flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  white-space: pre-wrap;
  color: var(--text-secondary);
}
._1e70qmq4 {
  font-size: 12px;
  background: var(--color-blue-50);
  padding: 0 8px;
  border-radius: 4px;
  position: absolute;
  right: 32px;
  top: 0;
}
._1e70qmq5 {
  display: flex;
  align-items: center;
  height: 100px;
  margin: 20px 0;
}
._1e70qmq6 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
._1e70qmq7 {
  font-size: 14px;
  line-height: 24px;
  white-space: pre-wrap;
}
._1e70qmq7 strong {
  font-weight: 600;
}
._1e70qmq7 ul {
  padding: 12px 0;
  margin-left: 15px;
}
._1e70qmq7 li {
  list-style-type: disc;
  padding: 6px 0;
}
._1e70qmq7 li::marker {
  color: var(--color-brand-700);
}
._1e70qmq8 {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  color: var(--text-primary);
}
._1e70qmq9 {
  width: 16px;
  height: 16px;
  color: var(--icon-primary);
}
._1e70qmqa {
  font-size: 12px;
  color: var(--text-secondary);
}
._1e70qmqb {
  margin-top: auto;
  align-self: center;
}
._1e70qmqa strong {
  font-weight: 700;
}
._1h7avru0 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._1h7avru1 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}
._1h7avru2 {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid var(--border-default);
}
._1h7avru3 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._1h7avru4 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
}
._1h7avru5 {
  font-size: 12px;
  color: var(--text-secondary);
}
._1h7avru6 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
._1h7avru7 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._1h7avru8 {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
._1h7avru9 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
}
._1h7avrua {
  font-size: 12px;
  color: var(--text-secondary);
  font-family: var(--font-mono-family);
}
._1h7avrub {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
  background-color: var(--background-tertiary);
  padding: 2px 8px;
  border-radius: 4px;
  text-transform: capitalize;
}
._1h7avruc {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid var(--border-default);
  overflow: hidden;
}
._1h7avrud {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  gap: 16px;
}
._1h7avrud:not(:last-child) {
  border-bottom: 1px solid var(--border-default);
}
._1h7avrue {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._1h7avruf {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
}
._1h7avrug {
  font-size: 12px;
  color: var(--text-secondary);
}
._1h7avruh {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
._1h7avrui {
  font-size: 12px;
  color: var(--text-secondary);
  font-family: var(--font-mono-family);
}
._1h7avruj {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
._1h7avruk {
  width: 240px;
  font-size: 14px;
  font-family: var(--font-mono-family);
}
._1h7avrul {
  font-size: 12px;
  color: var(--text-tertiary);
  padding-top: 16px;
  line-height: 1.6;
}
.nnq7fr0 {
  color: var(--status-error);
}
._1pkpt9z0 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}
._1pkpt9z1 {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid var(--border-default);
  overflow: hidden;
}
._1pkpt9z2 {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  gap: 12px;
  transition: background-color 0.15s ease;
}
._1pkpt9z2:not(:last-child) {
  border-bottom: 1px solid var(--border-default);
}
._1pkpt9z2:hover {
  background-color: var(--background-secondary);
}
._1pkpt9z3 {
  flex: 1;
  font-size: 14px;
  font-family: var(--font-mono-family);
  color: var(--text-primary);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1pkpt9z4 {
  padding: 24px 16px;
  font-size: 12px;
  color: var(--text-tertiary);
  text-align: center;
}
._1pkpt9z5 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
._1pkpt9z6 {
  flex: 1;
  font-size: 14px;
  font-family: var(--font-mono-family);
}
._1pkpt9z7 {
  width: 120px;
  font-size: 14px;
  font-family: var(--font-mono-family);
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid var(--border-default);
  background-color: var(--background-primary);
  color: var(--text-primary);
  outline: none;
  transition: border-color 0.15s ease;
}
._1pkpt9z7:focus {
  border-color: var(--interactive-primary);
}
._1pkpt9z8 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._1pkpt9z9 {
  font-size: 12px;
  color: var(--text-tertiary);
  line-height: 1.6;
}
._1drwf500 {
  height: 100%;
  width: 100%;
  position: relative;
}
._1drwf501 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
._1m951an0 {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
._1m951an1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  width: 100%;
  gap: 8px;
  padding: 16px;
  max-width: 400px;
  transition: max-width 0.3s ease-in-out;
}
._1m951an1[data-show-stack="true"] {
  max-width: 600px;
}
._1m951an2 {
  width: 100%;
  overflow: hidden;
  text-wrap: wrap;
  word-break: break-word;
}
._1m951an3 {
  height: auto;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
._1m951an3[data-show-stack="true"] {
  max-height: 200px;
}
._1m951an4 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: var(--text-primary);
  margin-bottom: 4px;
}
._1m951an5 {
  display: flex;
  margin-top: 16px;
  width: 100%;
  gap: 32px;
  justify-content: center;
  align-items: center;
}
._1m951an6 {
  padding: 4px 8px;
  font-size: 12px;
  min-width: 120px;
}
._1m951an7 {
  display: flex;
  align-items: center;
}
._1m951an8 {
  transition: transform 0.3s ease-in-out;
  margin-left: 8px;
  width: 16px;
  height: 16px;
}
._1m951an8[data-show-stack="true"] {
  transform: rotate(180deg);
}
.lw0upr0 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding-bottom: 35px;
}
.lw0upr1 {
  text-align: center;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 4px;
}
.lw0upr2 {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--text-secondary);
  margin-bottom: 0;
  max-width: 300px;
}
.lw0upr3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lw0upr4 {
  display: flex;
  gap: 16px;
}
.lw0upr6 {
  padding: 8px 18px;
  height: auto;
  font-weight: 600;
}
.lw0upr7 {
  padding: 0 4px;
}
.lw0upr8 {
  padding: 0 4px;
}
.yvhp7l0 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.yvhp7l1 {
  display: flex;
  flex-wrap: nowrap;
}
.yvhp7l2 {
  background-color: var(--icon-active);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-top: 8px;
  margin-left: 4px;
  margin-right: 12px;
}
.yvhp7l3 {
  padding-left: 0;
}
.yvhp7l4 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yvhp7l5 {
  color: var(--status-error);
  font-size: 24px;
}
._1pnxbos0 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
}
._1pnxbos1 {
  margin-bottom: 10px;
}
._1pnxbos2 {
  display: flex;
  justify-content: flex-end;
}
._1pnxbos3 {
  color: var(--text-primary);
  font-weight: 600;
}
._1pnxbos4 {
  vertical-align: sub;
  display: inline-block;
}
._1pnxbos5 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
}
._1pnxbos6 {
  line-height: 1.5;
}
._1pnxbos7 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
._1pnxbos8 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
._1pnxbos9 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1pnxbosa {
  font-size: 14px;
  font-weight: 500;
}
._1pnxbosb {
  display: flex;
  align-items: center;
  gap: 4px;
}
._1pnxbosc {
  color: var(--icon-primary);
  font-size: 16px;
}
._1pnxbosd {
  color: var(--status-error);
  font-size: 12px;
}
._1pnxbose {
  padding: 4px 8px;
}
._1qmmxp40 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
}
._1qmmxp41 {
  margin-bottom: 10px;
}
._1qmmxp42 {
  display: flex;
  justify-content: flex-end;
}
._1qmmxp43 {
  margin-left: 4px;
  margin-right: 10px;
  color: var(--text-primary);
}
._1qmmxp44 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 5px;
}
._1qmmxp45 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  color: var(--text-primary);
  border-radius: 4px;
}
._1qmmxp45:hover {
  background: var(--background-hoverOverlay);
}
._1qmmxp45.active {
  color: var(--text-emphasis);
  cursor: default;
  pointer-events: none;
}
._1qmmxp45.label {
  color: var(--icon-primary);
  font-size: 16px;
}
._1qmmxp45.disabled {
  opacity: .4;
  cursor: default;
  color: var(--text-disabled);
  pointer-events: none;
}
._1qmmxp45 a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._1qmmxp46 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1qmmxp47 {
  font-size: 14px;
  font-weight: 500;
}
._1qmmxp48 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1qmmxp49 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._1qmmxp4a {
  color: var(--icon-primary);
  font-size: 16px;
}
._1qmmxp4b {
  color: var(--status-error);
  font-size: 12px;
}
._1qmmxp4c {
  padding-left: 0;
  padding-right: 0;
  overflow-y: visible;
}
._1qmmxp4d {
  display: flex;
  gap: 8px;
}
._1qmmxp4e {
  color: var(--text-secondary);
  font-size: 14px;
}
._17bwo340 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
}
._17bwo341 {
  display: flex;
  flex-direction: row;
  align-items: start;
  font-size: 15px;
}
._17bwo342 {
  background: var(--icon-active);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 12px;
  margin-top: 10px;
}
._1hw4gb50 {
  position: relative;
  opacity: 0.4;
  margin-top: 24px;
}
._1hw4gb50::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: not-allowed;
}
._1hw4gb51 {
  border-radius: 8px;
  border: 1px solid var(--border-default);
  overflow: hidden;
}
._1hw4gb52 {
  gap: 24px;
  display: flex;
  flex-direction: column;
}
._1hw4gb53 {
  display: inline-flex;
  align-items: center;
}
._1hw4gb54 {
  font-size: 12px;
  color: var(--text-emphasis);
  cursor: pointer;
  margin-left: 4px;
  display: inline;
}
._1hw4gb55 {
  color: var(--status-error);
  font-size: 14px;
  padding: 16px;
}
._1hw4gb56 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-secondary);
  gap: 8px;
  padding: 32px;
  font-size: 14px;
}
._1hw4gb57 {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 12px 16px;
  gap: 12px;
  transition: background-color 0.15s ease;
}
._1hw4gb57:not(:last-of-type) {
  border-bottom: 1px solid var(--border-default);
}
._1hw4gb57:hover {
  background-color: var(--background-secondary);
}
._1hw4gb58 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
._1hw4gb59 {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 4px;
  background-color: var(--background-tertiary);
  color: var(--text-secondary);
}
._1hw4gb59.pending {
  color: var(--color-blue-600);
  background-color: var(--color-blue-50);
}
._1hw4gb59.error {
  color: var(--status-error);
  background-color: var(--color-red-50);
}
._1hw4gb5a {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5;
}
._1hw4gb5b {
  font-size: 12px;
  color: var(--text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5;
}
._1hw4gb5c {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0;
}
._1hw4gb5d {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1hw4gb5e {
  display: flex;
}
._1hw4gb5f {
  background: var(--icon-active);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 12px;
  margin-top: 10px;
}
._1hw4gb5g {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
  margin-bottom: 20px;
}
._1hw4gb5h {
  padding: 4px 8px;
}
._1u3tobp0 {
  margin-top: 24px;
}
._1u3tobp1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
._1u3tobp2 {
  width: 100%;
}
._1u3tobp3 {
  color: var(--text-secondary);
  font-size: 12px;
}
._1u3tobp4 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._1u3tobp5 {
  display: flex;
  flex-direction: column;
  min-height: 72px;
  align-items: center;
  justify-content: center;
}
._1u3tobp6 {
  display: flex;
  justify-content: space-between;
  padding: 12px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
}
._1u3tobp7 {
  flex: 1 0 0;
}
._1u3tobp8 {
  font-size: 18px;
  font-weight: 600;
}
._1u3tobp9 {
  font-size: 15px;
}
._1u3tobpa {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-emphasis);
  cursor: pointer;
}
._1u3tobpb {
  margin-top: 8px;
}
._1u3tobpc {
  display: flex;
  align-items: center;
  gap: 16px;
}
._1u3tobpd {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 22px;
}
._1u3tobpe {
  display: flex;
  gap: 4px;
  color: var(--interactive-primary);
}
._1u3tobpe.past-due {
  color: var(--interactive-error);
}
._1u3tobpf {
  font-size: 12px;
  font-weight: 500;
}
._1u3tobpg {
  width: 14px;
  height: 14px;
}
.ygifu60 {
  display: flex;
  align-items: flex-end;
  margin-top: 12px;
}
.ygifu61 {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 24px;
  gap: 10px;
  flex-wrap: wrap;
}
.ygifu62 {
  font-size: 12px;
  color: var(--text-secondary);
  margin-bottom: 5px;
}
.ygifu63 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  padding: 2px 10px;
  border: 1px solid var(--border-default);
  font-size: 12px;
  color: var(--text-primary);
  line-height: 20px;
  white-space: nowrap;
}
.ygifu64 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ygifu65 {
  flex-grow: 1;
}
.ygifu65 .storage-progress-desc {
  font-size: 12px;
  color: var(--text-secondary);
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
}
.ygifu65 .storage-progress-bar-wrapper {
  height: 8px;
  border-radius: 4px;
  background-color: var(--background-hoverOverlay);
  overflow: hidden;
}
.ygifu66 {
  height: 100%;
}
._1t8pwy10 {
  position: relative;
  padding: 0;
  width: 560px;
  background: var(--background-overlay);
  border-radius: 12px;
}
._1t8pwy11 {
  margin: 44px 0px 12px 0px;
  width: 560px;
  font-weight: 600;
  font-size: 20px;;
  text-align: center;
}
._1t8pwy12 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 24px 0;
  font-size: 15px;
}
._1t8pwy13 {
  font-weight: 600;
}
._17fpcah0 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  pointer-events: none;
}
._17fpcah1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  opacity: 0;
}
._17fpcah2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--background-primary);
  transform: translateX(100%);
  pointer-events: auto;
  display: flex;
  flex-direction: column;
}
._17fpcah3 {
  padding-top: 16px;
}
._17fpcah4 {
  padding: 12px 0px 8px 16px;
  flex-shrink: 0;
}
._17fpcah5 {
  height: 0 !important;
  flex: 1;
}
._17fpcah6 {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
}
._6hai4k0 {
  font-weight: 500;
  color: var(--text-primary);
}
._6hai4k0[data-editing="true"] {
  -webkit-app-region: no-drag;
}
.q7mitp0 {
  max-width: 480px;
  min-width: 360px;
  padding: 20px 0;
  align-self: start;
  margin-top: 120px;
  max-height: calc(100dvh - 240px);
  overflow: auto;
}
.q7mitp1 {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.q7mitp2 {
  font-size: 18px;
  font-weight: 600;
}
.q7mitp3 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  padding: 6px;
  width: 160px;
}
.q7mitp4 {
  max-height: calc(100vh - 220px);
  padding: 0 24px;
}
.q7mitp5 {
  width: 6px;
  transform: translateX(-4px);
}
.q7mitp6 {
  width: 0;
  height: 0;
  position: absolute;
}
.q7mitp7 {
  margin-top: 20px;
  border-bottom: 4px;
}
.q7mitp8 {
  display: flex;
  flex-direction: column;
  position: relative;
}
.q7mitp9 {
  align-self: flex-start;
  font-size: 14px;
  color: var(--text-secondary);
  padding: 0 4px;
  height: 36px;
  font-weight: 400;
  gap: 6px;
}
[data-property-collapsed="true"] .q7mitp9 {
  display: none;
}
.q7mitp9 svg {
  font-size: 16px;
  color: var(--icon-secondary);
}
.q7mitp9:hover svg {
  color: var(--icon-primary);
}
@media print {
  .q7mitp9 {
    display: none;
  }
}
._1v4augo0 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: var(--text-primary);
  font-family: var(--font-sans-family);
  background-color: var(--background-primary);
  box-sizing: border-box;
}
._1v4augo1 {
  flex: 1;
  min-height: 0;
}
._1v4augo2 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._1v4augo3 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--text-secondary);
  padding-left: 8px;
  padding-right: 8px;
  flex-shrink: 0;
}
._1v4augo4 {
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background-color: var(--color-blue-500);
  flex-shrink: 0;
}
._1v4augo5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 12px;
  color: var(--text-secondary);
  font-size: 14px;
}
._4aw9g91 {
  --_4aw9g90: 32px;
  display: flex;
  align-items: center;
  height: var(--_4aw9g90);
  min-height: var(--_4aw9g90);
  border-bottom: 1px solid var(--border-default);
  background-color: var(--background-primary);
  overflow: hidden;
}
._4aw9g92 {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
._4aw9g93 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
  padding-right: 8px;
}
._4aw9g94 {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 100%;
  padding-left: 12px;
  padding-right: 4px;
  font-size: 12px;
  color: var(--text-secondary);
  cursor: pointer;
  border-right: 1px solid var(--border-default);
  flex-shrink: 0;
  max-width: 160px;
  user-select: none;
}
._4aw9g94[data-active="true"] {
  color: var(--text-primary);
  background-color: var(--background-secondary);
}
._4aw9g94:hover {
  background-color: var(--background-tertiary);
}
._4aw9g95 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
._4aw9g96 {
  outline: none;
  border-radius: 2px;
  padding: 0 2px;
}
._4aw9g96:focus {
  box-shadow: var(--shadow-active);
}
._4aw9g97 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  color: var(--text-tertiary);
  flex-shrink: 0;
  cursor: pointer;
}
._4aw9g97:hover {
  color: var(--text-primary);
  background-color: var(--background-tertiary);
}
._4aw9g98 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 100%;
  color: var(--text-tertiary);
  cursor: pointer;
  flex-shrink: 0;
}
._4aw9g98:hover {
  color: var(--text-primary);
  background-color: var(--background-tertiary);
}
._4aw9g98[data-disabled="true"] {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
._1qaubfy0 {
  flex-shrink: 0;
  padding: 12px;
}
._1qaubfy1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 12px;
  padding: 8px 6px 6px 8px;
  min-height: 52px;
  border: 1px solid var(--border-default);
  background-color: var(--background-primary);
  transition: border-color 0.15s ease;
}
._1qaubfy1:focus-within {
  border-color: var(--interactive-primary);
}
._1qaubfy2 {
  display: none;
}
._1qaubfy3 {
  padding: 0 2px;
}
._1qaubfy4 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0 2px;
}
._1qaubfy5 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 2px;
}
._1qaubfy6 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
  border-radius: 8px;
  max-width: 200px;
}
._1qaubfy7 {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  object-fit: cover;
  flex-shrink: 0;
}
._1qaubfy8 {
  width: 16px;
  height: 16px;
  color: var(--text-secondary);
  flex-shrink: 0;
}
._1qaubfy9 {
  font-size: 12px;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1qaubfya {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--text-tertiary);
  flex-shrink: 0;
  border-radius: 2px;
  transition: color 0.15s ease;
}
._1qaubfya:hover {
  color: var(--status-error);
}
._1qaubfya svg {
  width: 12px;
  height: 12px;
}
._1qaubfyb {
  flex: 1;
}
._1qaubfyc {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 2px;
}
._1qaubfyd {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--text-tertiary);
  border-radius: 4px;
  transition: color 0.15s ease;
}
._1qaubfyd:hover {
  color: var(--text-primary);
}
._1qaubfyd svg {
  width: 16px;
  height: 16px;
}
._1qaubfye {
  flex: 1;
}
._1qaubfyf {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  background-color: var(--interactive-primary);
  color: white;
  transition: opacity 0.15s ease;
  flex-shrink: 0;
}
._1qaubfyf:disabled {
  opacity: 0.3;
  cursor: default;
}
._1qaubfyf svg {
  width: 14px;
  height: 14px;
}
._1qaubfyg {
  background-color: var(--status-error);
}
._1qaubfyh {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 2px dashed var(--interactive-primary);
  background-color: rgba(24, 119, 232, 0.08);
  color: var(--interactive-primary);
  font-size: 14px;
  font-weight: 500;
  z-index: 10;
  pointer-events: none;
}
@keyframes _1nv84810 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
._1nv84811 {
  flex-shrink: 0;
  margin-left: auto;
}
._1nv84812 {
  max-width: 300px;
}
._1nv84813 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 0;
  font-size: 12px;
  color: var(--text-secondary);
  border-radius: 2px;
  cursor: default;
  transition: background-color 0.1s ease;
}
._1nv84813:hover {
  background-color: var(--background-secondary);
}
._1nv84814 {
  animation: _1nv84810 1.5s ease-in-out infinite;
}
._1nv84815 {
  color: var(--status-error);
}
._1k8zvmr0 {
  width: 100%;
  position: relative;
}
._1k8zvmr1 {
  min-height: 32px;
  max-height: 300px;
  overflow: auto;
  border-radius: 0;
  padding: 8px;
  background-color: transparent;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-primary);
  font-family: inherit;
}
._1k8zvmr1:focus-within {
  outline: none;
}
._1k8zvmr2 {
  min-height: 24px;
  outline: none;
  caret-color: var(--text-primary);
}
._1k8zvmr2 p {
  margin: 0;
  padding: 0;
}
._1k8zvmr2 .unified-mention {
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 500;
  user-select: none;
  cursor: pointer;
  display: inline-block;
}
._1k8zvmr2 .unified-mention--doc {
  background-color: rgba(24, 119, 232, 0.2);
  color: rgb(24, 119, 232);
}
._1k8zvmr2 .unified-mention--block {
  background-color: rgba(147, 51, 234, 0.2);
  color: rgb(147, 51, 234);
}
._1k8zvmr2 .unified-mention--variable {
  background-color: rgba(34, 197, 94, 0.2);
  color: rgb(34, 197, 94);
}
._1k8zvmr2 .unified-mention--folder {
  background-color: rgba(245, 158, 11, 0.2);
  color: rgb(245, 158, 11);
}
._1k8zvmr3 {
  color: var(--text-tertiary);
  opacity: 0.5;
}
._1k8zvmr4 {
  color: var(--text-secondary);
  pointer-events: none;
  position: absolute;
  top: 8px;
  left: 8px;
  user-select: none;
  opacity: 0.6;
  font-size: 12px;
  line-height: 1.5;
  font-family: inherit;
}
._1i19h330 {
  background-color: var(--background-primary);
  border: 1px solid var(--border-default);
  box-shadow: var(--shadow-popover);
  border-radius: 8px;
  padding: 4px;
  min-width: 220px;
  max-width: 340px;
  max-height: 280px;
  overflow: auto;
}
._1i19h330 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
._1i19h331 {
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
}
._1i19h332 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.1s ease;
}
._1i19h332[aria-selected="true"] {
  background-color: var(--background-hoverOverlay);
}
._1i19h333 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--icon-secondary);
}
._1i19h334 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
._1i19h335 {
  padding: 16px 8px;
  font-size: 12px;
  color: var(--text-tertiary);
  text-align: center;
}
._1an6re80 {
  background-color: var(--background-primary);
  border: 1px solid var(--border-default);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding: 4px;
  min-width: 220px;
  max-width: 320px;
  overflow: auto;
}
._1an6re80 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
._1an6re81 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.1s ease;
}
._1an6re81[aria-selected="true"] {
  background-color: var(--background-hoverOverlay);
}
._1an6re82 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--icon-secondary);
}
._1an6re83 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
._1an6re84 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
}
._1an6re85 {
  font-size: 12px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._1an6re86 {
  font-size: 12px;
  font-family: var(--font-mono-family);
  color: var(--text-tertiary);
  margin-left: auto;
  flex-shrink: 0;
  padding: 0 4px;
  background-color: var(--background-hoverOverlay);
  border-radius: 2px;
}
.x1ma70 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 0 6px;
  font-size: 11px;
  font-family: var(--font-mono-family);
  color: var(--text-tertiary);
  letter-spacing: 0.01em;
  user-select: none;
  white-space: nowrap;
}
.x1ma71 {
  color: var(--border-default);
}
.x1ma72 {
  color: var(--text-secondary);
  font-weight: 500;
}
.x1ma73 {
  color: var(--text-tertiary);
}
.x1ma74 {
  color: var(--text-disabled);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
._1mz9u2l0 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 28px;
  padding: 0 6px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--text-secondary);
  font-size: 12px;
  font-family: var(--font-sans-family);
  font-weight: 500;
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease;
  user-select: none;
  white-space: nowrap;
  max-width: 180px;
  outline: none;
}
._1mz9u2l0:hover {
  color: var(--text-primary);
  background-color: var(--background-hoverOverlay);
}
._1mz9u2l0:focus-visible {
  outline: 2px solid var(--interactive-primary);
  outline-offset: -2px;
}
._1mz9u2l0[data-disabled] {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}
._1mz9u2l0[data-state="open"] {
  color: var(--text-primary);
  background-color: var(--background-hoverOverlay);
}
._1mz9u2l1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1mz9u2l2 {
  flex-shrink: 0;
  color: var(--icon-secondary);
  transition: transform 0.15s ease;
}
._1mz9u2l0[data-state="open"] ._1mz9u2l2 {
  transform: rotate(180deg);
}
._1mz9u2l2 svg {
  width: 12px;
  height: 12px;
}
._1mz9u2l3 {
  color: var(--status-error);
}
._1mz9u2l3:hover {
  color: var(--status-error);
}
@keyframes roaekg9 {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
.roaekg0 {
  position: relative;
  display: flex;
  width: 100%;
}
.roaekg1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.roaekg2 {
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-primary);
  word-break: break-word;
}
.roaekg3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 8px;
}
.roaekg4 {
  width: 100%;
  max-height: 300px;
  object-fit: contain;
  border-radius: 4px;
  border: 1px solid var(--border-default);
}
.roaekg5 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.roaekg6 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.roaekg7 {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: -4px;
  display: flex;
  gap: 2px;
  padding: 2px;
  background: var(--background-overlay);
  border-radius: 2px;
  box-shadow: var(--shadow-xs);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.12s ease, visibility 0.12s ease;
}
.roaekg0:hover .roaekg8 {
  opacity: 1;
  visibility: visible;
}
.roaekga {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 4px;
  background-color: var(--background-secondary);
  color: var(--text-secondary);
  font-size: 13px;
}
.roaekgb {
  display: flex;
  gap: 3px;
}
.roaekgc {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--text-secondary);
  animation: roaekg9 1.4s ease-in-out infinite;
}
.roaekgc:nth-child(1) {
  animation-delay: 0s;
}
.roaekgc:nth-child(2) {
  animation-delay: 0.2s;
}
.roaekgc:nth-child(3) {
  animation-delay: 0.4s;
}
.roaekge {
  border-left: 2px solid var(--status-error);
  padding-left: 8px;
}
.roaekgf {
  opacity: 0.7;
  border-left: 2px solid var(--text-tertiary);
  padding-left: 8px;
}
.roaekgg {
  flex-direction: row-reverse;
}
.roaekgh {
  flex-direction: row;
}
.roaekgi {
  align-items: flex-end;
}
.roaekgj {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: var(--background-tertiary);
  border-radius: 8px;
  padding: 8px 12px;
  max-width: 85%;
  border: 1px solid var(--border-default);
}
.roaekgk {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  border-radius: 4px;
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
}
.roaekgl {
  width: 100%;
  min-height: 60px;
  padding: 6px;
  font-size: 13px;
  line-height: 20px;
  color: var(--text-primary);
  background-color: var(--background-primary);
  border: 1px solid var(--border-default);
  border-radius: 2px;
  resize: vertical;
  font-family: inherit;
}
.roaekgl:focus {
  outline: none;
  border-color: var(--interactive-primary);
}
.roaekgl::placeholder {
  color: var(--text-placeholder);
}
.roaekgm {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}
._1wk5yls0 {
  width: 100%;
}
._1xucqk60 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1xucqk60 h1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: var(--text-primary);
  margin-top: 12px;
}
._1xucqk60 h1:first-child {
  margin-top: 0;
}
._1xucqk60 h2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: var(--text-primary);
  margin-top: 12px;
}
._1xucqk60 h2:first-child {
  margin-top: 0;
}
._1xucqk60 h3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: var(--text-primary);
  margin-top: 8px;
}
._1xucqk60 h3:first-child {
  margin-top: 0;
}
._1xucqk60 h4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--text-primary);
  margin-top: 8px;
}
._1xucqk60 h4:first-child {
  margin-top: 0;
}
._1xucqk60 h5 {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: var(--text-primary);
  margin-top: 8px;
}
._1xucqk60 h5:first-child {
  margin-top: 0;
}
._1xucqk60 h6 {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: var(--text-secondary);
  margin-top: 8px;
}
._1xucqk60 h6:first-child {
  margin-top: 0;
}
._1xucqk60 ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1xucqk60 ol {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  counter-reset: list-counter;
}
._1xucqk60 li {
  position: relative;
  margin: 0;
  line-height: 1.7;
  padding-left: 20px;
}
._1xucqk60 ul > li::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 10px;
  width: 5px;
  height: 5px;
  border-radius: 9999px;
  background-color: var(--text-tertiary);
}
._1xucqk60 ol > li {
  counter-increment: list-counter;
}
._1xucqk60 ol > li::before {
  content: counter(list-counter) ".";
  position: absolute;
  left: 2px;
  top: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-tertiary);
  font-variant-numeric: tabular-nums;
}
._1xucqk60 li ul, ._1xucqk60 li ol {
  margin-top: 4px;
  gap: 2px;
}
._1xucqk60 ul ul > li::before {
  width: 4px;
  height: 4px;
  background-color: transparent;
  border: 1px solid var(--text-tertiary);
}
._1xucqk60 ol ol {
  counter-reset: nested-counter;
}
._1xucqk60 ol ol > li {
  counter-increment: nested-counter;
}
._1xucqk60 ol ol > li::before {
  content: counter(nested-counter, lower-alpha) ".";
}
._1xucqk60 li > p {
  margin: 0;
}
._1xucqk60 li > p + p {
  margin-top: 2px;
}
._1xucqk60 p {
  margin: 0;
}
._1xucqk60 pre {
  margin-top: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
._1xucqk60 pre::-webkit-scrollbar {
  height: 6px;
}
._1xucqk60 pre::-webkit-scrollbar-track {
  background: transparent;
}
._1xucqk60 pre::-webkit-scrollbar-thumb {
  background-color: var(--border-default);
  border-radius: 3px;
}
._1xucqk60 code {
  font-family: var(--font-mono-family);
  font-size: 13px;
  line-height: 1.6;
}
._1xucqk60 pre code {
  padding: 0;
  background-color: transparent;
  font-size: 12.5px;
  tab-size: 2;
  white-space: pre-wrap;
  word-break: break-word;
}
._1xucqk60 blockquote {
  margin: 0;
  padding: 8px 12px;
  border-left: 3px solid var(--border-strong);
  background-color: var(--background-secondary);
  border-radius: 0 4px 4px 0;
  color: var(--text-secondary);
}
._1xucqk60 table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
  line-height: 1.5;
  margin-top: 8px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  overflow: hidden;
}
._1xucqk60 thead {
  background-color: var(--background-secondary);
}
._1xucqk60 th {
  padding: 4px 8px;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  color: var(--text-secondary);
  border-bottom: 1px solid var(--border-default);
}
._1xucqk60 td {
  padding: 4px 8px;
  color: var(--text-primary);
  border-bottom: 1px solid var(--border-default);
}
._1xucqk60 tbody tr:last-child td {
  border-bottom: none;
}
._1xucqk60 th + th, ._1xucqk60 td + td {
  border-left: 1px solid var(--border-default);
}
._1xucqk60 tbody tr:hover td {
  background-color: var(--background-secondary);
}
._1xucqk60 :not(pre) > code {
  padding: 2px 6px;
  border-radius: 2px;
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
  font-size: 12px;
  font-weight: 500;
}
._1xucqk60 a {
  color: var(--interactive-primary);
  text-decoration: none;
}
._1xucqk60 a:hover {
  text-decoration: underline;
}
._1xucqk60 img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}
._1xucqk60 hr {
  border: none;
  border-top: 1px solid var(--border-default);
  margin-top: 12px;
}
._1xucqk60 strong {
  font-weight: 600;
  color: inherit;
}
._1xucqk60 em {
  font-style: italic;
  color: inherit;
}
._1xucqk60 del {
  text-decoration: line-through;
  color: var(--text-tertiary);
}
._1xucqk60 .contains-task-list {
  list-style: none;
  padding-left: 0;
  gap: 2px;
}
._1xucqk60 .contains-task-list > li {
  padding-left: 20px;
}
._1xucqk60 .contains-task-list > li::before {
  display: none;
}
._1xucqk60 .task-list-item input[type="checkbox"] {
  position: absolute;
  left: 2px;
  top: 4px;
  margin-right: 0;
  accent-color: var(--interactive-primary);
}
._1xucqk60 kbd {
  display: inline-block;
  padding: 2px 6px;
  font-size: 11px;
  font-family: var(--font-mono-family);
  line-height: 1.4;
  color: var(--text-secondary);
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
  border-radius: 2px;
  box-shadow: 0 1px 0 var(--border-default);
}
._1xucqk60 mark {
  background-color: var(--status-warningBackground);
  color: var(--text-primary);
  padding: 1px 4px;
  border-radius: 2px;
}
._1xucqk60 details {
  border: 1px solid var(--border-default);
  border-radius: 4px;
  padding: 8px 12px;
}
._1xucqk60 summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--text-secondary);
  user-select: none;
}
._1xucqk60 details[open] > summary {
  margin-bottom: 8px;
}
._1xucqk60 blockquote blockquote {
  margin-top: 4px;
}
._1xucqk60 .hljs-keyword, ._1xucqk60 .hljs-selector-tag {
  color: #c678dd;
}
._1xucqk60 .hljs-string, ._1xucqk60 .hljs-template-tag, ._1xucqk60 .hljs-template-variable {
  color: #98c379;
}
._1xucqk60 .hljs-number, ._1xucqk60 .hljs-literal {
  color: #d19a66;
}
._1xucqk60 .hljs-comment, ._1xucqk60 .hljs-quote {
  color: #5c6370;
  font-style: italic;
}
._1xucqk60 .hljs-title, ._1xucqk60 .hljs-title\.function_, ._1xucqk60 .hljs-title\.class_ {
  color: #61afef;
}
._1xucqk60 .hljs-type, ._1xucqk60 .hljs-built_in {
  color: #e5c07b;
}
._1xucqk60 .hljs-variable, ._1xucqk60 .hljs-params {
  color: #e06c75;
}
._1xucqk60 .hljs-attr, ._1xucqk60 .hljs-attribute {
  color: #d19a66;
}
._1xucqk60 .hljs-tag {
  color: #e06c75;
}
._1xucqk60 .hljs-operator, ._1xucqk60 .hljs-punctuation {
  color: #abb2bf;
}
._1xucqk60 .hljs-regexp {
  color: #56b6c2;
}
._1xucqk60 .hljs-meta, ._1xucqk60 .hljs-meta .hljs-keyword {
  color: #e06c75;
}
._1xucqk60 .hljs-property {
  color: #e06c75;
}
._1xucqk60 .hljs-selector-class, ._1xucqk60 .hljs-selector-id {
  color: #e5c07b;
}
._1xucqk60 .hljs-section {
  color: #61afef;
  font-weight: 600;
}
._1xucqk60 .hljs-addition {
  color: #98c379;
  background-color: rgba(152, 195, 121, 0.1);
}
._1xucqk60 .hljs-deletion {
  color: #e06c75;
  background-color: rgba(224, 108, 117, 0.1);
}
._1xucqk60 .hljs-symbol, ._1xucqk60 .hljs-bullet {
  color: #56b6c2;
}
._1xucqk60 .hljs-emphasis {
  font-style: italic;
}
._1xucqk60 .hljs-strong {
  font-weight: 600;
}
@keyframes _1sq4d0s8 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
._1sq4d0s0 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 4px;
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
}
._1sq4d0s1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._1sq4d0s2 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 4px;
}
._1sq4d0s3 {
  height: 3px;
  border-radius: 9999px;
  background-color: var(--background-primary);
  overflow: hidden;
}
._1sq4d0s4 {
  height: 100%;
  background-color: var(--interactive-primary);
  transition: width 0.23s ease;
  border-radius: 9999px;
}
._1sq4d0s5 {
  font-size: 11px;
  color: var(--text-tertiary);
  font-weight: 500;
  font-family: var(--font-mono-family);
}
._1sq4d0s6 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._1sq4d0s7 {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  padding: 4px 6px;
  border-radius: 2px;
  transition: background-color 0.12s ease;
}
._1sq4d0s7:hover {
  background-color: var(--background-hoverOverlay);
}
._1sq4d0s9 {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 600;
  margin-top: 2px;
}
._1sq4d0s7[data-status="pending"] ._1sq4d0s9 {
  border: 1.5px solid var(--border-default);
}
._1sq4d0s7[data-status="in_progress"] ._1sq4d0s9 {
  border: 1.5px solid var(--interactive-primary);
  animation: _1sq4d0s8 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
._1sq4d0s7[data-status="completed"] ._1sq4d0s9 {
  background-color: rgba(16, 185, 129, 0.15);
  color: #10b981;
}
._1sq4d0sa {
  flex: 1;
  font-size: 13px;
  line-height: 1.4;
  color: var(--text-primary);
  word-break: break-word;
}
._1sq4d0s7[data-status="completed"] ._1sq4d0sa {
  text-decoration: line-through;
  opacity: 0.5;
  color: var(--text-secondary);
}
._1sq4d0sb {
  font-size: 10px;
  font-weight: 500;
  padding: 1px 6px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  flex-shrink: 0;
}
._1sq4d0s7[data-status="pending"] ._1sq4d0sb {
  background-color: rgba(156, 163, 175, 0.1);
  color: var(--text-tertiary);
}
._1sq4d0s7[data-status="in_progress"] ._1sq4d0sb {
  background-color: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
}
._1sq4d0s7[data-status="completed"] ._1sq4d0sb {
  background-color: rgba(16, 185, 129, 0.1);
  color: #10b981;
}
._1sq4d0sc {
  padding: 12px;
  text-align: center;
  color: var(--text-tertiary);
  font-size: 13px;
}
._1sq4d0sd {
  height: 1px;
  background-color: var(--border-default);
  margin: 2px 0;
  opacity: 0.5;
}
.a98o2z0 {
  position: relative;
  display: inline-block;
  background-size: 250% 100%, auto;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-repeat: no-repeat, padding-box;
  background-image: linear-gradient(90deg, transparent calc(50% - var(--shimmer-spread, 0px)), var(--background-primary), transparent calc(50% + var(--shimmer-spread, 0px))), linear-gradient(var(--text-secondary), var(--text-secondary));
}
@keyframes _1xtigdo0 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes _1xtigdo1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes _1xtigdo2 {
  0% {
    height: 0;
  }
  100% {
    height: var(--radix-collapsible-content-height);
  }
}
@keyframes _1xtigdo3 {
  0% {
    height: var(--radix-collapsible-content-height);
  }
  100% {
    height: 0;
  }
}
._1xtigdo5 {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 6px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 18px;
  transition: color 0.12s;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
._1xtigdo5:hover {
  color: var(--text-primary);
}
._1xtigdo6 {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  transition: transform 0.15s;
}
._1xtigdo6[data-open="true"] {
  transform: rotate(180deg);
}
._1xtigdo6[data-open="false"] {
  transform: rotate(0deg);
}
._1xtigdo7 {
  margin-top: 4px;
  font-size: 13px;
  line-height: 20px;
  color: var(--text-secondary);
  outline: none;
  overflow: hidden;
}
._1xtigdo7[data-state="open"] {
  animation: _1xtigdo2 0.15s ease-out, _1xtigdo0 0.12s ease-out;
}
._1xtigdo7[data-state="closed"] {
  animation: _1xtigdo3 0.15s ease-in, _1xtigdo1 0.12s ease-in;
}
._1xtigdo8 {
  max-height: 100px;
}
._1xtigdo8 [data-slot="scroll-area-viewport"] {
  max-height: inherit;
}
._1xtigdo9 {
  display: grid;
  gap: 6px;
  padding: 2px 0;
}
.a66el10 {
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  border: 1px solid var(--border-default);
  overflow: hidden;
}
.a66el11 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: var(--background-secondary);
  user-select: none;
}
.a66el12 {
  flex-shrink: 0;
  transition: transform 0.15s ease;
}
.a66el12[data-expanded="true"] {
  transform: rotate(90deg);
}
.a66el13 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  flex: 1;
}
.a66el14 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  flex-shrink: 0;
}
.a66el15 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.a66el16 {
  background-color: var(--background-success);
  color: var(--status-success);
}
.a66el17 {
  background-color: var(--background-error);
  color: var(--status-error);
}
.a66el18 {
  padding: 16px;
  background-color: var(--background-primary);
  max-height: 400px;
  overflow: auto;
}
.a66el19 {
  font-family: ui-monospace, monospace;
  font-size: 12px;
  line-height: 18px;
  padding: 2px 8px;
  white-space: pre-wrap;
  word-break: break-word;
}
.a66el1a {
  color: var(--text-secondary);
  opacity: 0.7;
}
.a66el1b {
  background-color: var(--background-success);
  color: var(--status-success);
  border-left: 3px solid var(--status-success);
}
.a66el1c {
  background-color: var(--background-error);
  color: var(--status-error);
  border-left: 3px solid var(--status-error);
  text-decoration: line-through;
}
.a66el1d {
  color: var(--text-placeholder);
  font-size: 12px;
  font-style: italic;
  padding: 8px;
  text-align: center;
}
.a66el1e {
  font-size: 11px;
  color: var(--text-tertiary);
  margin-left: auto;
  display: flex;
  gap: 8px;
}
.a66el1f {
  color: var(--status-success);
}
.a66el1g {
  color: var(--status-error);
}
._1cljs8i0 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 4px 0;
}
._1cljs8i2 {
  font-family: var(--font-mono-family);
}
._1cljs8i3 {
  flex-shrink: 0;
  margin-left: auto;
}
._1cljs8i4 {
  font-size: 13px;
  color: var(--text-secondary);
  font-style: italic;
  padding: 8px 0;
}
._1cljs8i5 {
  font-size: 13px;
  color: var(--status-error);
  padding: 8px;
  background-color: rgba(255, 0, 0, 0.05);
  border-radius: 4px;
  border-left: 3px solid var(--status-error);
}
._1cljs8i6 {
  font-size: 13px;
  color: var(--icon-active);
  padding: 8px;
  background-color: rgba(0, 255, 0, 0.05);
  border-radius: 4px;
}
._1cljs8i7 {
  font-size: 13px;
  color: var(--text-primary);
  padding: 8px;
  margin-top: 8px;
  background-color: var(--background-hoverOverlay);
  border-radius: 4px;
}
@keyframes _1o85g0f0 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _1o85g0f1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes _1o85g0f2 {
  from {
    transform: translateY(-4px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes _1o85g0f3 {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-4px);
  }
}
._1o85g0f4 {
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--border-default);
  background-color: var(--background-primary);
  margin-block: 12px;
}
._1o85g0f5 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 4px 0;
  cursor: pointer;
  background: none;
  border: none;
  transition: background-color 0.12s ease;
}
._1o85g0f5:hover {
  background-color: var(--background-hoverOverlay);
}
._1o85g0f6 {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex: 1;
  min-width: 0;
}
._1o85g0f7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--text-tertiary);
}
._1o85g0f8 {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  color: var(--text-tertiary);
  transition: transform 0.2s ease;
}
[data-state="open"] ._1o85g0f8 {
  transform: rotate(180deg);
}
[data-state="closed"] ._1o85g0f8 {
  transform: rotate(0deg);
}
._1o85g0f9 {
  outline: none;
  border-top: 1px solid var(--border-default);
}
._1o85g0f9[data-state="open"] {
  animation: _1o85g0f0 0.12s ease, _1o85g0f2 0.12s ease;
}
._1o85g0f9[data-state="closed"] {
  animation: _1o85g0f1 0.12s ease, _1o85g0f3 0.12s ease;
}
._1o85g0fa {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 8px;
}
._1o85g0fa + ._1o85g0fa {
  border-top: 1px solid var(--border-default);
}
._1o85g0fb {
  font-size: 10px;
  font-weight: 600;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._1o85g0fc {
  border-radius: 2px;
  background-color: var(--background-primary);
  border: 1px solid var(--border-default);
  overflow: hidden;
}
._1o85g0fd {
  background-color: rgba(255, 0, 0, 0.03);
}
._1o85g0fe {
  font-size: 11px;
  font-family: var(--font-mono-family);
  color: var(--text-primary) !important;
  background-color: transparent !important;
  padding: 4px 6px;
  margin: 0;
  line-height: 1.3;
  white-space: pre-wrap;
  word-break: break-word;
}
._1o85g0ff {
  font-size: 12px;
  color: var(--status-error);
  padding: 6px;
  font-weight: 500;
}
._1o85g0fg {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._1o85g0fh {
  max-width: 100%;
  max-height: 300px;
  border-radius: 2px;
  object-fit: contain;
  display: block;
}
.o39ta40 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.o39ta41 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  font-family: monospace;
}
.o39ta42 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.o39ta43 {
  font-size: 12px;
  font-family: monospace;
  color: var(--text-primary);
  padding: 4px 8px;
  border-radius: 4px;
  transition: background-color 0.15s;
}
.o39ta43:hover {
  background-color: var(--background-hoverOverlay);
}
.o39ta43[data-is-dir="true"] {
  color: var(--text-link);
  font-weight: 500;
}
.o39ta44 {
  flex: 1;
}
.o39ta45 {
  color: var(--text-tertiary);
  font-size: 11px;
  margin-left: 8px;
}
._7gq4og0 {
  --_73z6ch0: 20px;
  border-radius: 4px;
  border: 1px solid var(--border-default);
  overflow: hidden;
}
._7gq4og1 {
  position: relative;
  font-family: var(--font-mono-family);
  font-size: 12px;
  line-height: 22px;
  color: var(--text-primary);
}
._7gq4og2 {
  padding-left: 28px;
}
._7gq4og3 {
  padding-left: 22px;
}
._7gq4og4 {
  outline: none;
  caret-color: transparent;
  padding: 4px 12px;
  white-space: pre;
}
._7gq4og5 {
  padding-left: 2px;
}
._7gq4og6 {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 4px;
  padding-left: 4px;
  text-align: right;
  user-select: none;
  pointer-events: none;
  color: var(--text-tertiary);
  font-family: var(--font-mono-family);
  font-size: 11px;
  line-height: 22px;
}
._7gq4og7 {
  display: block;
}
._7gq4og8 {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 4px;
  padding-left: 8px;
  user-select: none;
  pointer-events: none;
  font-family: var(--font-mono-family);
  font-size: 11px;
  line-height: 22px;
}
._7gq4og9 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
}
._7gq4oga {
  color: rgba(248, 81, 73, 0.8);
}
._7gq4ogb {
  color: rgba(46, 160, 67, 0.8);
}
._7gq4ogc {
  color: var(--text-disabled);
}
._7gq4og1 p[data-diff-line-type="before"] {
  background-color: rgba(248, 81, 73, 0.15);
  margin: 0;
  padding: 0 12px;
}
._7gq4og1 p[data-diff-line-type="after"] {
  background-color: rgba(46, 160, 67, 0.15);
  margin: 0;
  padding: 0 12px;
}
._7gq4og1 p[data-diff-line-type="unchanged"] {
  margin: 0;
  padding: 0 12px;
}
._7gq4og1 p[data-diff-line-type="collapsed"] {
  margin: 0;
  padding: 0 12px;
  color: var(--text-disabled);
  font-style: italic;
  background-color: var(--surface-secondary);
}
._7gq4og1 p {
  margin: 0;
  padding: 0 12px;
}
._7gq4og1 span[data-diff-type="deleted"] {
  background-color: rgba(248, 81, 73, 0.4);
  border-radius: 2px;
}
._7gq4og1 span[data-diff-type="inserted"] {
  background-color: rgba(46, 160, 67, 0.4);
  border-radius: 2px;
}
._7gq4og1 .code-highlight-keyword {
  color: #c678dd;
}
._7gq4og1 .code-highlight-string {
  color: #98c379;
}
._7gq4og1 .code-highlight-number {
  color: #d19a66;
}
._7gq4og1 .code-highlight-comment {
  color: #5c6370;
  font-style: italic;
}
._7gq4og1 .code-highlight-function {
  color: #61afef;
}
._7gq4og1 .code-highlight-type {
  color: #e5c07b;
}
._7gq4og1 .code-highlight-variable {
  color: #e06c75;
}
._7gq4og1 .code-highlight-attr {
  color: #d19a66;
}
._7gq4og1 .code-highlight-operator {
  color: #abb2bf;
}
._7gq4og1 .code-highlight-punctuation {
  color: #abb2bf;
}
._7gq4og1 .code-highlight-regex {
  color: #56b6c2;
}
._7gq4og1 .code-highlight-property {
  color: #e06c75;
}
._7gq4og1 .code-highlight-tag {
  color: #e06c75;
}
._7gq4og1 .code-highlight-selector {
  color: #e5c07b;
}
._7gq4og1 .code-highlight-meta {
  color: #e06c75;
}
._7gq4og1 .code-highlight-char {
  color: #56b6c2;
}
._1porz00 {
  --_73z6ch0: 20px;
  display: flex;
  flex-direction: column;
  margin: 8px 8px 8px 0;
  border-radius: 4px;
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
  overflow: hidden;
}
._1porz01 {
  display: flex;
  gap: 16px;
  padding: 8px 16px;
}
._1porz02 {
  display: flex;
  gap: 16px;
  padding: 6px 0 6px 16px;
  border-top: 1px solid var(--border-default);
}
._1porz03 {
  font-size: 11px;
  font-weight: 500;
  color: var(--text-tertiary);
  font-family: var(--font-mono-family);
  flex-shrink: 0;
  width: 32px;
  padding-top: 1px;
  user-select: none;
}
._1porz04 {
  font-size: 12px;
  font-family: var(--font-mono-family);
  color: var(--text-primary);
  background-color: transparent;
  line-height: 1.5;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  flex: 1;
  min-width: 0;
}
._1porz05 {
  font-size: 12px;
  font-family: var(--font-mono-family);
  color: var(--text-secondary);
  line-height: 1.5;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
._1au9w5p0 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1au9w5p1 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--background-hoverOverlay);
}
._1au9w5p2 {
  font-size: 12px;
  font-weight: 600;
  font-family: monospace;
  color: var(--text-link);
}
._1au9w5p3 {
  font-size: 11px;
  color: var(--text-tertiary);
  font-family: monospace;
  padding: 2px 8px;
  background-color: var(--background-hoverOverlay);
  border-radius: 4px;
}
._1au9w5p4 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1au9w5p5 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1au9w5p6 {
  font-size: 12px;
  font-weight: 600;
  font-family: monospace;
  color: var(--text-primary);
  margin-bottom: 4px;
}
._1au9w5p7 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-left: 16px;
}
._1au9w5p8 {
  display: flex;
  gap: 12px;
  font-size: 12px;
  font-family: monospace;
  padding: 4px 8px;
  border-radius: 4px;
  transition: background-color 0.15s;
}
._1au9w5p8:hover {
  background-color: var(--background-hoverOverlay);
}
._1au9w5p9 {
  color: var(--text-tertiary);
  font-weight: 600;
  min-width: 40px;
  text-align: right;
}
._1au9w5pa {
  color: var(--text-primary);
  flex: 1;
  overflow: auto;
}
.hek950 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.hek951 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
  padding-bottom: 8px;
  border-bottom: 1px solid var(--background-hoverOverlay);
}
.hek952 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.hek953 {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.hek954 {
  font-size: 12px;
  font-family: monospace;
  padding: 12px;
  border-radius: 6px;
  overflow: auto;
  max-height: 300px;
  line-height: 1.6;
  margin: 0;
  background-color: var(--background-secondary);
  color: var(--text-primary);
}
.hek954[data-diff="removed"] {
  background-color: rgba(255, 0, 0, 0.05);
  border-left: 3px solid rgba(255, 0, 0, 0.4);
}
._1btjdtl0 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1btjdtl1 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
  padding-bottom: 8px;
  border-bottom: 1px solid var(--background-hoverOverlay);
}
._1btjdtl2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1btjdtl3 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1btjdtl4 {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._1btjdtl5 {
  font-size: 12px;
  font-family: monospace;
  padding: 12px;
  border-radius: 6px;
  overflow: auto;
  max-height: 300px;
  line-height: 1.6;
  margin: 0;
  background-color: var(--background-secondary);
  color: var(--text-primary);
}
._1btjdtl5[data-diff="added"] {
  background-color: rgba(0, 255, 0, 0.05);
  border-left: 3px solid var(--icon-activated);
}
.tb46zf0 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tb46zf1 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
  padding-bottom: 8px;
  border-bottom: 1px solid var(--background-hoverOverlay);
}
.tb46zf2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tb46zf3 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tb46zf4 {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.tb46zf5 {
  font-size: 12px;
  font-family: monospace;
  padding: 12px;
  border-radius: 6px;
  overflow: auto;
  max-height: 300px;
  line-height: 1.6;
  margin: 0;
  background-color: var(--background-secondary);
  color: var(--text-primary);
}
.tb46zf5[data-diff="removed"] {
  background-color: rgba(255, 0, 0, 0.05);
  border-left: 3px solid rgba(255, 0, 0, 0.4);
}
.tb46zf5[data-diff="added"] {
  background-color: rgba(0, 255, 0, 0.05);
  border-left: 3px solid var(--icon-activated);
}
.m013di0 {
  font-size: 10px;
  font-weight: 600;
  color: var(--text-secondary);
  padding: 2px 6px;
  background-color: var(--background-hoverOverlay);
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  flex-shrink: 0;
}
.m013di1 {
  font-size: 12px;
  color: var(--text-tertiary);
  margin-top: 4px;
}
.m013di2 {
  font-size: 12px;
  color: var(--status-error);
  margin-top: 4px;
}
.m013di3 {
  margin: 8px 8px 8px 0;
}
.qlce1l0 {
  display: flex;
  align-items: center;
  gap: 6px;
}
.qlce1l1 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}
.qlce1l2 {
  font-size: 13px;
  color: var(--text-secondary);
  font-family: var(--font-mono-family);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.qlce1l3 {
  font-size: 10px;
  font-weight: 600;
  color: var(--text-secondary);
  padding: 2px 6px;
  background-color: var(--background-hoverOverlay);
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  flex-shrink: 0;
}
.qlce1l4 {
  font-size: 11px;
  opacity: 0.5;
  font-family: var(--font-mono-family);
  flex-shrink: 0;
  margin-left: auto;
}
.qlce1l5 {
  font-size: 12px;
  color: var(--text-tertiary);
  margin-top: 4px;
}
.qlce1l6 {
  font-size: 12px;
  color: var(--status-error);
  margin-top: 4px;
}
.qlce1l7 {
  margin: 8px 8px 8px 0;
}
.eu74qw0 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.eu74qw1 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
  padding-bottom: 8px;
  border-bottom: 1px solid var(--background-hoverOverlay);
}
.eu74qw2 {
  font-size: 10px;
  font-weight: 600;
  color: orange;
  padding: 2px 6px;
  background-color: rgba(255, 165, 0, 0.1);
  border-radius: 4px;
  text-transform: uppercase;
}
.eu74qw3 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.eu74qw4 {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.eu74qw5 {
  font-size: 12px;
  font-family: monospace;
  padding: 12px;
  border-radius: 6px;
  overflow: auto;
  max-height: 300px;
  line-height: 1.6;
  margin: 0;
  background-color: var(--background-secondary);
  color: var(--text-primary);
}
.eu74qw5[data-diff="added"] {
  background-color: rgba(0, 255, 0, 0.05);
  border-left: 3px solid var(--icon-activated);
}
.isubyp0 {
  padding: 8px 0;
}
.isubyp1 {
  max-width: 100%;
  max-height: 512px;
  border-radius: 8px;
  object-fit: contain;
}
.isubyp2 {
  display: flex;
  gap: 8px;
  padding: 4px 0;
  font-size: 12px;
  color: var(--text-tertiary);
  font-family: var(--font-mono-family);
}
._323g260 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 0;
}
._323g261 {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
._323g262 {
  flex-shrink: 0;
  width: 80px;
  text-align: right;
}
._323g263 {
  display: inline-flex;
  font-size: 11px;
  font-weight: 500;
  padding: 1px 6px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
._323g263[data-status="pending"] {
  background-color: color-mix(in srgb, var(--text-tertiary) 10%, transparent);
  color: var(--text-tertiary);
}
._323g263[data-status="in_progress"] {
  background-color: color-mix(in srgb, var(--status-info) 10%, transparent);
  color: var(--status-info);
}
._323g263[data-status="completed"] {
  background-color: color-mix(in srgb, var(--status-success) 10%, transparent);
  color: var(--status-success);
}
._323g263[data-status="deleted"] {
  background-color: color-mix(in srgb, var(--status-error) 10%, transparent);
  color: var(--status-error);
}
._323g264 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 0;
}
@keyframes _1nry44d0 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _1nry44d1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes _1nry44d2 {
  from {
    transform: translateY(-4px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes _1nry44d3 {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-4px);
  }
}
._1nry44d5 {
  display: flex;
  width: 100%;
  align-items: baseline;
  gap: 6px;
  font-size: 13px;
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  transition: color 0.15s ease;
}
._1nry44d5:hover {
  color: var(--text-primary);
}
._1nry44d6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
._1nry44d7 {
  font-size: 13px;
  line-height: 1.4;
}
._1nry44d8 {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
[data-state="open"] ._1nry44d8 {
  transform: rotate(180deg);
}
[data-state="closed"] ._1nry44d8 {
  transform: rotate(0deg);
}
._1nry44d9 {
  outline: none;
}
._1nry44d9[data-state="open"] {
  animation: _1nry44d0 0.12s ease, _1nry44d2 0.12s ease;
}
._1nry44d9[data-state="closed"] {
  animation: _1nry44d1 0.12s ease, _1nry44d3 0.12s ease;
}
._1nry44da {
  margin-top: 6px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-left: 2px solid var(--border-default);
  padding-left: 12px;
  color: var(--text-secondary);
}
._1nry44db {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.4;
}
._1nry44dc {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 2px;
  border: 1px solid var(--border-default);
  background-color: var(--background-secondary);
  padding: 1px 6px;
  font-size: 12px;
  color: var(--text-primary);
  font-family: var(--font-mono-family);
}
@keyframes kgykvw3 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.kgykvw0 {
  --depth: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.kgykvw0[style*="--depth: 0"] ._1nry44da {
  border-left-color: #3b82f6;
}
.kgykvw0[style*="--depth: 1"] ._1nry44da {
  border-left-color: #10b981;
}
.kgykvw0[style*="--depth: 2"] ._1nry44da {
  border-left-color: #f59e0b;
}
.kgykvw0[style*="--depth: 3"] ._1nry44da {
  border-left-color: #ef4444;
}
.kgykvw1 {
  display: flex;
  flex-direction: column;
}
.kgykvw2 {
  flex: 1;
  font-weight: 500;
}
.kgykvw4 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.kgykvw4[data-status="pending"] {
  border: 2px solid var(--text-secondary);
  opacity: 0.5;
}
.kgykvw4[data-status="in_progress"] {
  border: 2px solid #3b82f6;
  background-color: #3b82f6;
  animation: kgykvw3 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.kgykvw4[data-status="completed"] {
  background-color: #10b981;
  color: var(--background-primary);
}
.kgykvw5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 18px;
  padding: 0 4px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  background-color: var(--background-tertiary);
  color: var(--text-secondary);
}
.kgykvw6 {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 4px;
  background-color: var(--background-tertiary);
  color: var(--text-secondary);
  font-weight: 500;
}
._1c0y6i60 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 6px 0;
}
._1c0y6i61 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1c0y6i62 {
  font-weight: 500;
  font-size: 13px;
  color: var(--text-primary);
}
._1c0y6i63 {
  display: inline-flex;
  font-size: 11px;
  font-weight: 500;
  padding: 1px 6px;
  border-radius: 2px;
  background-color: color-mix(in srgb, var(--interactive-primary) 10%, transparent);
  color: var(--interactive-primary);
  margin-right: 6px;
}
._1c0y6i64 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding-left: 8px;
}
._1c0y6i65 {
  flex-shrink: 0;
  color: var(--text-tertiary);
  font-size: 12px;
}
._1c0y6i66 {
  font-size: 13px;
  color: var(--text-primary);
}
.sm2fdk0 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.sm2fdk0 + .sm2fdk0 {
  border-top: 1px solid var(--border-default);
}
.sm2fdk1 {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.sm2fdk2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sm2fdk3 {
  font-size: 13px;
  color: var(--text-primary);
  line-height: 1.5;
  margin: 0;
}
.sm2fdk4 {
  border-radius: 8px;
  background-color: var(--background-secondary);
  overflow: hidden;
}
.sm2fdk5 {
  font-size: 12px;
  font-family: monospace;
  color: var(--text-primary);
  padding: 12px;
  margin: 0;
  overflow: auto;
  max-height: 200px;
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-word;
}
.sm2fdk6 {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
._17smhea0 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: calc(var(--depth, 0) * 4px);
}
._17smhea1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  font-size: 10px;
  font-weight: 600;
  margin-left: auto;
  flex-shrink: 0;
}
._17smhea0[data-depth="0"] ._17smhea1 {
  background-color: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
}
._17smhea0[data-depth="1"] ._17smhea1 {
  background-color: rgba(16, 185, 129, 0.15);
  color: #10b981;
}
._17smhea0[data-depth="2"] ._17smhea1 {
  background-color: rgba(245, 158, 11, 0.15);
  color: #f59e0b;
}
._17smhea0[data-depth="3"] ._17smhea1 {
  background-color: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}
@keyframes _1tn75u70 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _1tn75u71 {
  from {
    transform: translateY(-4px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes _1tn75u72 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes _1tn75u73 {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-4px);
  }
}
._1tn75u74 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._1tn75u75 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-left: 12px;
  border-left: 2px solid var(--border-default);
  padding-left: 20px;
}
._1tn75u76 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._1tn75u74[data-depth="0"] > ._1tn75u75 {
  border-left-color: #3b82f6;
}
._1tn75u74[data-depth="1"] > ._1tn75u75 {
  border-left-color: #10b981;
}
._1tn75u74[data-depth="2"] > ._1tn75u75 {
  border-left-color: #f59e0b;
}
._1tn75u74[data-depth="3"] > ._1tn75u75 {
  border-left-color: #ef4444;
}
._1tn75u78 {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 6px;
  padding: 2px 0;
  font-size: 12px;
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 2px;
  transition: color 0.1s ease, background-color 0.1s ease;
}
._1tn75u78:hover {
  color: var(--text-primary);
  background-color: var(--background-secondary);
}
._1tn75u79 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
._1tn75u7a {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  color: var(--text-tertiary);
  opacity: 0;
  transition: transform 0.2s ease, opacity 0.15s ease;
}
._1tn75u78:hover ._1tn75u7a {
  opacity: 1;
}
[data-state="open"] ._1tn75u7a {
  opacity: 1;
  transform: rotate(180deg);
}
[data-state="closed"] ._1tn75u7a {
  transform: rotate(0deg);
}
._1tn75u7b {
  outline: none;
  padding-left: 20px;
}
._1tn75u7b[data-state="open"] {
  animation: _1tn75u70 0.12s ease, _1tn75u71 0.12s ease;
}
._1tn75u7b[data-state="closed"] {
  animation: _1tn75u72 0.12s ease, _1tn75u73 0.12s ease;
}
._1tn75u7c {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-secondary);
}
._1tn75u7d {
  padding-top: 2px;
}
._1tn75u7e {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  transition: color 0.15s ease;
}
._1tn75u7e:hover {
  color: var(--text-primary);
}
._1tn75u7f {
  outline: none;
  margin-top: 4px;
}
._1tn75u7f[data-state="open"] {
  animation: _1tn75u70 0.12s ease, _1tn75u71 0.12s ease;
}
._1tn75u7f[data-state="closed"] {
  animation: _1tn75u72 0.12s ease, _1tn75u73 0.12s ease;
}
.g4mftl0 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 4px;
  border-left: 3px solid var(--status-error);
  background-color: var(--background-error);
}
.g4mftl1 {
  flex-shrink: 0;
  color: var(--status-error);
  display: flex;
  align-items: center;
  margin-top: 1px;
}
.g4mftl1 svg {
  width: 16px;
  height: 16px;
}
.g4mftl2 {
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-primary);
  word-break: break-word;
  user-select: text;
}
.g4mftl3 {
  flex-shrink: 0;
}
.rkyrg0 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  line-height: 20px;
  margin-top: 4px;
}
.rkyrg1 {
  background-color: rgba(16, 185, 129, 0.1);
  color: #10b981;
}
.rkyrg2 {
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
.rkyrg3 {
  background-color: var(--background-secondary);
  color: var(--text-secondary);
}
.rkyrg4 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.rkyrg4 svg {
  width: 14px;
  height: 14px;
}
.rkyrg5 {
  font-weight: 400;
}
@keyframes _1jg7frp0 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
._1jg7frp1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 24px;
  gap: 12px;
}
._1jg7frp2 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--icon-secondary);
  animation: _1jg7frp0 1.5s ease-in-out infinite;
}
._1jg7frp2 svg {
  width: 64px;
  height: 64px;
}
._1jg7frp3 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  text-align: center;
  line-height: 22px;
}
@keyframes _1iw7i7zb {
  from {
    opacity: 1;
    pointer-events: auto;
    translate: -50% 0;
  }
  to {
    opacity: 0;
    pointer-events: none;
    translate: -50% 8px;
  }
}
._1iw7i7z0 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: var(--text-primary);
  font-family: var(--font-sans-family);
  box-sizing: border-box;
}
._1iw7i7z1 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
._1iw7i7z2 {
  width: 55%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: var(--text-primary);
  font-family: var(--font-sans-family);
  box-sizing: border-box;
  border-right: 1px solid var(--border-strong);
}
._1iw7i7z3 {
  width: 45%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._1iw7i7z4 {
  padding: 4px 8px;
  border-bottom: 1px solid var(--border-default);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
}
._1iw7i7z5 {
  display: flex;
  align-items: center;
  gap: 2px;
}
._1iw7i7z6 {
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  timeline-scope: --thread-scroll;
}
._1iw7i7z7 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-timeline-name: --thread-scroll;
}
._1iw7i7z8 {
  position: relative;
  width: 100%;
}
._1iw7i7z9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 16px;
}
._1iw7i7za {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 100%;
  padding: 12px 16px;
}
._1iw7i7zc {
  position: absolute;
  bottom: 12px;
  left: 50%;
  z-index: 1;
  appearance: none;
  outline: none;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 9999px;
  cursor: pointer;
  background-color: var(--glass-bgElevated);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--glass-borderDefault);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  color: var(--text-secondary);
  opacity: 0;
  pointer-events: none;
  translate: -50% 8px;
  transition: background-color 150ms ease-out, color 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out;
  animation-name: _1iw7i7zb;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
  animation-timeline: --thread-scroll;
  animation-range: calc(100% - 80px) 100%;
}
._1iw7i7zc:hover {
  background-color: var(--glass-bgHover);
  color: var(--text-primary);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
._1iw7i7zc:active {
  transform: scale(0.92);
}
._1iw7i7zc:focus-visible {
  outline: 2px solid var(--interactive-primary);
  outline-offset: 2px;
}
._1iw7i7zc svg {
  width: 16px;
  height: 16px;
}
._1iw7i7zd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 4px;
  color: var(--text-tertiary);
  font-size: 14px;
}
._1iw7i7ze {
  font-size: 12px;
  color: var(--text-tertiary);
}
._1iw7i7zf {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1iw7i7zg {
  font-size: 11px;
  color: var(--text-tertiary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
._1iw7i7zh {
  font-size: 14px;
  color: var(--text-primary);
  line-height: 1.5;
}
._1iw7i7zi {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  font-size: 11px;
  color: var(--text-secondary);
  flex-shrink: 0;
}
._1iw7i7zj {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--interactive-secondary);
  flex-shrink: 0;
}
._1iw7i7zk {
  font-family: var(--font-mono-family);
  letter-spacing: 0.02em;
}
@keyframes _1mdluf50 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._1mdluf51 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--border-default);
  background-color: var(--background-overlay);
  box-shadow: var(--shadow-sm);
  animation: _1mdluf50 0.2s ease;
}
._1mdluf52 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
._1mdluf53 {
  font-size: 11px;
  color: var(--text-tertiary);
  font-weight: 500;
  white-space: nowrap;
  font-family: var(--font-mono-family);
}
._1mdluf54 {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.3;
}
._1mdluf55 {
  font-family: var(--font-mono-family);
  font-size: 12px;
  color: var(--text-primary);
  background-color: var(--background-secondary);
  padding: 6px 8px;
  border-radius: 4px;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.4;
}
._1mdluf56 {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.5;
}
._1mdluf57 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1mdluf58 {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid var(--border-default);
  background-color: var(--background-secondary);
  cursor: pointer;
  transition: background-color 0.1s ease, border-color 0.1s ease;
  outline: none;
}
._1mdluf58:hover {
  background-color: var(--background-hoverFilled);
  border-color: var(--border-strong);
}
._1mdluf58[data-focused="true"] {
  background-color: var(--interactive-primary);
  border-color: var(--interactive-primary);
  color: var(--color-white);
}
._1mdluf58[data-focused="true"]:hover {
  background-color: var(--interactive-primaryHover);
  border-color: var(--interactive-primaryHover);
}
._1mdluf59 {
  font-family: var(--font-mono-family);
  font-size: 11px;
  font-weight: 600;
  min-width: 16px;
  text-align: center;
  opacity: 0.6;
}
._1mdluf58[data-focused="true"] ._1mdluf59 {
  opacity: 1;
}
._1mdluf5a {
  font-size: 13px;
  font-weight: 500;
}
._1mdluf5b {
  width: 100%;
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid var(--border-default);
  background-color: var(--background-secondary);
  color: var(--text-primary);
  font-size: 13px;
  font-family: inherit;
  outline: none;
  transition: border-color 0.1s ease;
}
._1mdluf5b::placeholder {
  color: var(--text-placeholder);
}
._1mdluf5b:focus {
  border-color: var(--border-focus);
}
._1mdluf5c {
  font-size: 10px;
  color: var(--text-tertiary);
}
._1o749j90 {
  border-radius: 8px;
  width: 100%;
  max-height: 320px;
  overflow: auto;
  z-index: 1000;
}
._1o749j91 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid var(--border-default);
}
._1o749j92 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}
._1o749j93 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 4px;
  background-color: transparent;
  color: var(--icon-secondary);
  cursor: pointer;
  transition: background-color 0.1s ease;
}
._1o749j93:hover {
  background-color: var(--background-hoverOverlay);
}
._1o749j94 {
  padding: 8px;
}
._1o749j95 {
  padding: 16px 12px;
  text-align: center;
  font-size: 14px;
  color: var(--text-tertiary);
}
@keyframes _1fp1xtb0 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._1fp1xtb1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--border-default);
  background-color: var(--background-overlay);
  box-shadow: var(--shadow-sm);
  animation: _1fp1xtb0 0.2s ease;
}
._1fp1xtb2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
._1fp1xtb3 {
  font-size: 11px;
  color: var(--text-tertiary);
  font-weight: 500;
  white-space: nowrap;
  font-family: var(--font-mono-family);
}
._1fp1xtb4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1fp1xtb5 {
  display: inline-flex;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 2px;
  background-color: color-mix(in srgb, var(--interactive-primary) 12%, transparent);
  color: var(--interactive-primary);
  margin-right: 6px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
._1fp1xtb6 {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.3;
}
._1fp1xtb7 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1fp1xtb8 {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid var(--border-default);
  background-color: var(--background-secondary);
  cursor: pointer;
  transition: background-color 0.1s ease, border-color 0.1s ease;
  outline: none;
}
._1fp1xtb8:hover {
  background-color: var(--background-hoverFilled);
  border-color: var(--border-strong);
}
._1fp1xtb8[data-focused="true"] {
  background-color: var(--interactive-primary);
  border-color: var(--interactive-primary);
  color: var(--color-white);
}
._1fp1xtb8[data-focused="true"]:hover {
  background-color: var(--interactive-primaryHover);
  border-color: var(--interactive-primaryHover);
}
._1fp1xtb8[data-selected="true"] {
  border-color: var(--interactive-primary);
  background-color: color-mix(in srgb, var(--interactive-primary) 8%, transparent);
}
._1fp1xtb9 {
  font-family: var(--font-mono-family);
  font-size: 11px;
  font-weight: 600;
  min-width: 16px;
  text-align: center;
  opacity: 0.6;
  flex-shrink: 0;
  padding-top: 1px;
}
._1fp1xtb8[data-focused="true"] ._1fp1xtb9 {
  opacity: 1;
}
._1fp1xtba {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._1fp1xtbb {
  font-size: 13px;
  font-weight: 500;
}
._1fp1xtbc {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.5;
}
._1fp1xtb8[data-focused="true"] ._1fp1xtbc {
  color: rgba(255, 255, 255, 0.8);
}
._1fp1xtbd {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 1.5px solid var(--border-strong);
  flex-shrink: 0;
  margin-top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.1s ease, border-color 0.1s ease;
}
._1fp1xtbd[data-checked="true"] {
  background-color: var(--interactive-primary);
  border-color: var(--interactive-primary);
}
._1fp1xtb8[data-focused="true"] ._1fp1xtbd {
  border-color: rgba(255, 255, 255, 0.6);
}
._1fp1xtb8[data-focused="true"] ._1fp1xtbd[data-checked="true"] {
  background-color: white;
  border-color: white;
}
._1fp1xtbe {
  width: 8px;
  height: 8px;
  background-color: white;
  border-radius: 1px;
}
._1fp1xtb8[data-focused="true"] ._1fp1xtbe {
  background-color: var(--interactive-primary);
}
._1fp1xtbf {
  width: 100%;
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid var(--border-default);
  background-color: var(--background-secondary);
  color: var(--text-primary);
  font-size: 13px;
  font-family: inherit;
  outline: none;
  transition: border-color 0.1s ease;
}
._1fp1xtbf::placeholder {
  color: var(--text-placeholder);
}
._1fp1xtbf:focus {
  border-color: var(--border-focus);
}
._1fp1xtbg {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 4px;
}
._1fp1xtbh {
  font-size: 10px;
  color: var(--text-tertiary);
}
.edgvj50 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--background-primary);
  border-radius: 8px;
  overflow: hidden;
}
.edgvj51 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-subtle);
  flex-shrink: 0;
  background-color: var(--background-secondary);
}
.edgvj52 {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 8px;
}
.edgvj53 {
  font-size: 14px;
  font-weight: 400;
  color: var(--text-secondary);
  font-family: var(--font-mono-family);
}
.edgvj54 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.edgvj55 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-subtle);
  flex-shrink: 0;
  background-color: var(--background-primary);
}
.edgvj56 {
  display: flex;
  gap: 8px;
  align-items: center;
}
.edgvj57 {
  flex: 1;
  padding: 8px 12px;
  font-size: 14px;
  color: var(--text-primary);
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
  border-radius: 4px;
  font-family: var(--font-mono-family);
  outline: none;
}
.edgvj57:focus {
  border-color: var(--interactive-primary);
}
.edgvj58 {
  flex: 1;
  padding: 8px 12px;
  font-size: 14px;
  color: var(--text-primary);
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
  border-radius: 4px;
  font-family: var(--font-mono-family);
  outline: none;
}
.edgvj58:focus {
  border-color: var(--interactive-primary);
}
.edgvj59 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--text-primary);
  cursor: pointer;
  user-select: none;
}
.edgvj5a {
  display: flex;
  gap: 4px;
  margin-left: auto;
}
.edgvj5b {
  padding: 4px 8px;
  font-size: 12px;
  color: var(--text-secondary);
  background-color: transparent;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  cursor: pointer;
  font-family: var(--font-mono-family);
}
.edgvj5b:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.edgvj5c {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 200px;
  overflow-y: auto;
  padding: 8px;
  background-color: var(--background-secondary);
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
}
.edgvj5d {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.edgvj5e {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.edgvj5f {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.edgvj5g {
  padding: 4px 8px;
  font-size: 12px;
  color: var(--text-primary);
  background-color: var(--interactive-primary);
  border: 1px solid var(--interactive-primary);
  border-radius: 4px;
  cursor: pointer;
  font-family: var(--font-mono-family);
  font-weight: 500;
}
.edgvj5g:hover {
  opacity: 0.9;
}
.edgvj5h {
  padding: 4px 8px;
  font-size: 12px;
  color: var(--text-secondary);
  background-color: transparent;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  cursor: pointer;
  font-family: var(--font-mono-family);
}
.edgvj5h:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.edgvj5i {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.edgvj5j {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--text-tertiary);
  font-size: 14px;
}
.edgvj5k {
  flex-shrink: 0;
  background-color: var(--background-secondary);
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  overflow: hidden;
  transition: border-color 0.15s;
}
.edgvj5k:hover {
  border-color: var(--border-default);
}
.edgvj5l {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  cursor: pointer;
  user-select: none;
}
.edgvj5l:hover {
  background-color: var(--background-hoverOverlay);
}
.edgvj5m {
  font-size: 12px;
  color: var(--text-tertiary);
  font-family: var(--font-mono-family);
  flex-shrink: 0;
}
.edgvj5n {
  font-size: 12px;
  font-weight: 500;
  font-family: var(--font-mono-family);
  padding: 4px 8px;
  border-radius: 2px;
  flex-shrink: 0;
}
.edgvj5o {
  background-color: rgba(59, 130, 246, 0.15);
  color: rgb(59, 130, 246);
}
.edgvj5p {
  background-color: rgba(168, 85, 247, 0.15);
  color: rgb(168, 85, 247);
}
.edgvj5q {
  background-color: rgba(34, 197, 94, 0.15);
  color: rgb(34, 197, 94);
}
.edgvj5r {
  background-color: rgba(249, 115, 22, 0.15);
  color: rgb(249, 115, 22);
}
.edgvj5s {
  background-color: rgba(156, 163, 175, 0.15);
  color: rgb(156, 163, 175);
}
.edgvj5t {
  font-size: 12px;
  color: var(--text-tertiary);
  font-family: var(--font-mono-family);
  margin-left: auto;
}
.edgvj5u {
  font-size: 12px;
  color: var(--text-secondary);
  width: 16px;
  text-align: center;
  flex-shrink: 0;
}
.edgvj5v {
  font-size: 12px;
  font-weight: 600;
  font-family: var(--font-mono-family);
  color: var(--text-secondary);
  flex-shrink: 0;
}
.edgvj5w {
  font-size: 12px;
  color: var(--text-tertiary);
  font-family: var(--font-mono-family);
  flex-shrink: 0;
}
.edgvj5x {
  border-top: 1px solid var(--border-subtle);
  background-color: var(--background-primary);
  max-height: 300px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.edgvj5y {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 12px;
  font-family: var(--font-mono-family);
  color: var(--text-secondary);
  cursor: pointer;
  border-bottom: 1px solid var(--border-subtle);
}
.edgvj5y:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
.edgvj5y:last-child {
  border-bottom: none;
}
.edgvj5z {
  color: var(--text-tertiary);
  flex-shrink: 0;
}
.edgvj510 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.edgvj511 {
  padding: 12px;
  border-top: 1px solid var(--border-subtle);
  background-color: var(--background-primary);
}
.edgvj512 {
  font-size: 12px;
  font-family: var(--font-mono-family);
  color: var(--text-primary);
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
  max-height: 400px;
  overflow-y: auto;
  padding: 8px;
  background-color: var(--background-secondary);
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
}
.hqlk2r4 {
  --hqlk2r0: 256px;
  --hqlk2r1: 0;
  position: relative;
  width: var(--hqlk2r0);
  min-width: var(--hqlk2r0);
  height: 100%;
  z-index: 4;
  transform: translateX(0);
  max-width: 50%;
}
.hqlk2r4[data-open="false"][data-handle-position="right"],.hqlk2r4[data-is-floating="true"][data-handle-position="right"] {
  margin-left: calc(var(--hqlk2r0) * -1);
}
.hqlk2r4[data-open="false"][data-handle-position="left"],.hqlk2r4[data-is-floating="true"][data-handle-position="left"] {
  margin-right: calc(var(--hqlk2r0) * -1);
}
.hqlk2r4[data-open="true"][data-handle-position="right"][data-is-floating="true"] {
  transform: translateX(calc(var(--hqlk2r0) + 4px));
}
.hqlk2r4[data-open="true"][data-handle-position="left"][data-is-floating="true"] {
  transform: translateX(calc(var(--hqlk2r0) * -1));
}
.hqlk2r4[data-enable-animation="true"] {
  transition: margin-left var(--hqlk2r3), margin-right var(--hqlk2r3), transform var(--hqlk2r3), background var(--hqlk2r3);
}
.hqlk2r4[data-transition-state="exited"] {
  visibility: hidden;
}
.hqlk2r5 {
  contain: strict;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.hqlk2r6 {
  position: relative;
  height: 100%;
  overflow: auto;
}
.hqlk2r7 {
  position: absolute;
  right: var(--hqlk2r1);
  top: var(--hqlk2r2);
  bottom: var(--hqlk2r2);
  width: 8px;
  z-index: 1;
  transform: translateX(50%);
  background-color: transparent;
  opacity: 0;
  display: flex;
  justify-content: center;
  cursor: col-resize;
  transition: opacity 0.15s ease 0.1s;
}
.hqlk2r7[data-resizing="true"], .hqlk2r7:hover {
  opacity: 1;
}
.hqlk2r7[data-open="false"] {
  display: none;
}
.hqlk2r7[data-collapsed="true"] {
  display: none;
}
.hqlk2r7[data-open="open"] {
  display: block;
}
.hqlk2r7[data-handle-position="left"] {
  left: var(--hqlk2r1);
  right: auto;
  transform: translateX(-50%);
}
.hqlk2r8 {
  position: absolute;
  height: 100%;
  width: 2px;
  border-radius: 2px;
  background-color: var(--interactive-primary);
  transition: all 0.2s ease-in-out;
  transform: translateX(0.5px);
}
.hqlk2r7[data-resizing="true"] .hqlk2r8 {
  width: 4px;
  border-radius: 4px;
}
@media (max-width: 600px) {
  .hqlk2r7 {
    display: none;
  }
}
._10e7v130 {
  display: flex;
  height: 100%;
  flex: 1;
}
._10e7v131 {
  flex: 1;
  overflow: hidden;
  height: 100%;
}
._10e7v132 {
  display: flex;
  flex-shrink: 0;
  height: 100%;
  right: 0;
}
._10e7v132[data-client-border=true] {
  padding-left: 8px;
  border-radius: 6px;
}
._10e7v132[data-client-border=false] {
  border-left: 0.5px solid var(--border-default);
}
._1744aoj0 {
  display: flex;
  height: 100%;
  overflow: clip;
  width: 100%;
  position: relative;
  flex-direction: column;
  min-width: 0;
  background: var(--background-primary);
}
._1744aoj1 {
  display: flex;
  height: 44px;
  width: 100%;
  align-items: center;
  flex-shrink: 0;
  background: var(--background-primary);
  padding: 0 16px;
  contain: strict;
}
._1744aoj1[data-show-switch=true] {
  padding-left: 8px;
}
._1744aoj2 {
  display: flex;
  flex: 1;
  overflow: hidden;
  contain: strict;
}
._1744aoj3 {
  margin: 0 16px 0 0;
}
._1744aoj4 {
  transition: all 0.2s ease-in-out;
}
._1744aoj4[data-show=true] {
  opacity: 1;
  width: 32px;
  max-width: 32px;
  margin-left: 16px;
}
._1744aoj4[data-show=false] {
  opacity: 0;
  max-width: 0;
  margin-left: 0;
  pointer-events: none;
}
._1744aoj5 {
  display: flex;
  height: 100%;
  width: 0;
  flex-grow: 1;
  min-width: 12px;
}
@media print {
  ._1744aoj1 {
    display: none;
  }
}
._1jex5ca0 {
  padding-bottom: 0;
}
._1jex5ca0[data-has-border=true] {
  border-right: 0.5px solid var(--border-default);
}
._1jex5ca0[data-is-floating="true"], ._1jex5ca0[data-is-electron="false"] {
  background-color: var(--background-primary);
}
._1jex5ca1[data-is-floating="true"] {
  background-color: var(--background-primary);
  height: calc(100% - 60px);
  margin-top: 52px;
  margin-left: 4px;
  box-shadow: var(--shadow-popover);
  border-radius: 6px;
}
._1jex5ca1[data-is-floating="true"][data-is-electron="true"] {
  height: 100%;
  margin-top: -4px;
}
._1jex5ca1[data-is-floating="true"][data-client-border="true"] {
  background-color: var(--background-overlay);
}
._1jex5ca1[data-is-floating="true"][data-client-border="true"]::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-repeat: repeat;
  background-size: 50px;
  background-image: var(--noise-background);
}
._1jex5ca2 {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
._1jex5ca3 {
  display: flex;
  align-items: center;
  column-gap: 32px;
}
._1jex5ca4 {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
._1jex5ca5 {
  flex: 0 0 auto;
  height: 52px;
  padding: 0px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._1jex5ca6 {
  flex: 1 1 auto;
  height: calc(100% - 52px);
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  padding: 0 0 8px 0;
}
._1jex5ca6[data-collapsed="true"] {
  align-items: center;
}
._1jex5ca7 {
  transition: opacity .15s;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  background: var(--background-modal);
}
._1jex5ca7[data-open="true"][data-is-floating="true"] {
  opacity: 1;
  pointer-events: auto;
  right: 0;
  z-index: 3;
}
._1jex5ca8 {
  align-items: flex-end;
  margin-bottom: 2px;
}
@media print {
  ._1jex5ca0 {
    display: none;
    z-index: -1;
  }
  ._1jex5ca7 {
    display: none;
  }
}
._1vp2dww0 {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  transition: max-width 0.2s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease;
}
._1vp2dww0:after {
  content: "";
  position: absolute;
  left: 19.75px;
  top: 6.25px;
  z-index: 2;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.3s ease;
  background-color: var(--interactive-primary);
}
._1vp2dww0[data-show=true] {
  opacity: 1;
  max-width: 60px;
}
._1vp2dww0[data-show=false] {
  opacity: 0;
  max-width: 0;
}
._1vp2dww0[data-notification=true]:after {
  transform: scale(1);
}
._1vp2dww1 {
  transition: clip-path 0.3s ease;
  clip-path: path(evenodd, "M 0 0 L 24 0 L 24 24 L 0 24 L 0 0 M19 4.25C19 4.38807 19.1119 4.5 19.25 4.5C19.3881 4.5 19.5 4.38807 19.5 4.25C19.5 4.11193 19.3881 4 19.25 4C19.1119 4 19 4.11193 19 4.25Z");
}
._1vp2dww1[data-notification=true] {
  clip-path: path(evenodd, "M 0 0 L 24 0 L 24 24 L 0 24 L 0 0 M23 5.25C23 7.59721 21.0972 9.5 18.75 9.5C16.4028 9.5 14.5 7.59721 14.5 5.25C14.5 2.90279 16.4028 1 18.75 1C21.0972 1 23 2.90279 23 5.25Z");
}
@keyframes _19dj9p98 {
  from {
    --_19dj9p92: 50px;
    --_19dj9p95: 3px;
    --_19dj9p96: 1;
    --_19dj9p97: 10px;
  }
  to {
    --_19dj9p92: 300px;
    --_19dj9p95: 100%;
    --_19dj9p96: 0.15;
    --_19dj9p97: 4px;
  }
}
._19dj9p99 {
  flex-shrink: 0;
  flex-grow: var(--_19dj9p93, 1);
  position: relative;
  order: var(--_19dj9p94);
  display: flex;
}
[data-is-resizing="true"]._19dj9p99 {
  transition: none;
}
[data-is-reordering="true"]._19dj9p99 {
  flex-grow: 1;
}
[data-client-border="false"] ._19dj9p99[data-is-first="true"] {
  border-top-left-radius: var(--_19dj9p91);
}
[data-client-border="false"] ._19dj9p99:not([data-is-last="true"]):not([data-is-dragging="true"]) {
  border-right: 0.5px solid var(--border-default);
}
[data-client-border="true"] ._19dj9p99 {
  border: 0.5px solid var(--border-default);
  border-top-left-radius: var(--_19dj9p91);
  border-bottom-left-radius: var(--_19dj9p91);
  border-top-right-radius: var(--_19dj9p91);
  border-bottom-right-radius: var(--_19dj9p91);
}
._19dj9p9a {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  transition: opacity 0.2s;
}
._19dj9p9a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 10;
  box-shadow: inset 0 0 0 0 transparent;
  transition: box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-is-active="true"]._19dj9p9a::after {
  box-shadow: inset 0 0 0 1px var(--interactive-primary);
}
[data-is-dragging="true"] ._19dj9p9a {
  opacity: 0.5;
}
._19dj9p9b {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}
._19dj9p9c {
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--_19dj9p92);
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
._19dj9p9c[data-can-resize="false"]:not([data-state="drop-indicator"]) {
  pointer-events: none;
}
._19dj9p9c[data-state="drop-indicator"] {
  --_19dj9p92: 50px;
}
._19dj9p9c[data-edge="left"] {
  left: calc(var(--_19dj9p92) * -0.5);
  right: auto;
}
._19dj9p9c[data-edge="right"] {
  left: auto;
  right: calc(var(--_19dj9p92) * -0.5);
}
._19dj9p9c[data-edge="right"][data-is-last="true"] {
  right: 0;
  left: auto;
}
[data-client-border="false"] ._19dj9p9c[data-is-last="true"][data-edge="right"]::before, [data-client-border="false"] ._19dj9p9c[data-is-last="true"][data-edge="right"]::after {
  transform: translateX(calc(0.5 * var(--_19dj9p92) - 1px));
}
._19dj9p9c[data-can-resize="true"] {
  cursor: col-resize;
}
[data-client-border="true"] ._19dj9p9c[data-edge="right"] {
  right: calc(var(--_19dj9p92) * -0.5 - 0.5px - var(--_19dj9p90) / 2);
}
._19dj9p99[data-is-dragging="true"] ._19dj9p9c {
  display: none;
}
._19dj9p9c[data-state="drop-indicator"][data-dragging-over="true"] {
  --_19dj9p96: 1;
  --_19dj9p95: 3px;
  animation-name: _19dj9p98;
  animation-duration: 0.5s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
._19dj9p9c::before, ._19dj9p9c::after {
  content: "";
  width: var(--_19dj9p95);
  position: absolute;
  height: 100%;
  transition: all 0.2s, transform 0s;
  border-radius: var(--_19dj9p97);
}
._19dj9p9c::before {
  background: var(--interactive-primary);
  opacity: var(--_19dj9p96);
}
._19dj9p9c[data-state="resizing"]::before, ._19dj9p9c[data-state="resizing"]::after {
  --_19dj9p95: 3px;
  --_19dj9p96: 1;
}
._19dj9p9c[data-state="drop-indicator"][data-dragging-over="false"]::before {
  --_19dj9p96: 0.5;
}
._19dj9p9c:is(:hover[data-can-resize="true"], [data-state="resizing"])::before {
  --_19dj9p95: 3px;
  --_19dj9p96: 1;
}
._19dj9p9c:is(:hover[data-can-resize="true"], [data-state="resizing"])::after {
  box-shadow: 0px 12px 21px 4px var(--interactive-primary);
  opacity: 0.15;
}
._19dj9p9d {
  --_19dj9p90: 0px;
  --_19dj9p91: 6px;
  --_19dj9p92: 10px;
  --_19dj9p95: 2px;
  --_19dj9p96: 0;
  --_19dj9p97: 10px;
  display: flex;
  flex-direction: row;
  position: relative;
  border-radius: var(--_19dj9p91);
  gap: var(--_19dj9p90);
  padding: 0 10px;
  margin: 0 -10px;
}
._19dj9p9d[data-client-border="true"] {
  --_19dj9p90: 8px;
}
._19dj9p9d:has(._19dj9p9c[data-dragging-over="true"]) {
  overflow: clip;
}
._19dj9p9e {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._194so110 {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  max-width: 300px;
  min-width: 120px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-app-region: no-drag;
}
._194so111 {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
}
._194so112 {
  padding: 0px 20px;
  cursor: grab;
  -webkit-app-region: no-drag;
  color: var(--text-placeholder);
  transition: all 0.2s;
  gap: 2px;
}
._194so112:hover, ._194so112[data-active="true"], ._194so112[data-dragging="true"] {
  color: var(--interactive-primary);
}
._194so112[data-dragging="true"] {
  gap: 3px;
}
._194so113 {
  padding: 3px 4px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: inherit;
  background-color: var(--background-primary);
  border-radius: 8px;
}
._194so114 {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: currentColor;
  transition: all 0.2s;
}
._194so112[data-dragging="true"] ._194so114:is([data-idx="0"], [data-idx="2"]) {
  width: 7px;
}
._194so112[data-dragging="true"] ._194so114[data-idx="1"] {
  width: 6px;
}
._194so115 {
  position: absolute;
  inset: 0;
  height: 2px;
  background: linear-gradient(to right, transparent, currentColor, transparent);
  transition: opacity 0.2s;
  opacity: 0;
}
._194so112[data-dragging="true"] ._194so115, ._194so112:hover ._194so115 {
  opacity: 1;
}
.ur02ur0 {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background-color: var(--background-modal);
  pointer-events: auto;
}
.ur02ur0[data-anime-state="animating"] {
  opacity: 0;
}
.ur02ur1 {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.ur02ur2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}
.ur02ur1[data-mode="max"] .ur02ur2 {
  width: calc(100% - 64px);
  height: calc(100% - 64px);
}
.ur02ur1[data-mode="full"] .ur02ur2 {
  width: 100%;
  height: 100%;
}
.ur02ur1[data-mode="fit"] .ur02ur2 {
  width: 90%;
  height: 90%;
  max-width: 1248px;
}
.ur02ur2[data-anime-state="animating"] {
  opacity: 0;
}
.ur02ur3 {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}
.ur02ur4 {
  background-color: var(--background-overlay);
  box-shadow: var(--shadow-md);
}
.ur02ur5 {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  overflow: hidden;
  min-height: 300px;
  outline: none;
  position: relative;
}
.ur02ur5[data-no-interaction=true] {
  pointer-events: none;
}
.ur02ur6 {
  position: absolute;
  right: -48px;
  top: 0;
  z-index: -1;
  min-width: 48px;
  padding: 8px 0 0 16px;
  pointer-events: auto;
}
@media screen and (width <= 640px) {
  .ur02ur1:is([data-mode="max"], [data-mode="fit"]) .ur02ur2 {
    height: 80%;
    width: calc(100% - 32px);
    padding-right: 0;
    padding-bottom: 32px;
    align-self: flex-end;
  }
  .ur02ur6 {
    top: -48px;
    right: 0;
    left: 0;
    padding: 8px;
  }
}
@media screen and (width > 640px) and (width <= 1024px) {
  .ur02ur1[data-mode="fit"] .ur02ur2 {
    padding-right: 12px;
  }
  .ur02ur6 {
    padding-left: 0;
  }
}
._1538v5z0 {
  font-size: 15px;
  color: var(--text-primary);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 20px;
}
._1538v5z1 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
._1538v5z2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  text-align: center;
  margin-top: auto;
  padding-top: 120px;
  margin-bottom: auto;
}
._1538v5z3 {
  box-shadow: var(--shadow-button) !important;
}
/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

.editor-shell {
  margin: 0;
  border-radius: 0;
  width: 100%;
  height: 100vh;
  color: var(--text-primary);
  position: relative;
  line-height: 1.7;
  font-weight: 400;
}

.editor-shell.editor-shell-fullscreen {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  max-width: none;
}

.editor-shell .editor-container {
  background: var(--background-primary);
  position: relative;
  display: block;
  border-radius: 0;
  flex: 1;
  overflow: auto;
}

.editor-shell .editor-container.tree-view {
  border-radius: 0;
}

.editor-shell .editor-container.plain-text {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.editor-scroller {
  min-height: 100%;
  max-width: 100%;
  flex: 1;
  border: 0;
  display: flex;
  position: relative;
  outline: 0;
  z-index: 0;
  resize: none;
}

.editor {
  flex: auto;
  max-width: 100%;
  position: relative;
  resize: vertical;
  z-index: -1;
}

.test-recorder-output {
  margin: 20px auto 20px auto;
  width: 100%;
}

.tree-view-output {
  display: block;
  background: #222;
  color: #fff;
  padding: 0;
  font-size: 12px;
  margin: 1px auto 10px auto;
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.tree-view-output pre {
  line-height: 1.1;
  background: #222;
  color: #fff;
  margin: 0;
  padding: 10px;
  font-size: 12px;
  overflow: auto;
  max-height: 400px;
}

.tree-view-output pre::-webkit-scrollbar {
  background: transparent;
  width: 10px;
}

.tree-view-output pre::-webkit-scrollbar-thumb {
  background: #999;
}

.editor-dev-button {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 12px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  outline: none;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
  background-color: #444;
}

.editor-dev-button::after {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  display: block;
  background-size: contain;
  filter: invert(1);
}

.editor-dev-button:hover {
  background-color: #555;
}

.editor-dev-button.active {
  background-color: rgb(233, 35, 35);
}

.test-recorder-toolbar {
  display: flex;
}

.test-recorder-button {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  font-size: 10px;
  padding: 6px 6px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  outline: none;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
  background-color: #222;
  transition: box-shadow 50ms ease-out;
}

.test-recorder-button:active {
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);
}

.test-recorder-button + .test-recorder-button {
  margin-left: 4px;
}

.test-recorder-button::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  display: block;
  background-size: contain;
  filter: invert(1);
}

#options-button {
  position: fixed;
  left: 20px;
  bottom: 20px;
}

#test-recorder-button {
  position: fixed;
  left: 70px;
  bottom: 20px;
}

#paste-log-button {
  position: fixed;
  left: 120px;
  bottom: 20px;
}

#docs-button {
  position: fixed;
  left: 170px;
  bottom: 20px;
}

#options-button::after {
  background-image: url(/assets/gear.40993e36.svg);
}

#test-recorder-button::after {
  background-image: url(/assets/code.912b1f4d.svg);
}

#paste-log-button::after {
  background-image: url(/assets/clipboard.74885197.svg);
}

#docs-button::after {
  background-image: url(/assets/file-earmark-text.bcfb5c74.svg);
}

#test-recorder-button-snapshot {
  margin-right: auto;
}

#test-recorder-button-snapshot::after {
  background-image: url(/assets/camera.147e3d3d.svg);
}

#test-recorder-button-copy::after {
  background-image: url(/assets/clipboard.74885197.svg);
}

#test-recorder-button-download::after {
  background-image: url(/assets/download.4de86450.svg);
}

.typeahead-popover {
  background: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  position: relative;
}

.typeahead-popover ul {
  padding: 0;
  list-style: none;
  margin: 0;
  border-radius: 8px;
  max-height: 200px;
  overflow-y: scroll;
}

.typeahead-popover ul::-webkit-scrollbar {
  display: none;
}

.typeahead-popover ul {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.typeahead-popover ul li {
  margin: 0;
  min-width: 180px;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  border-radius: 8px;
}

.typeahead-popover ul li.selected {
  background: #eee;
}

.typeahead-popover li {
  margin: 0 8px 0 8px;
  padding: 8px;
  color: #050505;
  cursor: pointer;
  line-height: 16px;
  font-size: 15px;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-shrink: 0;
  background-color: #fff;
  border-radius: 8px;
  border: 0;
}

.typeahead-popover li.active {
  display: flex;
  width: 20px;
  height: 20px;
  background-size: contain;
}

.typeahead-popover li:first-child {
  border-radius: 8px 8px 0px 0px;
}

.typeahead-popover li:last-child {
  border-radius: 0px 0px 8px 8px;
}

.typeahead-popover li:hover {
  background-color: #eee;
}

.typeahead-popover li .text {
  display: flex;
  line-height: 20px;
  flex-grow: 1;
  min-width: 150px;
}

.typeahead-popover li .icon {
  display: flex;
  width: 20px;
  height: 20px;
  user-select: none;
  margin-right: 8px;
  flex-shrink: 0;
}

.component-picker-menu {
  width: 200px;
}

.mentions-menu {
  width: 250px;
}

.auto-embed-menu {
  width: 150px;
}

.emoji-menu {
  width: 200px;
}

i.palette {
  background-image: url(/assets/palette.958c57c6.svg);
}

i.bucket {
  background-image: url(/assets/paint-bucket.a8912666.svg);
}

i.bold {
  background-image: url(/assets/type-bold.7e3e270b.svg);
}

i.italic {
  background-image: url(/assets/type-italic.d8e45748.svg);
}

i.clear {
  background-image: url(/assets/trash.a399e1fe.svg);
}

i.code {
  background-image: url(/assets/code.912b1f4d.svg);
}

i.underline {
  background-image: url(/assets/type-underline.104a0ed5.svg);
}

i.uppercase {
  background-image: url(/assets/type-uppercase.11cc2629.svg);
}

i.lowercase {
  background-image: url(/assets/type-lowercase.4b942bf5.svg);
}

i.capitalize {
  background-image: url(/assets/type-capitalize.96cc1f23.svg);
}

i.strikethrough {
  background-image: url(/assets/type-strikethrough.2694a816.svg);
}

i.subscript {
  background-image: url(/assets/type-subscript.0b1f38a0.svg);
}

i.superscript {
  background-image: url(/assets/type-superscript.20cbe23c.svg);
}

i.highlight {
  background-image: url(/assets/highlighter.42d30392.svg);
}

i.link {
  background-image: url(/assets/link.b774de25.svg);
}

i.horizontal-rule {
  background-image: url(/assets/horizontal-rule.6fa23d57.svg);
}

.icon.plus {
  background-image: url(/assets/plus.14112428.svg);
}

.icon.caret-right {
  background-image: url(/assets/caret-right-fill.2942d25e.svg);
}

.icon.dropdown-more {
  background-image: url(/assets/dropdown-more.09f3d139.svg);
}

.icon.font-color {
  background-image: url(/assets/font-color.4f0c0de5.svg);
}

.icon.font-family {
  background-image: url(/assets/font-family.cd3adf4e.svg);
}

.icon.bg-color {
  background-image: url(/assets/bg-color.387561e0.svg);
}

.icon.table {
  background-color: #6c757d;
  mask-image: url(/assets/table.0c7c3473.svg);
  -webkit-mask-image: url(/assets/table.0c7c3473.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}

i.image {
  background-image: url(/assets/file-image.9a20f2a6.svg);
}

i.table {
  background-image: url(/assets/table.0c7c3473.svg);
}

i.close {
  background-image: url(/assets/close.29fbfcb1.svg);
}

i.figma {
  background-image: url(/assets/figma.0b8b47f6.svg);
}

i.poll {
  background-image: url(/assets/card-checklist.ca95adc9.svg);
}

i.columns {
  background-image: url(/assets/3-columns.8cd6d38a.svg);
}

i.x {
  background-image: url(/assets/x.7e158f14.svg);
}

i.youtube {
  background-image: url(/assets/youtube.107845c3.svg);
}

.icon.left-align,
i.left-align {
  background-image: url(/assets/text-left.54f41f4e.svg);
}

.icon.center-align,
i.center-align {
  background-image: url(/assets/text-center.a411e780.svg);
}

.icon.right-align,
i.right-align {
  background-image: url(/assets/text-right.9288b7a2.svg);
}

.icon.justify-align,
i.justify-align {
  background-image: url(/assets/justify.4fefd490.svg);
}

.icon.vertical-top,
i.left-align {
  background-image: url(/assets/vertical-top.6c4ae0ef.svg);
}

.icon.vertical-middle,
i.center-align {
  background-image: url(/assets/vertical-middle.f9736ecf.svg);
}

.icon.vertical-bottom,
i.right-align {
  background-image: url(/assets/vertical-bottom.44f23918.svg);
}

i.indent {
  background-image: url(/assets/indent.627c9430.svg);
}

i.markdown {
  background-image: url(/assets/markdown.e04d06ad.svg);
}

i.outdent {
  background-image: url(/assets/outdent.d2e8ca31.svg);
}

i.undo {
  background-image: url(/assets/arrow-counterclockwise.d3ba4c55.svg);
}

i.redo {
  background-image: url(/assets/arrow-clockwise.ce8dea10.svg);
}

i.sticky {
  background-image: url(/assets/sticky.faa2ad70.svg);
}

i.mic {
  background-image: url(/assets/mic.3f4ad731.svg);
}

i.import {
  background-image: url(/assets/upload.8794811b.svg);
}

i.export {
  background-image: url(/assets/download.4de86450.svg);
}

i.share {
  background-image: url(/assets/send.37932bbe.svg);
}

i.diagram-2 {
  background-image: url(/assets/diagram-2.111341e8.svg);
}

i.user {
  background-image: url(/assets/user.2391a690.svg);
}

i.equation {
  background-image: url(/assets/plus-slash-minus.6eb49a72.svg);
}

i.calendar {
  background-image: url(/assets/calendar.1485980e.svg);
}

i.gif {
  background-image: url(/assets/filetype-gif.71b41263.svg);
}

i.copy {
  background-image: url(/assets/copy.1b0c370e.svg);
}

i.paste {
  background-image: url(/assets/clipboard.74885197.svg);
}

i.success {
  background-image: url(/assets/success.c56f463c.svg);
}

i.prettier {
  background-image: url(/assets/prettier.b513f0f5.svg);
}

i.prettier-error {
  background-image: url(/assets/prettier-error.1e1325e0.svg);
}

i.page-break,
.icon.page-break {
  background-image: url(/assets/scissors.dfd5cb75.svg);
}

.link-editor .button.active,
.toolbar .button.active {
  background-color: rgb(223, 232, 250);
}

.link-editor .link-input {
  display: block;
  width: calc(100% - 75px);
  box-sizing: border-box;
  margin: 12px 12px;
  padding: 8px 12px;
  border-radius: 15px;
  background-color: #eee;
  font-size: 15px;
  color: rgb(5, 5, 5);
  border: 0;
  outline: 0;
  position: relative;
  font-family: inherit;
}

.link-editor .link-view {
  display: block;
  width: calc(100% - 24px);
  margin: 8px 12px;
  padding: 8px 12px;
  border-radius: 15px;
  font-size: 15px;
  color: rgb(5, 5, 5);
  border: 0;
  outline: 0;
  position: relative;
  font-family: inherit;
}

.link-editor .link-view a {
  display: block;
  word-break: break-word;
  width: calc(100% - 33px);
}

.link-editor div.link-edit {
  background-image: url(/assets/pencil-fill.94cb216b.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.link-editor div.link-trash {
  background-image: url(/assets/trash.a399e1fe.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.link-editor div.link-cancel {
  background-image: url(/assets/close.29fbfcb1.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  margin-right: 28px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.link-editor div.link-confirm {
  background-image: url(/assets/success-alt.e22bb551.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  margin-right: 2px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.link-editor .link-input a {
  color: rgb(33, 111, 219);
  text-decoration: underline;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 30px;
  text-overflow: ellipsis;
}

.link-editor .link-input a:hover {
  text-decoration: underline;
}

.link-editor .font-size-wrapper,
.link-editor .font-family-wrapper {
  display: flex;
  margin: 0 4px;
}

.link-editor select {
  padding: 6px;
  border: none;
  background-color: rgba(0, 0, 0, 0.075);
  border-radius: 4px;
}

.mention:focus {
  box-shadow: rgb(180 213 255) 0px 0px 0px 2px;
  outline: none;
}

.characters-limit {
  color: #888;
  font-size: 12px;
  text-align: right;
  display: block;
  position: absolute;
  left: 12px;
  bottom: 5px;
}

.characters-limit.characters-limit-exceeded {
  color: red;
}

.dropdown {
  z-index: 100;
  display: block;
  position: fixed;
  box-shadow:
    0 12px 28px 0 rgba(0, 0, 0, 0.2),
    0 2px 4px 0 rgba(0, 0, 0, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  min-height: 40px;
  background-color: #fff;
}

.dropdown .item {
  margin: 0 8px 0 8px;
  padding: 8px;
  color: #050505;
  cursor: pointer;
  line-height: 16px;
  font-size: 15px;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 8px;
  border: 0;
  max-width: 264px;
  min-width: 100px;
}

.dropdown .item.wide {
  align-items: center;
  width: 260px;
}

.dropdown .item.wide .icon-text-container {
  display: flex;

  .text {
    min-width: 120px;
  }
}

.dropdown .item .shortcut {
  color: #939393;
  align-self: flex-end;
}

.dropdown .item .active {
  display: flex;
  width: 20px;
  height: 20px;
  background-size: contain;
}

.dropdown .item:first-child {
  margin-top: 8px;
}

.dropdown .item:last-child {
  margin-bottom: 8px;
}

.dropdown .item:hover {
  background-color: #eee;
}

.dropdown .item .text {
  display: flex;
  line-height: 20px;
  flex-grow: 1;
  min-width: 150px;
}

.dropdown .item .icon {
  display: flex;
  width: 20px;
  height: 20px;
  user-select: none;
  margin-right: 12px;
  line-height: 16px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.dropdown .divider {
  width: auto;
  background-color: #eee;
  margin: 4px 8px;
  height: 1px;
}

@media screen and (max-width: 1100px) {
  .dropdown-button-text {
    display: none !important;
  }

  .dialog-dropdown > .dropdown-button-text {
    display: flex !important;
  }

  .font-size .dropdown-button-text {
    display: flex !important;
  }

  .code-language .dropdown-button-text {
    display: flex !important;
  }
}

.icon.paragraph {
  background-image: url(/assets/text-paragraph.61674422.svg);
}

.icon.h1 {
  background-image: url(/assets/type-h1.f292ffe1.svg);
}

.icon.h2 {
  background-image: url(/assets/type-h2.a9d1aa48.svg);
}

.icon.h3 {
  background-image: url(/assets/type-h3.4a29ff88.svg);
}

.icon.h4 {
  background-image: url(/assets/type-h4.7f48750c.svg);
}

.icon.h5 {
  background-image: url(/assets/type-h5.14b4ac56.svg);
}

.icon.h6 {
  background-image: url(/assets/type-h6.4e9dfe2d.svg);
}

.icon.bullet-list,
.icon.bullet {
  background-image: url(/assets/list-ul.1d54da3f.svg);
}

.icon.check-list,
.icon.check {
  background-image: url(/assets/square-check.a4cde2d3.svg);
}

.icon.numbered-list,
.icon.number {
  background-image: url(/assets/list-ol.d64946f3.svg);
}

.icon.quote {
  background-image: url(/assets/chat-square-quote.123cfa24.svg);
}

.icon.code {
  background-image: url(/assets/code.912b1f4d.svg);
}

.switches {
  z-index: 6;
  position: fixed;
  left: 10px;
  bottom: 70px;
  animation: slide-in 0.4s ease;
}

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateX(-200px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.switch {
  display: block;
  color: #444;
  margin: 5px 0;
  background-color: rgba(238, 238, 238, 0.7);
  padding: 5px 10px;
  border-radius: 10px;
}

#rich-text-switch {
  right: 0;
}

#character-count-switch {
  right: 130px;
}

.switch label {
  margin-right: 5px;
  line-height: 14px;
  width: 100px;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
}

.switch button {
  background-color: rgb(206, 208, 212);
  height: 24px;
  box-sizing: border-box;
  border-radius: 12px;
  width: 44px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  outline: none;
  cursor: pointer;
  transition: background-color 0.1s;
  border: 2px solid transparent;
}

.switch button:focus-visible {
  border-color: blue;
}

.switch button span {
  top: 0px;
  left: 0px;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 12px;
  background-color: white;
  transition: transform 0.2s;
}

.switch button[aria-checked='true'] {
  background-color: rgb(24, 119, 242);
}

.switch button[aria-checked='true'] span {
  transform: translateX(20px);
}

.editor-shell span.editor-image {
  cursor: default;
  display: inline-block;
  position: relative;
  user-select: none;
}

.editor-shell .editor-image img {
  max-width: 100%;
  cursor: default;
}

.editor-shell .editor-image img.focused {
  outline: 2px solid rgb(60, 132, 244);
  user-select: none;
}

.editor-shell .editor-image img.focused.draggable {
  cursor: grab;
}

.editor-shell .editor-image img.focused.draggable:active {
  cursor: grabbing;
}

.editor-shell .editor-image .image-caption-container .tree-view-output {
  margin: 0;
  border-radius: 0;
}

.editor-shell .editor-image .image-caption-container {
  display: block;
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.9);
  min-width: 100px;
  color: #000;
  overflow: hidden;
}

.editor-shell .editor-image .image-caption-button {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  width: 30%;
  padding: 10px;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  min-width: 100px;
  color: #fff;
  cursor: pointer;
  user-select: none;
}

.editor-shell .editor-image .image-caption-button:hover {
  background-color: rgba(60, 132, 244, 0.5);
}

.editor-shell .editor-image .image-edit-button {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-image: url(/assets/pencil-fill.94cb216b.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  vertical-align: -0.25em;
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  user-select: none;
}

.editor-shell .editor-image .image-edit-button:hover {
  background-color: rgba(60, 132, 244, 0.1);
}

.editor-shell .editor-image .image-resizer {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  background-color: rgb(60, 132, 244);
  border: 2px solid #fff;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  z-index: 10;
}

.editor-shell .editor-image .image-resizer:hover {
  background-color: rgb(45, 105, 200);
  transform: scale(1.3);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}

.editor-shell .editor-image .image-resizer:active {
  background-color: rgb(30, 85, 170);
  transform: scale(1.2);
}

.editor-shell .editor-image .image-resizer.image-resizer-n {
  top: -8px;
  left: calc(50% - 6px);
  cursor: n-resize;
}

.editor-shell .editor-image .image-resizer.image-resizer-ne {
  top: -8px;
  right: -8px;
  cursor: ne-resize;
}

.editor-shell .editor-image .image-resizer.image-resizer-e {
  top: calc(50% - 6px);
  right: -8px;
  cursor: e-resize;
}

.editor-shell .editor-image .image-resizer.image-resizer-se {
  bottom: -8px;
  right: -8px;
  cursor: nwse-resize;
}

.editor-shell .editor-image .image-resizer.image-resizer-s {
  bottom: -8px;
  left: calc(50% - 6px);
  cursor: s-resize;
}

.editor-shell .editor-image .image-resizer.image-resizer-sw {
  bottom: -8px;
  left: -8px;
  cursor: sw-resize;
}

.editor-shell .editor-image .image-resizer.image-resizer-w {
  top: calc(50% - 6px);
  left: -8px;
  cursor: w-resize;
}

.editor-shell .editor-image .image-resizer.image-resizer-nw {
  top: -8px;
  left: -8px;
  cursor: nw-resize;
}

.editor-image .image-resizer {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  background-color: rgb(60, 132, 244);
  border: 2px solid #fff;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  z-index: 10;
}

.editor-image .image-resizer:hover {
  background-color: rgb(45, 105, 200);
  transform: scale(1.3);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}

.editor-image .image-resizer:active {
  background-color: rgb(30, 85, 170);
  transform: scale(1.2);
}

.editor-image .image-resizer.image-resizer-n {
  top: -8px;
  left: calc(50% - 6px);
  cursor: n-resize;
}

.editor-image .image-resizer.image-resizer-ne {
  top: -8px;
  right: -8px;
  cursor: ne-resize;
}

.editor-image .image-resizer.image-resizer-e {
  top: calc(50% - 6px);
  right: -8px;
  cursor: e-resize;
}

.editor-image .image-resizer.image-resizer-se {
  bottom: -8px;
  right: -8px;
  cursor: nwse-resize;
}

.editor-image .image-resizer.image-resizer-s {
  bottom: -8px;
  left: calc(50% - 6px);
  cursor: s-resize;
}

.editor-image .image-resizer.image-resizer-sw {
  bottom: -8px;
  left: -8px;
  cursor: sw-resize;
}

.editor-image .image-resizer.image-resizer-w {
  top: calc(50% - 6px);
  left: -8px;
  cursor: w-resize;
}

.editor-image .image-resizer.image-resizer-nw {
  top: -8px;
  left: -8px;
  cursor: nw-resize;
}

.image-resize-tooltip {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  pointer-events: none;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  animation: fadeIn 0.15s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

.editor-shell span.inline-editor-image {
  cursor: default;
  display: inline-block;
  position: relative;
  z-index: 1;
}

.editor-shell .inline-editor-image img {
  max-width: 100%;
  cursor: default;
}

.editor-shell .inline-editor-image img.focused {
  outline: 2px solid rgb(60, 132, 244);
}

.editor-shell .inline-editor-image img.focused.draggable {
  cursor: grab;
}

.editor-shell .inline-editor-image img.focused.draggable:active {
  cursor: grabbing;
}

.editor-shell .inline-editor-image .image-caption-container .tree-view-output {
  margin: 0;
  border-radius: 0;
}

.editor-shell .inline-editor-image.position-full {
  margin: 1em 0 1em 0;
}

.editor-shell .inline-editor-image.position-left {
  float: left;
  width: 50%;
  margin: 1em 1em 0 0;
}

.editor-shell .inline-editor-image.position-right {
  float: right;
  width: 50%;
  margin: 1em 0 0 1em;
}

.editor-shell .inline-editor-image .image-edit-button {
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 6px 8px;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  min-width: 60px;
  color: #fff;
  cursor: pointer;
  user-select: none;
}

.editor-shell .inline-editor-image .image-edit-button:hover {
  background-color: rgba(60, 132, 244, 0.5);
}

.editor-shell .inline-editor-image .image-caption-container {
  display: block;
  background-color: #f4f4f4;
  min-width: 100%;
  color: #000;
  overflow: hidden;
}

.emoji {
  color: transparent;
  caret-color: rgb(5, 5, 5);
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 0 -1px;
}

.emoji-inner {
  padding: 0 0.15em;
}

.emoji-inner::selection {
  color: transparent;
  background-color: rgba(150, 150, 150, 0.4);
}

.emoji-inner::moz-selection {
  color: transparent;
  background-color: rgba(150, 150, 150, 0.4);
}

.emoji.happysmile {
  background-image: url(/assets/1F642.830f2cc9.png);
}

.emoji.veryhappysmile {
  background-image: url(/assets/1F600.32631ebc.png);
}

.emoji.unhappysmile {
  background-image: url(/assets/1F641.61cff493.png);
}

.emoji.heart {
  background-image: url(/assets/2764.6e29e63e.png);
}

.keyword {
  color: rgb(241, 118, 94);
  font-weight: bold;
}

.actions {
  position: absolute;
  text-align: right;
  margin: 10px;
  bottom: 0;
  right: 0;
}

.actions.tree-view {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.actions i {
  background-size: contain;
  display: inline-block;
  height: 15px;
  width: 15px;
  vertical-align: -0.25em;
}

.actions i.indent {
  background-image: url(/assets/indent.627c9430.svg);
}

.actions i.outdent {
  background-image: url(/assets/outdent.d2e8ca31.svg);
}

.actions i.lock {
  background-image: url(/assets/lock-fill.4e64a748.svg);
}

.actions i.image {
  background-image: url(/assets/file-image.9a20f2a6.svg);
}

.actions i.table {
  background-image: url(/assets/table.0c7c3473.svg);
}

.actions i.unlock {
  background-image: url(/assets/lock.b0b0ecb8.svg);
}

.actions i.left-align {
  background-image: url(/assets/text-left.54f41f4e.svg);
}

.actions i.center-align {
  background-image: url(/assets/text-center.a411e780.svg);
}

.actions i.right-align {
  background-image: url(/assets/text-right.9288b7a2.svg);
}

.actions i.justify-align {
  background-image: url(/assets/justify.4fefd490.svg);
}

.actions i.disconnect {
  background-image: url(/assets/plug.398c6256.svg);
}

.actions i.connect {
  background-image: url(/assets/plug-fill.74cdba72.svg);
}

.table-cell-action-button-container {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  will-change: transform;
}
.table-cell-action-button-container.table-cell-action-button-container--active {
  pointer-events: auto;
  opacity: 1;
}
.table-cell-action-button-container.table-cell-action-button-container--inactive {
  pointer-events: none;
  opacity: 0;
}

.table-cell-action-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 15px;
  color: #222;
  display: inline-block;
  cursor: pointer;
}

i.chevron-down {
  background-color: transparent;
  background-size: contain;
  display: inline-block;
  height: 8px;
  width: 8px;
  background-image: url(/assets/chevron-down.d9636921.svg);
}

.action-button {
  background-color: #eee;
  border: 0;
  padding: 8px 12px;
  position: relative;
  margin-left: 5px;
  border-radius: 15px;
  color: #222;
  display: inline-block;
  cursor: pointer;
}

.action-button:hover {
  background-color: #ddd;
  color: #000;
}

.action-button-mic.active {
  animation: mic-pulsate-color 3s infinite;
}

button.action-button:disabled {
  opacity: 0.6;
  background: #eee;
  cursor: not-allowed;
}

@keyframes mic-pulsate-color {
  0% {
    background-color: #ffdcdc;
  }

  50% {
    background-color: #ff8585;
  }

  100% {
    background-color: #ffdcdc;
  }
}

.debug-timetravel-panel {
  overflow: hidden;
  padding: 0 0 10px 0;
  margin: auto;
  display: flex;
}

.debug-timetravel-panel-slider {
  padding: 0;
  flex: 8;
}

.debug-timetravel-panel-button {
  padding: 0;
  border: 0;
  background: none;
  flex: 1;
  color: #fff;
  font-size: 12px;
}

.debug-timetravel-panel-button:hover {
  text-decoration: underline;
}

.debug-timetravel-button {
  border: 0;
  padding: 0;
  font-size: 12px;
  top: 10px;
  right: 15px;
  position: absolute;
  background: none;
  color: #fff;
}

.debug-timetravel-button:hover {
  text-decoration: underline;
}

.debug-treetype-button {
  border: 0;
  padding: 0;
  font-size: 12px;
  top: 10px;
  right: 85px;
  position: absolute;
  background: none;
  color: #fff;
}

.debug-treetype-button:hover {
  text-decoration: underline;
}

.connecting {
  font-size: 15px;
  color: #999;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 10px;
  left: 10px;
  user-select: none;
  white-space: nowrap;
  display: inline-block;
  pointer-events: none;
}

.toolbar {
  display: flex;
  margin-bottom: 1px;
  background: #fff;
  padding: 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  vertical-align: middle;
  overflow: auto;
  height: 36px;
  position: sticky;
  top: 0;
  z-index: 2;
  overflow-y: hidden; /* disable vertical scroll*/
}

button.toolbar-item {
  border: 0;
  display: flex;
  background: none;
  border-radius: 10px;
  padding: 8px;
  cursor: pointer;
  vertical-align: middle;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}

button.toolbar-item:disabled {
  cursor: not-allowed;
}

button.toolbar-item.spaced {
  margin-right: 2px;
}

button.toolbar-item i.format {
  background-size: contain;
  display: inline-block;
  height: 18px;
  width: 18px;
  vertical-align: -0.25em;
  display: flex;
  opacity: 0.6;
}

button.toolbar-item:disabled .icon,
button.toolbar-item:disabled .text,
button.toolbar-item:disabled i.format,
button.toolbar-item:disabled .chevron-down {
  opacity: 0.2;
}

button.toolbar-item.active {
  background-color: rgba(223, 232, 250, 0.3);
}

button.toolbar-item.active i {
  opacity: 1;
}

.toolbar-item:hover:not([disabled]) {
  background-color: #eee;
}

.toolbar-item.font-family .text {
  display: block;
  max-width: 40px;
}

.toolbar .code-language {
  width: 150px;
}

.toolbar .toolbar-item .text {
  display: flex;
  line-height: 20px;
  vertical-align: middle;
  font-size: 14px;
  color: #777;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 20px;
  text-align: left;
  padding-right: 10px;
}

.toolbar .toolbar-item .icon {
  display: flex;
  width: 20px;
  height: 20px;
  user-select: none;
  margin-right: 8px;
  line-height: 16px;
  background-size: contain;
}

.toolbar i.chevron-down,
.toolbar-item i.chevron-down {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  display: flex;
  user-select: none;
}

.toolbar i.chevron-down.inside {
  width: 16px;
  height: 16px;
  display: flex;
  margin-left: -25px;
  margin-top: 11px;
  margin-right: 10px;
  pointer-events: none;
}

.toolbar .divider {
  width: 1px;
  background-color: #eee;
  margin: 0 4px;
}

.sticky-note-container {
  position: absolute;
  z-index: 9;
  width: 120px;
  display: inline-block;
}

.sticky-note {
  line-height: 1;
  text-align: left;
  width: 120px;
  margin: 25px;
  padding: 20px 10px;
  position: relative;
  border: 1px solid #e8e8e8;
  font-family: 'Reenie Beanie';
  font-size: 24px;
  border-bottom-right-radius: 60px 5px;
  display: block;
  cursor: move;
}

.sticky-note:after {
  content: '';
  position: absolute;
  z-index: -1;
  right: -0px;
  bottom: 20px;
  width: 120px;
  height: 25px;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.4);
  transform: matrix(-1, -0.1, 0, 1, 0, 0);
}

.sticky-note.yellow {
  border-top: 1px solid #fdfd86;
  background: linear-gradient(
    135deg,
    #ffff88 81%,
    #ffff88 82%,
    #ffff88 82%,
    #ffffc6 100%
  );
}

.sticky-note.pink {
  border-top: 1px solid #e7d1e4;
  background: linear-gradient(
    135deg,
    #f7cbe8 81%,
    #f7cbe8 82%,
    #f7cbe8 82%,
    #e7bfe1 100%
  );
}

.sticky-note-container.dragging {
  transition: none !important;
}

.sticky-note div {
  cursor: text;
}

.sticky-note .delete {
  border: 0;
  background: none;
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 10px;
  cursor: pointer;
  opacity: 0.5;
}

.sticky-note .delete:hover {
  font-weight: bold;
  opacity: 1;
}

.sticky-note .color {
  border: 0;
  background: none;
  position: absolute;
  top: 8px;
  right: 25px;
  cursor: pointer;
  opacity: 0.5;
}

.sticky-note .color:hover {
  opacity: 1;
}

.sticky-note .color i {
  display: block;
  width: 12px;
  height: 12px;
  background-size: contain;
}

.spacer {
  letter-spacing: -2px;
}

.editor-equation {
  cursor: default;
  user-select: none;
}

.editor-equation.focused {
  outline: 2px solid rgb(60, 132, 244);
}

button.item i {
  opacity: 0.6;
}

button.item.dropdown-item-active {
  background-color: rgba(223, 232, 250, 0.3);
}

button.item.dropdown-item-active i {
  opacity: 1;
}

.TableNode__contentEditable {
  min-height: 20px;
  border: 0px;
  resize: none;
  cursor: text;
  display: block;
  position: relative;
  outline: 0px;
  padding: 0;
  user-select: text;
  font-size: 15px;
  white-space: pre-wrap;
  word-break: break-word;
  z-index: 3;
}

.dialog-dropdown {
  background-color: #eee !important;
  margin-bottom: 10px;
  width: 100%;
}

.toolbar .block-controls {
  display: flex;
  align-items: center;
}

.toolbar .block-controls .dropdown-button-text {
  width: 7em;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.ta3azp0 {
  display: flex;
  flex-direction: row;
  justify-content: right;
  margin-top: 24px;
  gap: 8px;
}
.ta3azp1 {
  display: flex;
  flex-direction: column;
  justify-content: right;
  margin-top: 24px;
}
.ta3azp2 {
  margin-bottom: 24px;
}
._1qtbeam0 {
  display: inline-block;
  position: relative;
  cursor: default;
  user-select: none;
}
._1qtbeam1 {
  min-height: 20px;
  border: 0px;
  resize: none;
  cursor: text;
  caret-color: var(--text-primary);
  display: block;
  position: relative;
  outline: 0px;
  padding: 12px;
  user-select: text;
  font-size: 12px;
  width: calc(100% - 20px);
  white-space: pre-wrap;
  word-break: break-word;
}
._1qtbeam2 {
  font-size: 12px;
  color: var(--text-secondary);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 12px;
  left: 12px;
  user-select: none;
  white-space: nowrap;
  display: inline-block;
  pointer-events: none;
}
._1qtbeam3 {
  touch-action: none;
}
._1qtbeam4 {
  outline: 2px solid var(--interactive-primary);
}
._1qtbeam5 {
  cursor: grab;
}
._1qtbeam6 {
  display: block;
  position: relative;
  background: var(--background-secondary);
  min-width: 100px;
  color: var(--text-primary);
  border-radius: 4px;
  margin-top: 8px;
  caret-color: var(--text-primary);
}
._1qtbeam7 {
  display: inline-block;
}
._1qtbeam8 {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
._1qtbeam9 {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
}
._1qtbeama {
  display: flex;
  gap: 4px;
  position: absolute;
  top: -36px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px;
  border-radius: 4px;
  background: var(--background-primary);
  border: 1px solid var(--border-primary);
  z-index: 100;
  box-shadow: var(--shadow-dropdown);
}
._1qtbeamb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 2px;
  background: transparent;
  color: var(--icon-secondary);
  cursor: pointer;
}
._1qtbeamb:hover {
  background: var(--background-tertiary);
  color: var(--icon-primary);
}
._1qtbeamc {
  background: var(--interactive-primary);
  color: var(--text-inverse);
}
._1qtbeamc:hover {
  background: var(--interactive-primary);
  color: var(--text-inverse);
}
._1okmd4e0 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  pointer-events: none;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
._1okmd4e1 {
  background-color: var(--background-modal);
  color: var(--text-primary);
  padding: 24px;
  font-size: 1.5rem;
  border-radius: 1em;
}
._17njg2j0 {
  min-width: 260px;
  max-width: 320px;
  background-color: var(--background-primary);
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--border-default);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 1000;
}
._17njg2j1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._17njg2j2 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
._17njg2j3 {
  border: none;
  width: 100%;
  text-align: left;
  padding: 6px 8px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  background: transparent;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 10px;
}
._17njg2j3:hover {
  background-color: var(--background-hoverOverlay);
}
._17njg2j4 {
  border: none;
  width: 100%;
  text-align: left;
  padding: 6px 8px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  background: transparent;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: var(--background-hoverOverlay);
}
._17njg2j4:hover {
  background-color: var(--background-hoverOverlay);
}
._17njg2j5 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--icon-primary);
}
._17njg2j6 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
._17njg2j7 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._17njg2j8 {
  font-size: 12px;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1vzqovk0 {
  display: flex;
  width: 20px;
  height: 20px;
  user-select: none;
  margin-right: 8px;
  flex-shrink: 0;
}
/* stylelint-disable font-family-no-missing-generic-family-keyword */
@font-face {
  font-family: "KaTeX_AMS";
  src: url(/assets/KaTeX_AMS-Regular.a79f1c31.woff2) format("woff2"), url(/assets/KaTeX_AMS-Regular.1608a09b.woff) format("woff"), url(/assets/KaTeX_AMS-Regular.4aafdb68.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Caligraphic";
  src: url(/assets/KaTeX_Caligraphic-Bold.ec17d132.woff2) format("woff2"), url(/assets/KaTeX_Caligraphic-Bold.b6770918.woff) format("woff"), url(/assets/KaTeX_Caligraphic-Bold.cce5b8ec.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Caligraphic";
  src: url(/assets/KaTeX_Caligraphic-Regular.55fac258.woff2) format("woff2"), url(/assets/KaTeX_Caligraphic-Regular.dad44a7f.woff) format("woff"), url(/assets/KaTeX_Caligraphic-Regular.07ef19e7.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Fraktur";
  src: url(/assets/KaTeX_Fraktur-Bold.d42a5579.woff2) format("woff2"), url(/assets/KaTeX_Fraktur-Bold.9f256b85.woff) format("woff"), url(/assets/KaTeX_Fraktur-Bold.b18f59e1.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Fraktur";
  src: url(/assets/KaTeX_Fraktur-Regular.d3c882a6.woff2) format("woff2"), url(/assets/KaTeX_Fraktur-Regular.7c187121.woff) format("woff"), url(/assets/KaTeX_Fraktur-Regular.ed38e79f.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Main";
  src: url(/assets/KaTeX_Main-Bold.c3fb5ac2.woff2) format("woff2"), url(/assets/KaTeX_Main-Bold.d181c465.woff) format("woff"), url(/assets/KaTeX_Main-Bold.b74a1a8b.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Main";
  src: url(/assets/KaTeX_Main-BoldItalic.6f2bb1df.woff2) format("woff2"), url(/assets/KaTeX_Main-BoldItalic.e3f82f9d.woff) format("woff"), url(/assets/KaTeX_Main-BoldItalic.70d8b0a5.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Main";
  src: url(/assets/KaTeX_Main-Italic.8916142b.woff2) format("woff2"), url(/assets/KaTeX_Main-Italic.9024d815.woff) format("woff"), url(/assets/KaTeX_Main-Italic.47373d1e.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Main";
  src: url(/assets/KaTeX_Main-Regular.0462f03b.woff2) format("woff2"), url(/assets/KaTeX_Main-Regular.7f51fe03.woff) format("woff"), url(/assets/KaTeX_Main-Regular.b7f8fe9b.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Math";
  src: url(/assets/KaTeX_Math-BoldItalic.572d331f.woff2) format("woff2"), url(/assets/KaTeX_Math-BoldItalic.f1035d8d.woff) format("woff"), url(/assets/KaTeX_Math-BoldItalic.a879cf83.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Math";
  src: url(/assets/KaTeX_Math-Italic.f28c23ac.woff2) format("woff2"), url(/assets/KaTeX_Math-Italic.5295ba48.woff) format("woff"), url(/assets/KaTeX_Math-Italic.939bc644.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_SansSerif";
  src: url(/assets/KaTeX_SansSerif-Bold.8c5b5494.woff2) format("woff2"), url(/assets/KaTeX_SansSerif-Bold.bf59d231.woff) format("woff"), url(/assets/KaTeX_SansSerif-Bold.94e1e8dc.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_SansSerif";
  src: url(/assets/KaTeX_SansSerif-Italic.3b1e59b3.woff2) format("woff2"), url(/assets/KaTeX_SansSerif-Italic.7c9bc82b.woff) format("woff"), url(/assets/KaTeX_SansSerif-Italic.b4c20c84.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_SansSerif";
  src: url(/assets/KaTeX_SansSerif-Regular.ba21ed5f.woff2) format("woff2"), url(/assets/KaTeX_SansSerif-Regular.74048478.woff) format("woff"), url(/assets/KaTeX_SansSerif-Regular.d4d7ba48.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Script";
  src: url(/assets/KaTeX_Script-Regular.03e9641d.woff2) format("woff2"), url(/assets/KaTeX_Script-Regular.07505710.woff) format("woff"), url(/assets/KaTeX_Script-Regular.fe9cbbe1.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Size1";
  src: url(/assets/KaTeX_Size1-Regular.eae34984.woff2) format("woff2"), url(/assets/KaTeX_Size1-Regular.e1e279cb.woff) format("woff"), url(/assets/KaTeX_Size1-Regular.fabc004a.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Size2";
  src: url(/assets/KaTeX_Size2-Regular.5916a24f.woff2) format("woff2"), url(/assets/KaTeX_Size2-Regular.57727022.woff) format("woff"), url(/assets/KaTeX_Size2-Regular.d6b476ec.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Size3";
  src: url(/assets/KaTeX_Size3-Regular.b4230e7e.woff2) format("woff2"), url(/assets/KaTeX_Size3-Regular.9acaf01c.woff) format("woff"), url(/assets/KaTeX_Size3-Regular.a144ef58.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Size4";
  src: url(/assets/KaTeX_Size4-Regular.10d95fd3.woff2) format("woff2"), url(/assets/KaTeX_Size4-Regular.7a996c9d.woff) format("woff"), url(/assets/KaTeX_Size4-Regular.fbccdabe.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "KaTeX_Typewriter";
  src: url(/assets/KaTeX_Typewriter-Regular.a8709e36.woff2) format("woff2"), url(/assets/KaTeX_Typewriter-Regular.6258592b.woff) format("woff"), url(/assets/KaTeX_Typewriter-Regular.d97aaf4a.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* stylelint-disable font-family-no-missing-generic-family-keyword */
.katex {
  font: normal 1.21em KaTeX_Main, Times New Roman, serif;
  line-height: 1.2;
  text-indent: 0;
  text-rendering: auto;
}
.katex * {
  -ms-high-contrast-adjust: none !important;
}
.katex * {
  border-color: currentColor;
}
.katex .katex-version::after {
  content: "0.16.38";
}
.katex .katex-mathml {
  /* Accessibility hack to only show to screen readers
   Found at: http://a11yproject.com/posts/how-to-hide-content/ */
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.katex .katex-html {
  /* \newline is an empty block at top level, between .base elements */
}
.katex .katex-html > .newline {
  display: block;
}
.katex .base {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.katex .strut {
  display: inline-block;
}
.katex .textbf {
  font-weight: bold;
}
.katex .textit {
  font-style: italic;
}
.katex .textrm {
  font-family: KaTeX_Main;
}
.katex .textsf {
  font-family: KaTeX_SansSerif;
}
.katex .texttt {
  font-family: KaTeX_Typewriter;
}
.katex .mathnormal {
  font-family: KaTeX_Math;
  font-style: italic;
}
.katex .mathit {
  font-family: KaTeX_Main;
  font-style: italic;
}
.katex .mathrm {
  font-style: normal;
}
.katex .mathbf {
  font-family: KaTeX_Main;
  font-weight: bold;
}
.katex .boldsymbol {
  font-family: KaTeX_Math;
  font-weight: bold;
  font-style: italic;
}
.katex .amsrm {
  font-family: KaTeX_AMS;
}
.katex .mathbb,
.katex .textbb {
  font-family: KaTeX_AMS;
}
.katex .mathcal {
  font-family: KaTeX_Caligraphic;
}
.katex .mathfrak,
.katex .textfrak {
  font-family: KaTeX_Fraktur;
}
.katex .mathboldfrak,
.katex .textboldfrak {
  font-family: KaTeX_Fraktur;
  font-weight: bold;
}
.katex .mathtt {
  font-family: KaTeX_Typewriter;
}
.katex .mathscr,
.katex .textscr {
  font-family: KaTeX_Script;
}
.katex .mathsf,
.katex .textsf {
  font-family: KaTeX_SansSerif;
}
.katex .mathboldsf,
.katex .textboldsf {
  font-family: KaTeX_SansSerif;
  font-weight: bold;
}
.katex .mathsfit,
.katex .mathitsf,
.katex .textitsf {
  font-family: KaTeX_SansSerif;
  font-style: italic;
}
.katex .mainrm {
  font-family: KaTeX_Main;
  font-style: normal;
}
.katex .vlist-t {
  display: inline-table;
  table-layout: fixed;
  border-collapse: collapse;
}
.katex .vlist-r {
  display: table-row;
}
.katex .vlist {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
}
.katex .vlist > span {
  display: block;
  height: 0;
  position: relative;
}
.katex .vlist > span > span {
  display: inline-block;
}
.katex .vlist > span > .pstrut {
  overflow: hidden;
  width: 0;
}
.katex .vlist-t2 {
  margin-right: -2px;
}
.katex .vlist-s {
  display: table-cell;
  vertical-align: bottom;
  font-size: 1px;
  width: 2px;
  min-width: 2px;
}
.katex .vbox {
  display: inline-flex;
  flex-direction: column;
  align-items: baseline;
}
.katex .hbox {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
}
.katex .thinbox {
  display: inline-flex;
  flex-direction: row;
  width: 0;
  max-width: 0;
}
.katex .msupsub {
  text-align: left;
}
.katex .mfrac > span > span {
  text-align: center;
}
.katex .mfrac .frac-line {
  display: inline-block;
  width: 100%;
  border-bottom-style: solid;
}
.katex .mfrac .frac-line,
.katex .overline .overline-line,
.katex .underline .underline-line,
.katex .hline,
.katex .hdashline,
.katex .rule {
  min-height: 1px;
}
.katex .mspace {
  display: inline-block;
}
.katex .smash {
  display: inline;
  line-height: 0;
}
.katex .llap,
.katex .rlap,
.katex .clap {
  width: 0;
  position: relative;
}
.katex .llap > .inner,
.katex .rlap > .inner,
.katex .clap > .inner {
  position: absolute;
}
.katex .llap > .fix,
.katex .rlap > .fix,
.katex .clap > .fix {
  display: inline-block;
}
.katex .llap > .inner {
  right: 0;
}
.katex .rlap > .inner,
.katex .clap > .inner {
  left: 0;
}
.katex .clap > .inner > span {
  margin-left: -50%;
  margin-right: 50%;
}
.katex .rule {
  display: inline-block;
  border: solid 0;
  position: relative;
}
.katex .overline .overline-line,
.katex .underline .underline-line,
.katex .hline {
  display: inline-block;
  width: 100%;
  border-bottom-style: solid;
}
.katex .hdashline {
  display: inline-block;
  width: 100%;
  border-bottom-style: dashed;
}
.katex .sqrt > .root {
  /* These values are taken from the definition of `\r@@t`,
   `\mkern 5mu` and `\mkern -10mu`. */
  margin-left: 0.2777777778em;
  margin-right: -0.5555555556em;
}
.katex .sizing.reset-size1.size1,
.katex .fontsize-ensurer.reset-size1.size1 {
  /* stylelint-disable-next-line */
  font-size: 1em;
}
.katex .sizing.reset-size1.size2,
.katex .fontsize-ensurer.reset-size1.size2 {
  /* stylelint-disable-next-line */
  font-size: 1.2em;
}
.katex .sizing.reset-size1.size3,
.katex .fontsize-ensurer.reset-size1.size3 {
  /* stylelint-disable-next-line */
  font-size: 1.4em;
}
.katex .sizing.reset-size1.size4,
.katex .fontsize-ensurer.reset-size1.size4 {
  /* stylelint-disable-next-line */
  font-size: 1.6em;
}
.katex .sizing.reset-size1.size5,
.katex .fontsize-ensurer.reset-size1.size5 {
  /* stylelint-disable-next-line */
  font-size: 1.8em;
}
.katex .sizing.reset-size1.size6,
.katex .fontsize-ensurer.reset-size1.size6 {
  /* stylelint-disable-next-line */
  font-size: 2em;
}
.katex .sizing.reset-size1.size7,
.katex .fontsize-ensurer.reset-size1.size7 {
  /* stylelint-disable-next-line */
  font-size: 2.4em;
}
.katex .sizing.reset-size1.size8,
.katex .fontsize-ensurer.reset-size1.size8 {
  /* stylelint-disable-next-line */
  font-size: 2.88em;
}
.katex .sizing.reset-size1.size9,
.katex .fontsize-ensurer.reset-size1.size9 {
  /* stylelint-disable-next-line */
  font-size: 3.456em;
}
.katex .sizing.reset-size1.size10,
.katex .fontsize-ensurer.reset-size1.size10 {
  /* stylelint-disable-next-line */
  font-size: 4.148em;
}
.katex .sizing.reset-size1.size11,
.katex .fontsize-ensurer.reset-size1.size11 {
  /* stylelint-disable-next-line */
  font-size: 4.976em;
}
.katex .sizing.reset-size2.size1,
.katex .fontsize-ensurer.reset-size2.size1 {
  /* stylelint-disable-next-line */
  font-size: 0.8333333333em;
}
.katex .sizing.reset-size2.size2,
.katex .fontsize-ensurer.reset-size2.size2 {
  /* stylelint-disable-next-line */
  font-size: 1em;
}
.katex .sizing.reset-size2.size3,
.katex .fontsize-ensurer.reset-size2.size3 {
  /* stylelint-disable-next-line */
  font-size: 1.1666666667em;
}
.katex .sizing.reset-size2.size4,
.katex .fontsize-ensurer.reset-size2.size4 {
  /* stylelint-disable-next-line */
  font-size: 1.3333333333em;
}
.katex .sizing.reset-size2.size5,
.katex .fontsize-ensurer.reset-size2.size5 {
  /* stylelint-disable-next-line */
  font-size: 1.5em;
}
.katex .sizing.reset-size2.size6,
.katex .fontsize-ensurer.reset-size2.size6 {
  /* stylelint-disable-next-line */
  font-size: 1.6666666667em;
}
.katex .sizing.reset-size2.size7,
.katex .fontsize-ensurer.reset-size2.size7 {
  /* stylelint-disable-next-line */
  font-size: 2em;
}
.katex .sizing.reset-size2.size8,
.katex .fontsize-ensurer.reset-size2.size8 {
  /* stylelint-disable-next-line */
  font-size: 2.4em;
}
.katex .sizing.reset-size2.size9,
.katex .fontsize-ensurer.reset-size2.size9 {
  /* stylelint-disable-next-line */
  font-size: 2.88em;
}
.katex .sizing.reset-size2.size10,
.katex .fontsize-ensurer.reset-size2.size10 {
  /* stylelint-disable-next-line */
  font-size: 3.4566666667em;
}
.katex .sizing.reset-size2.size11,
.katex .fontsize-ensurer.reset-size2.size11 {
  /* stylelint-disable-next-line */
  font-size: 4.1466666667em;
}
.katex .sizing.reset-size3.size1,
.katex .fontsize-ensurer.reset-size3.size1 {
  /* stylelint-disable-next-line */
  font-size: 0.7142857143em;
}
.katex .sizing.reset-size3.size2,
.katex .fontsize-ensurer.reset-size3.size2 {
  /* stylelint-disable-next-line */
  font-size: 0.8571428571em;
}
.katex .sizing.reset-size3.size3,
.katex .fontsize-ensurer.reset-size3.size3 {
  /* stylelint-disable-next-line */
  font-size: 1em;
}
.katex .sizing.reset-size3.size4,
.katex .fontsize-ensurer.reset-size3.size4 {
  /* stylelint-disable-next-line */
  font-size: 1.1428571429em;
}
.katex .sizing.reset-size3.size5,
.katex .fontsize-ensurer.reset-size3.size5 {
  /* stylelint-disable-next-line */
  font-size: 1.2857142857em;
}
.katex .sizing.reset-size3.size6,
.katex .fontsize-ensurer.reset-size3.size6 {
  /* stylelint-disable-next-line */
  font-size: 1.4285714286em;
}
.katex .sizing.reset-size3.size7,
.katex .fontsize-ensurer.reset-size3.size7 {
  /* stylelint-disable-next-line */
  font-size: 1.7142857143em;
}
.katex .sizing.reset-size3.size8,
.katex .fontsize-ensurer.reset-size3.size8 {
  /* stylelint-disable-next-line */
  font-size: 2.0571428571em;
}
.katex .sizing.reset-size3.size9,
.katex .fontsize-ensurer.reset-size3.size9 {
  /* stylelint-disable-next-line */
  font-size: 2.4685714286em;
}
.katex .sizing.reset-size3.size10,
.katex .fontsize-ensurer.reset-size3.size10 {
  /* stylelint-disable-next-line */
  font-size: 2.9628571429em;
}
.katex .sizing.reset-size3.size11,
.katex .fontsize-ensurer.reset-size3.size11 {
  /* stylelint-disable-next-line */
  font-size: 3.5542857143em;
}
.katex .sizing.reset-size4.size1,
.katex .fontsize-ensurer.reset-size4.size1 {
  /* stylelint-disable-next-line */
  font-size: 0.625em;
}
.katex .sizing.reset-size4.size2,
.katex .fontsize-ensurer.reset-size4.size2 {
  /* stylelint-disable-next-line */
  font-size: 0.75em;
}
.katex .sizing.reset-size4.size3,
.katex .fontsize-ensurer.reset-size4.size3 {
  /* stylelint-disable-next-line */
  font-size: 0.875em;
}
.katex .sizing.reset-size4.size4,
.katex .fontsize-ensurer.reset-size4.size4 {
  /* stylelint-disable-next-line */
  font-size: 1em;
}
.katex .sizing.reset-size4.size5,
.katex .fontsize-ensurer.reset-size4.size5 {
  /* stylelint-disable-next-line */
  font-size: 1.125em;
}
.katex .sizing.reset-size4.size6,
.katex .fontsize-ensurer.reset-size4.size6 {
  /* stylelint-disable-next-line */
  font-size: 1.25em;
}
.katex .sizing.reset-size4.size7,
.katex .fontsize-ensurer.reset-size4.size7 {
  /* stylelint-disable-next-line */
  font-size: 1.5em;
}
.katex .sizing.reset-size4.size8,
.katex .fontsize-ensurer.reset-size4.size8 {
  /* stylelint-disable-next-line */
  font-size: 1.8em;
}
.katex .sizing.reset-size4.size9,
.katex .fontsize-ensurer.reset-size4.size9 {
  /* stylelint-disable-next-line */
  font-size: 2.16em;
}
.katex .sizing.reset-size4.size10,
.katex .fontsize-ensurer.reset-size4.size10 {
  /* stylelint-disable-next-line */
  font-size: 2.5925em;
}
.katex .sizing.reset-size4.size11,
.katex .fontsize-ensurer.reset-size4.size11 {
  /* stylelint-disable-next-line */
  font-size: 3.11em;
}
.katex .sizing.reset-size5.size1,
.katex .fontsize-ensurer.reset-size5.size1 {
  /* stylelint-disable-next-line */
  font-size: 0.5555555556em;
}
.katex .sizing.reset-size5.size2,
.katex .fontsize-ensurer.reset-size5.size2 {
  /* stylelint-disable-next-line */
  font-size: 0.6666666667em;
}
.katex .sizing.reset-size5.size3,
.katex .fontsize-ensurer.reset-size5.size3 {
  /* stylelint-disable-next-line */
  font-size: 0.7777777778em;
}
.katex .sizing.reset-size5.size4,
.katex .fontsize-ensurer.reset-size5.size4 {
  /* stylelint-disable-next-line */
  font-size: 0.8888888889em;
}
.katex .sizing.reset-size5.size5,
.katex .fontsize-ensurer.reset-size5.size5 {
  /* stylelint-disable-next-line */
  font-size: 1em;
}
.katex .sizing.reset-size5.size6,
.katex .fontsize-ensurer.reset-size5.size6 {
  /* stylelint-disable-next-line */
  font-size: 1.1111111111em;
}
.katex .sizing.reset-size5.size7,
.katex .fontsize-ensurer.reset-size5.size7 {
  /* stylelint-disable-next-line */
  font-size: 1.3333333333em;
}
.katex .sizing.reset-size5.size8,
.katex .fontsize-ensurer.reset-size5.size8 {
  /* stylelint-disable-next-line */
  font-size: 1.6em;
}
.katex .sizing.reset-size5.size9,
.katex .fontsize-ensurer.reset-size5.size9 {
  /* stylelint-disable-next-line */
  font-size: 1.92em;
}
.katex .sizing.reset-size5.size10,
.katex .fontsize-ensurer.reset-size5.size10 {
  /* stylelint-disable-next-line */
  font-size: 2.3044444444em;
}
.katex .sizing.reset-size5.size11,
.katex .fontsize-ensurer.reset-size5.size11 {
  /* stylelint-disable-next-line */
  font-size: 2.7644444444em;
}
.katex .sizing.reset-size6.size1,
.katex .fontsize-ensurer.reset-size6.size1 {
  /* stylelint-disable-next-line */
  font-size: 0.5em;
}
.katex .sizing.reset-size6.size2,
.katex .fontsize-ensurer.reset-size6.size2 {
  /* stylelint-disable-next-line */
  font-size: 0.6em;
}
.katex .sizing.reset-size6.size3,
.katex .fontsize-ensurer.reset-size6.size3 {
  /* stylelint-disable-next-line */
  font-size: 0.7em;
}
.katex .sizing.reset-size6.size4,
.katex .fontsize-ensurer.reset-size6.size4 {
  /* stylelint-disable-next-line */
  font-size: 0.8em;
}
.katex .sizing.reset-size6.size5,
.katex .fontsize-ensurer.reset-size6.size5 {
  /* stylelint-disable-next-line */
  font-size: 0.9em;
}
.katex .sizing.reset-size6.size6,
.katex .fontsize-ensurer.reset-size6.size6 {
  /* stylelint-disable-next-line */
  font-size: 1em;
}
.katex .sizing.reset-size6.size7,
.katex .fontsize-ensurer.reset-size6.size7 {
  /* stylelint-disable-next-line */
  font-size: 1.2em;
}
.katex .sizing.reset-size6.size8,
.katex .fontsize-ensurer.reset-size6.size8 {
  /* stylelint-disable-next-line */
  font-size: 1.44em;
}
.katex .sizing.reset-size6.size9,
.katex .fontsize-ensurer.reset-size6.size9 {
  /* stylelint-disable-next-line */
  font-size: 1.728em;
}
.katex .sizing.reset-size6.size10,
.katex .fontsize-ensurer.reset-size6.size10 {
  /* stylelint-disable-next-line */
  font-size: 2.074em;
}
.katex .sizing.reset-size6.size11,
.katex .fontsize-ensurer.reset-size6.size11 {
  /* stylelint-disable-next-line */
  font-size: 2.488em;
}
.katex .sizing.reset-size7.size1,
.katex .fontsize-ensurer.reset-size7.size1 {
  /* stylelint-disable-next-line */
  font-size: 0.4166666667em;
}
.katex .sizing.reset-size7.size2,
.katex .fontsize-ensurer.reset-size7.size2 {
  /* stylelint-disable-next-line */
  font-size: 0.5em;
}
.katex .sizing.reset-size7.size3,
.katex .fontsize-ensurer.reset-size7.size3 {
  /* stylelint-disable-next-line */
  font-size: 0.5833333333em;
}
.katex .sizing.reset-size7.size4,
.katex .fontsize-ensurer.reset-size7.size4 {
  /* stylelint-disable-next-line */
  font-size: 0.6666666667em;
}
.katex .sizing.reset-size7.size5,
.katex .fontsize-ensurer.reset-size7.size5 {
  /* stylelint-disable-next-line */
  font-size: 0.75em;
}
.katex .sizing.reset-size7.size6,
.katex .fontsize-ensurer.reset-size7.size6 {
  /* stylelint-disable-next-line */
  font-size: 0.8333333333em;
}
.katex .sizing.reset-size7.size7,
.katex .fontsize-ensurer.reset-size7.size7 {
  /* stylelint-disable-next-line */
  font-size: 1em;
}
.katex .sizing.reset-size7.size8,
.katex .fontsize-ensurer.reset-size7.size8 {
  /* stylelint-disable-next-line */
  font-size: 1.2em;
}
.katex .sizing.reset-size7.size9,
.katex .fontsize-ensurer.reset-size7.size9 {
  /* stylelint-disable-next-line */
  font-size: 1.44em;
}
.katex .sizing.reset-size7.size10,
.katex .fontsize-ensurer.reset-size7.size10 {
  /* stylelint-disable-next-line */
  font-size: 1.7283333333em;
}
.katex .sizing.reset-size7.size11,
.katex .fontsize-ensurer.reset-size7.size11 {
  /* stylelint-disable-next-line */
  font-size: 2.0733333333em;
}
.katex .sizing.reset-size8.size1,
.katex .fontsize-ensurer.reset-size8.size1 {
  /* stylelint-disable-next-line */
  font-size: 0.3472222222em;
}
.katex .sizing.reset-size8.size2,
.katex .fontsize-ensurer.reset-size8.size2 {
  /* stylelint-disable-next-line */
  font-size: 0.4166666667em;
}
.katex .sizing.reset-size8.size3,
.katex .fontsize-ensurer.reset-size8.size3 {
  /* stylelint-disable-next-line */
  font-size: 0.4861111111em;
}
.katex .sizing.reset-size8.size4,
.katex .fontsize-ensurer.reset-size8.size4 {
  /* stylelint-disable-next-line */
  font-size: 0.5555555556em;
}
.katex .sizing.reset-size8.size5,
.katex .fontsize-ensurer.reset-size8.size5 {
  /* stylelint-disable-next-line */
  font-size: 0.625em;
}
.katex .sizing.reset-size8.size6,
.katex .fontsize-ensurer.reset-size8.size6 {
  /* stylelint-disable-next-line */
  font-size: 0.6944444444em;
}
.katex .sizing.reset-size8.size7,
.katex .fontsize-ensurer.reset-size8.size7 {
  /* stylelint-disable-next-line */
  font-size: 0.8333333333em;
}
.katex .sizing.reset-size8.size8,
.katex .fontsize-ensurer.reset-size8.size8 {
  /* stylelint-disable-next-line */
  font-size: 1em;
}
.katex .sizing.reset-size8.size9,
.katex .fontsize-ensurer.reset-size8.size9 {
  /* stylelint-disable-next-line */
  font-size: 1.2em;
}
.katex .sizing.reset-size8.size10,
.katex .fontsize-ensurer.reset-size8.size10 {
  /* stylelint-disable-next-line */
  font-size: 1.4402777778em;
}
.katex .sizing.reset-size8.size11,
.katex .fontsize-ensurer.reset-size8.size11 {
  /* stylelint-disable-next-line */
  font-size: 1.7277777778em;
}
.katex .sizing.reset-size9.size1,
.katex .fontsize-ensurer.reset-size9.size1 {
  /* stylelint-disable-next-line */
  font-size: 0.2893518519em;
}
.katex .sizing.reset-size9.size2,
.katex .fontsize-ensurer.reset-size9.size2 {
  /* stylelint-disable-next-line */
  font-size: 0.3472222222em;
}
.katex .sizing.reset-size9.size3,
.katex .fontsize-ensurer.reset-size9.size3 {
  /* stylelint-disable-next-line */
  font-size: 0.4050925926em;
}
.katex .sizing.reset-size9.size4,
.katex .fontsize-ensurer.reset-size9.size4 {
  /* stylelint-disable-next-line */
  font-size: 0.462962963em;
}
.katex .sizing.reset-size9.size5,
.katex .fontsize-ensurer.reset-size9.size5 {
  /* stylelint-disable-next-line */
  font-size: 0.5208333333em;
}
.katex .sizing.reset-size9.size6,
.katex .fontsize-ensurer.reset-size9.size6 {
  /* stylelint-disable-next-line */
  font-size: 0.5787037037em;
}
.katex .sizing.reset-size9.size7,
.katex .fontsize-ensurer.reset-size9.size7 {
  /* stylelint-disable-next-line */
  font-size: 0.6944444444em;
}
.katex .sizing.reset-size9.size8,
.katex .fontsize-ensurer.reset-size9.size8 {
  /* stylelint-disable-next-line */
  font-size: 0.8333333333em;
}
.katex .sizing.reset-size9.size9,
.katex .fontsize-ensurer.reset-size9.size9 {
  /* stylelint-disable-next-line */
  font-size: 1em;
}
.katex .sizing.reset-size9.size10,
.katex .fontsize-ensurer.reset-size9.size10 {
  /* stylelint-disable-next-line */
  font-size: 1.2002314815em;
}
.katex .sizing.reset-size9.size11,
.katex .fontsize-ensurer.reset-size9.size11 {
  /* stylelint-disable-next-line */
  font-size: 1.4398148148em;
}
.katex .sizing.reset-size10.size1,
.katex .fontsize-ensurer.reset-size10.size1 {
  /* stylelint-disable-next-line */
  font-size: 0.2410800386em;
}
.katex .sizing.reset-size10.size2,
.katex .fontsize-ensurer.reset-size10.size2 {
  /* stylelint-disable-next-line */
  font-size: 0.2892960463em;
}
.katex .sizing.reset-size10.size3,
.katex .fontsize-ensurer.reset-size10.size3 {
  /* stylelint-disable-next-line */
  font-size: 0.337512054em;
}
.katex .sizing.reset-size10.size4,
.katex .fontsize-ensurer.reset-size10.size4 {
  /* stylelint-disable-next-line */
  font-size: 0.3857280617em;
}
.katex .sizing.reset-size10.size5,
.katex .fontsize-ensurer.reset-size10.size5 {
  /* stylelint-disable-next-line */
  font-size: 0.4339440694em;
}
.katex .sizing.reset-size10.size6,
.katex .fontsize-ensurer.reset-size10.size6 {
  /* stylelint-disable-next-line */
  font-size: 0.4821600771em;
}
.katex .sizing.reset-size10.size7,
.katex .fontsize-ensurer.reset-size10.size7 {
  /* stylelint-disable-next-line */
  font-size: 0.5785920926em;
}
.katex .sizing.reset-size10.size8,
.katex .fontsize-ensurer.reset-size10.size8 {
  /* stylelint-disable-next-line */
  font-size: 0.6943105111em;
}
.katex .sizing.reset-size10.size9,
.katex .fontsize-ensurer.reset-size10.size9 {
  /* stylelint-disable-next-line */
  font-size: 0.8331726133em;
}
.katex .sizing.reset-size10.size10,
.katex .fontsize-ensurer.reset-size10.size10 {
  /* stylelint-disable-next-line */
  font-size: 1em;
}
.katex .sizing.reset-size10.size11,
.katex .fontsize-ensurer.reset-size10.size11 {
  /* stylelint-disable-next-line */
  font-size: 1.1996142719em;
}
.katex .sizing.reset-size11.size1,
.katex .fontsize-ensurer.reset-size11.size1 {
  /* stylelint-disable-next-line */
  font-size: 0.2009646302em;
}
.katex .sizing.reset-size11.size2,
.katex .fontsize-ensurer.reset-size11.size2 {
  /* stylelint-disable-next-line */
  font-size: 0.2411575563em;
}
.katex .sizing.reset-size11.size3,
.katex .fontsize-ensurer.reset-size11.size3 {
  /* stylelint-disable-next-line */
  font-size: 0.2813504823em;
}
.katex .sizing.reset-size11.size4,
.katex .fontsize-ensurer.reset-size11.size4 {
  /* stylelint-disable-next-line */
  font-size: 0.3215434084em;
}
.katex .sizing.reset-size11.size5,
.katex .fontsize-ensurer.reset-size11.size5 {
  /* stylelint-disable-next-line */
  font-size: 0.3617363344em;
}
.katex .sizing.reset-size11.size6,
.katex .fontsize-ensurer.reset-size11.size6 {
  /* stylelint-disable-next-line */
  font-size: 0.4019292605em;
}
.katex .sizing.reset-size11.size7,
.katex .fontsize-ensurer.reset-size11.size7 {
  /* stylelint-disable-next-line */
  font-size: 0.4823151125em;
}
.katex .sizing.reset-size11.size8,
.katex .fontsize-ensurer.reset-size11.size8 {
  /* stylelint-disable-next-line */
  font-size: 0.578778135em;
}
.katex .sizing.reset-size11.size9,
.katex .fontsize-ensurer.reset-size11.size9 {
  /* stylelint-disable-next-line */
  font-size: 0.6945337621em;
}
.katex .sizing.reset-size11.size10,
.katex .fontsize-ensurer.reset-size11.size10 {
  /* stylelint-disable-next-line */
  font-size: 0.8336012862em;
}
.katex .sizing.reset-size11.size11,
.katex .fontsize-ensurer.reset-size11.size11 {
  /* stylelint-disable-next-line */
  font-size: 1em;
}
.katex .delimsizing.size1 {
  font-family: KaTeX_Size1;
}
.katex .delimsizing.size2 {
  font-family: KaTeX_Size2;
}
.katex .delimsizing.size3 {
  font-family: KaTeX_Size3;
}
.katex .delimsizing.size4 {
  font-family: KaTeX_Size4;
}
.katex .delimsizing.mult .delim-size1 > span {
  font-family: KaTeX_Size1;
}
.katex .delimsizing.mult .delim-size4 > span {
  font-family: KaTeX_Size4;
}
.katex .nulldelimiter {
  display: inline-block;
  width: 0.12em;
}
.katex .delimcenter {
  position: relative;
}
.katex .op-symbol {
  position: relative;
}
.katex .op-symbol.small-op {
  font-family: KaTeX_Size1;
}
.katex .op-symbol.large-op {
  font-family: KaTeX_Size2;
}
.katex .op-limits > .vlist-t {
  text-align: center;
}
.katex .accent > .vlist-t {
  text-align: center;
}
.katex .accent .accent-body {
  position: relative;
}
.katex .accent .accent-body:not(.accent-full) {
  width: 0;
}
.katex .overlay {
  display: block;
}
.katex .mtable .vertical-separator {
  display: inline-block;
  min-width: 1px;
}
.katex .mtable .arraycolsep {
  display: inline-block;
}
.katex .mtable .col-align-c > .vlist-t {
  text-align: center;
}
.katex .mtable .col-align-l > .vlist-t {
  text-align: left;
}
.katex .mtable .col-align-r > .vlist-t {
  text-align: right;
}
.katex .svg-align {
  text-align: left;
}
.katex svg {
  display: block;
  position: absolute;
  width: 100%;
  height: inherit;
  fill: currentColor;
  stroke: currentColor;
}
.katex svg path {
  stroke: none;
}
.katex svg {
  fill-rule: nonzero;
  fill-opacity: 1;
  stroke-width: 1;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  stroke-opacity: 1;
}
.katex img {
  border-style: none;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: none;
}
.katex .stretchy {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.katex .stretchy::before, .katex .stretchy::after {
  content: "";
}
.katex .hide-tail {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.katex .halfarrow-left {
  position: absolute;
  left: 0;
  width: 50.2%;
  overflow: hidden;
}
.katex .halfarrow-right {
  position: absolute;
  right: 0;
  width: 50.2%;
  overflow: hidden;
}
.katex .brace-left {
  position: absolute;
  left: 0;
  width: 25.1%;
  overflow: hidden;
}
.katex .brace-center {
  position: absolute;
  left: 25%;
  width: 50%;
  overflow: hidden;
}
.katex .brace-right {
  position: absolute;
  right: 0;
  width: 25.1%;
  overflow: hidden;
}
.katex .x-arrow-pad {
  padding: 0 0.5em;
}
.katex .cd-arrow-pad {
  padding: 0 0.55556em 0 0.27778em;
}
.katex .x-arrow,
.katex .mover,
.katex .munder {
  text-align: center;
}
.katex .boxpad {
  padding: 0 0.3em;
}
.katex .fbox,
.katex .fcolorbox {
  box-sizing: border-box;
  border: 0.04em solid;
}
.katex .cancel-pad {
  padding: 0 0.2em;
}
.katex .cancel-lap {
  margin-left: -0.2em;
  margin-right: -0.2em;
}
.katex .sout {
  border-bottom-style: solid;
  border-bottom-width: 0.08em;
}
.katex .angl {
  box-sizing: border-box;
  border-top: 0.049em solid;
  border-right: 0.049em solid;
  margin-right: 0.03889em;
}
.katex .anglpad {
  padding: 0 0.03889em;
}
.katex .eqn-num::before {
  counter-increment: katexEqnNo;
  content: "(" counter(katexEqnNo) ")";
}
.katex .mml-eqn-num::before {
  counter-increment: mmlEqnNo;
  content: "(" counter(mmlEqnNo) ")";
}
.katex .mtr-glue {
  width: 50%;
}
.katex .cd-vert-arrow {
  display: inline-block;
  position: relative;
}
.katex .cd-label-left {
  display: inline-block;
  position: absolute;
  right: calc(50% + 0.3em);
  text-align: left;
}
.katex .cd-label-right {
  display: inline-block;
  position: absolute;
  left: calc(50% + 0.3em);
  text-align: right;
}

.katex-display {
  display: block;
  margin: 1em 0;
  text-align: center;
}
.katex-display > .katex {
  display: block;
  text-align: center;
  white-space: nowrap;
}
.katex-display > .katex > .katex-html {
  display: block;
  position: relative;
}
.katex-display > .katex > .katex-html > .tag {
  position: absolute;
  right: 0;
}

.katex-display.leqno > .katex > .katex-html > .tag {
  left: 0;
  right: auto;
}

.katex-display.fleqn > .katex {
  text-align: left;
  padding-left: 2em;
}

body {
  counter-reset: katexEqnNo mmlEqnNo;
}

.k385tn0 {
  position: absolute;
  touch-action: none;
}
@media (pointer: coarse) {
  .k385tn0 {
    background-color: var(--background-hoverOverlay);
    mix-blend-mode: color;
  }
}
._17auuwq0 {
  min-height: 20px;
  border: 0px;
  resize: none;
  cursor: text;
  caret-color: var(--text-primary);
  display: block;
  position: relative;
  tab-size: 1;
  outline: 0px;
  padding: 12px;
  user-select: text;
  font-size: 14px;
  line-height: 1.4em;
  width: calc(100% - 20px);
  white-space: pre-wrap;
  word-break: break-word;
}
._17auuwq1 {
  font-size: 12px;
  color: var(--text-secondary);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  bottom: 12px;
  left: 12px;
  user-select: none;
  white-space: nowrap;
  display: inline-block;
  pointer-events: none;
}
._17auuwq2:checked, ._17auuwq2:not(:checked) {
  position: absolute;
  left: -9999px;
}
._17auuwq2:checked + label, ._17auuwq2:not(:checked) + label {
  position: absolute;
  padding-right: 55px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: var(--text-secondary);
}
._17auuwq2:checked + label:before, ._17auuwq2:not(:checked) + label:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid var(--text-secondary);
  background: var(--background-primary);
}
._17auuwq2:checked + label:after, ._17auuwq2:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--text-primary);
  position: absolute;
  top: 6px;
  right: 6px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
._17auuwq2:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
._17auuwq2:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
._1fmzpuw0, select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
._1fmzpuw1 {
  min-width: 160px;
  max-width: 290px;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 1rem;
  cursor: pointer;
  line-height: 1.4;
  background: var(--background-primary);
  color: var(--text-primary);
}
._1fmzpuw1:focus {
  outline: none;
  border-color: var(--interactive-primary);
}
._1ce2r8z0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
  gap: 8px;
}
._1ce2r8z1 {
  display: flex;
  flex: 1;
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 500;
}
._1ce2r8z2 {
  display: flex;
  flex: 2;
  border: 1px solid var(--border-default);
  padding: 8px 12px;
  font-size: 16px;
  border-radius: 4px;
  min-width: 0;
  background-color: var(--background-primary);
  color: var(--text-primary);
  transition: border-color 0.2s;
}
._1ce2r8z2:focus {
  outline: none;
  border-color: var(--interactive-primary);
}
._1ce2r8z2:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._1j8z1nw0 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}
._1j8z1nw1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
._1j8z1nw2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
}
._1j8z1nw3 {
  font-size: 14px;
  color: var(--text-secondary);
  margin-bottom: 16px;
  line-height: 1.6;
}
._1j8z1nw4 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}
._1j8z1nw5 {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background-color: var(--background-secondary);
  border-radius: 8px;
  border: 1px solid var(--border-default);
  cursor: pointer;
  transition: all 0.2s;
}
._1j8z1nw5:hover {
  background-color: var(--background-hoverOverlay);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
._1j8z1nw5[data-active="true"] {
  border-color: var(--interactive-primary);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
._1j8z1nw6 {
  width: 100%;
  height: 120px;
  border-radius: 4px;
  margin-bottom: 12px;
  background-color: var(--background-primary);
  border: 1px solid var(--border-default);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--text-tertiary);
}
._1j8z1nw7 {
  font-size: 15px;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 4px;
}
._1j8z1nw8 {
  font-size: 14px;
  color: var(--text-tertiary);
  margin-bottom: 4px;
}
._1j8z1nw9 {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.5;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._1j8z1nwa {
  display: flex;
  gap: 8px;
  margin-top: auto;
}
._1j8z1nwb {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 9999px;
  background-color: var(--interactive-primary);
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 500;
}
._1j8z1nwc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  text-align: center;
  color: var(--text-secondary);
}
._1j8z1nwd {
  font-size: 48px;
  margin-bottom: 16px;
  opacity: 0.5;
}
._1j8z1nwe {
  font-size: 15px;
  margin-bottom: 8px;
}
._1j8z1nwf {
  font-size: 14px;
  color: var(--text-tertiary);
}
._1j8z1nwg {
  display: flex;
  gap: 8px;
}
._1j8z1nwh {
  margin-bottom: 24px;
}
._1j8z1nwi {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 12px;
}
.c21ht0 {
  display: flex;
  gap: 12px;
  padding: 16px;
  border-radius: 8px;
  background-color: var(--background-primary);
  border: 1px solid var(--border-default);
  transition: all 0.2s ease;
  cursor: pointer;
}
.c21ht0:hover {
  border-color: var(--interactive-primary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.c21ht1 {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
  background-color: var(--background-secondary);
  flex-shrink: 0;
}
.c21ht2 {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background-color: var(--background-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  color: var(--text-secondary);
  flex-shrink: 0;
}
.c21ht3 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.c21ht4 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.c21ht5 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c21ht6 {
  font-size: 12px;
  color: var(--text-secondary);
  flex-shrink: 0;
}
.c21ht7 {
  font-size: 12px;
  color: var(--text-secondary);
}
.c21ht8 {
  font-size: 13px;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4;
}
.c21ht9 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
}
.c21hta {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--text-secondary);
}
.c21htb {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: var(--background-secondary);
  color: var(--text-secondary);
  font-weight: 500;
}
.c21htc {
  background-color: var(--status-warning);
  color: white;
}
.c21htd {
  background-color: var(--status-error);
  color: white;
}
.c21hte {
  display: flex;
  gap: 8px;
  margin-left: auto;
  flex-shrink: 0;
}
.c21htf {
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
}
.c21htg {
  background-color: var(--interactive-primary);
  color: white;
}
.c21htg:hover {
  opacity: 0.9;
}
.c21htg:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.c21hth {
  background-color: var(--background-secondary);
  color: var(--text-primary);
}
.c21hth:hover {
  background-color: var(--background-hoverOverlay);
}
.c21hth:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.c21hti {
  margin-top: 8px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 500;
  color: var(--interactive-primary);
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
}
.c21hti:hover {
  text-decoration: underline;
}
.c21htj {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--border-default);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.c21htk {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.c21htl {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.c21htm {
  font-size: 12px;
  color: var(--text-primary);
  word-break: break-word;
}
.c21htn {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.c21hto {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: var(--background-secondary);
  color: var(--text-secondary);
}
.c21htp {
  color: var(--interactive-primary);
  text-decoration: none;
}
.c21htp:hover {
  text-decoration: underline;
}
.c21htq {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 8px;
}
.c21htr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 8px;
  font-size: 11px;
  background-color: var(--background-secondary);
  border-radius: 4px;
}
.c21hts {
  color: var(--text-primary);
}
.c21htt {
  font-weight: 600;
  color: var(--interactive-primary);
}
@keyframes _12p6mbv6 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._12p6mbv0 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._12p6mbv1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  text-align: center;
  color: var(--text-secondary);
}
._12p6mbv2 {
  font-size: 48px;
  margin-bottom: 16px;
  opacity: 0.5;
}
._12p6mbv3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--text-primary);
}
._12p6mbv4 {
  font-size: 14px;
  max-width: 300px;
}
._12p6mbv5 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
}
._12p6mbv7 {
  width: 32px;
  height: 32px;
  border: 3px solid var(--border-default);
  border-top-color: var(--interactive-primary);
  border-radius: 50%;
  animation: _12p6mbv6 1s linear infinite;
}
._12p6mbv8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  text-align: center;
  color: var(--status-error);
}
._12p6mbv9 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
._12p6mbva {
  font-size: 14px;
  color: var(--text-secondary);
  max-width: 400px;
}
._12p6mbvb {
  margin-top: 16px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  border: none;
  background-color: var(--interactive-primary);
  color: white;
  cursor: pointer;
}
._12p6mbvb:hover {
  opacity: 0.9;
}
._1pney930 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  background-color: var(--background-primary);
  border-radius: 12px;
  border: 1px solid var(--border-default);
}
._1pney931 {
  display: flex;
  gap: 20px;
}
._1pney932 {
  width: 96px;
  height: 96px;
  border-radius: 12px;
  object-fit: cover;
  background-color: var(--background-secondary);
  flex-shrink: 0;
}
._1pney933 {
  width: 96px;
  height: 96px;
  border-radius: 12px;
  background-color: var(--background-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: 600;
  color: var(--text-secondary);
  flex-shrink: 0;
}
._1pney934 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1pney935 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
._1pney936 {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}
._1pney937 {
  font-size: 14px;
  color: var(--text-secondary);
  padding: 4px 8px;
  background-color: var(--background-secondary);
  border-radius: 4px;
}
._1pney938 {
  font-size: 14px;
  color: var(--text-secondary);
}
._1pney939 {
  color: var(--interactive-primary);
  text-decoration: none;
}
._1pney939:hover {
  text-decoration: underline;
}
._1pney93a {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
._1pney93b {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--text-secondary);
}
._1pney93c {
  font-weight: 600;
  color: var(--text-primary);
}
._1pney93d {
  display: flex;
  gap: 12px;
  margin-top: 8px;
}
._1pney93e {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
}
._1pney93f {
  background-color: var(--interactive-primary);
  color: white;
}
._1pney93f:hover {
  opacity: 0.9;
}
._1pney93f:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._1pney93g {
  background-color: var(--background-secondary);
  color: var(--text-primary);
}
._1pney93g:hover {
  background-color: var(--background-hoverOverlay);
}
._1pney93g:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._1pney93h {
  background-color: transparent;
  color: var(--status-error);
  border: 1px solid var(--status-error);
}
._1pney93h:hover {
  background-color: var(--status-error);
  color: white;
}
._1pney93h:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._1pney93i {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1pney93j {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-default);
}
._1pney93k {
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-primary);
  white-space: pre-wrap;
}
._1pney93l {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
}
._1pney93m {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1pney93n {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._1pney93o {
  font-size: 14px;
  color: var(--text-primary);
}
._1pney93p {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
._1pney93q {
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 12px;
  background-color: var(--background-secondary);
  color: var(--text-secondary);
}
._1pney93r {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1pney93s {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background-color: var(--background-secondary);
  border-radius: 6px;
  font-size: 13px;
}
._1pney93t {
  color: var(--text-primary);
}
._1pney93u {
  font-weight: 600;
  color: var(--interactive-primary);
}
._1pney93v {
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 4px;
  font-weight: 500;
}
._1pney93w {
  background-color: var(--status-warning);
  color: white;
}
._1pney93x {
  background-color: var(--status-error);
  color: white;
}
._1pney93y {
  background-color: var(--background-secondary);
  color: var(--text-secondary);
}
._1sppn1j0 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1sppn1j1 {
  display: flex;
  gap: 12px;
  align-items: center;
}
._1sppn1j2 {
  flex: 1;
  position: relative;
}
._1sppn1j3 {
  width: 100%;
  padding: 10px 12px 10px 40px;
  font-size: 14px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  background-color: var(--background-primary);
  color: var(--text-primary);
  outline: none;
  transition: border-color 0.2s ease;
}
._1sppn1j3:focus {
  border-color: var(--interactive-primary);
}
._1sppn1j3::placeholder {
  color: var(--text-placeholder);
}
._1sppn1j4 {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--icon-primary);
  pointer-events: none;
}
._1sppn1j5 {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  padding: 4px;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--icon-primary);
  border-radius: 4px;
}
._1sppn1j5:hover {
  background-color: var(--background-hoverOverlay);
}
._1sppn1j6 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
._1sppn1j7 {
  padding: 8px 12px;
  font-size: 13px;
  border: 1px solid var(--border-default);
  border-radius: 6px;
  background-color: var(--background-primary);
  color: var(--text-primary);
  cursor: pointer;
  outline: none;
}
._1sppn1j7:focus {
  border-color: var(--interactive-primary);
}
._1sppn1j8 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  font-size: 12px;
  border: 1px solid var(--border-default);
  border-radius: 16px;
  background-color: var(--background-primary);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}
._1sppn1j8:hover {
  border-color: var(--interactive-primary);
  color: var(--interactive-primary);
}
._1sppn1j9 {
  background-color: var(--interactive-primary);
  border-color: var(--interactive-primary);
  color: white;
}
._1sppn1j9:hover {
  background-color: var(--interactive-primary);
  border-color: var(--interactive-primary);
  color: white;
  opacity: 0.9;
}
._1peoub03 {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 6px;
  width: 240px;
  max-height: 280px;
  overflow-y: auto;
  background: var(--background-overlay);
  box-shadow: var(--shadow-overlay);
  border: 1px solid var(--border-default);
  border-radius: 8px;
  z-index: 1050;
  user-select: none;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._1peoub03::-webkit-scrollbar {
  width: 4px;
}
._1peoub03::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
._1peoub04 {
  --_1peoub00: var(--icon-primary);
  --_1peoub01: var(--text-primary);
  --_1peoub02: transparent;
  color: var(--_1peoub01);
  background-color: var(--_1peoub02);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 4px 6px;
  height: 32px;
  border-radius: 4px;
  line-height: 20px;
  border: none;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 0.2s;
}
._1peoub04:hover {
  --_1peoub02: var(--background-hoverOverlay);
  outline: none;
}
._1peoub04:focus-visible {
  outline: 1px solid var(--border-focus);
}
._1peoub04.selected {
  --_1peoub00: var(--interactive-primary);
  --_1peoub02: var(--background-hoverOverlay);
}
._1peoub05 {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  padding: 3px;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  background: var(--background-overlay);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: var(--_1peoub00);
}
._1peoub05 svg {
  display: block;
  width: 100%;
  height: 100%;
}
._1peoub06 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  font-size: 14px;
}
._1peoub07 {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  color: var(--icon-secondary);
  flex-shrink: 0;
}
._1peoub07 svg {
  display: block;
  width: 100%;
  height: 100%;
}
._1peoub08 {
  box-sizing: border-box;
  padding: 6px;
  width: 240px;
  max-height: 280px;
  overflow-y: auto;
  background: var(--background-overlay);
  box-shadow: var(--shadow-overlay);
  border-radius: 8px;
  z-index: calc(1050 + 1);
  user-select: none;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._1peoub08::-webkit-scrollbar {
  width: 4px;
}
._1peoub08::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
[data-diff-kind="deleted"] {
  background-color: rgba(255, 200, 200, 0.25);
  border-left: 3px solid var(--status-error);
  transition: background-color 200ms ease-out;
}
[data-diff-kind="modified"] {
  background-color: rgba(255, 230, 150, 0.2);
  border-left: 3px solid var(--icon-active);
  transition: background-color 200ms ease-out;
}
[data-diff-kind="replaced"] {
  background-color: rgba(200, 200, 255, 0.25);
  border-left: 3px solid var(--interactive-primary);
  transition: background-color 200ms ease-out;
}
._10mldng0 {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 12px;
  background-color: var(--background-secondary);
  border-bottom: 1px solid var(--border-default);
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-secondary);
}
._10mldng1 {
  display: flex;
  gap: 4px;
}
._10mldng2 {
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-secondary);
  background-color: transparent;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}
._10mldng2:hover {
  color: var(--text-primary);
  background-color: var(--background-hoverOverlay);
}
._10mldng3 {
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--status-success);
  background-color: transparent;
  border: 1px solid var(--status-success);
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}
._10mldng3:hover {
  background-color: rgba(200, 255, 200, 0.15);
}
._10mldng4 {
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--border-default);
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1.5;
}
._10mldng5 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 8px;
  font-family: var(--font-mono-family);
  font-size: 12px;
  line-height: 1.5;
  background-color: rgba(200, 255, 200, 0.15);
  color: var(--text-primary);
  border-left: 3px solid var(--status-success);
}
._10mldng5:empty::before {
  content: " ";
}
._10mldng6 {
  flex: 1;
  min-width: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
._10mldng7 {
  flex-shrink: 0;
  font-size: 12px;
  line-height: 1;
  color: var(--text-tertiary);
}
._10mldng8 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 4px 8px;
  background-color: rgba(255, 200, 200, 0.15);
  border-left: 3px solid var(--status-error);
}
._10mldng9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px;
  background-color: var(--background-secondary);
  border-top: 1px solid var(--border-default);
}
._10mldnga {
  font-size: 12px;
  line-height: 1;
  color: var(--text-tertiary);
}
._10mldngb {
  padding: 1px 8px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-secondary);
  background-color: transparent;
  border: 1px solid var(--border-default);
  border-radius: 2px;
  cursor: pointer;
}
._10mldngb:hover {
  color: var(--status-success);
  border-color: var(--status-success);
}
._1201nys0 {
  width: 24px;
  max-height: 100%;
  box-sizing: border-box;
  display: flex;
}
._1201nys1 {
  display: flex;
  width: 200px;
  max-height: 100%;
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 8px;
  border: 1px solid var(--border-default);
  background-color: var(--background-overlay);
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.14);
  overflow-y: auto;
  padding: 8px 4px 8px 8px;
  scrollbar-width: thin;
  scrollbar-color: var(--icon-secondary) transparent;
}
._1201nys1::-webkit-scrollbar {
  width: 6px;
}
._1201nys1::-webkit-scrollbar-track {
  background: transparent;
}
._1201nys1::-webkit-scrollbar-thumb {
  background: var(--icon-secondary);
  border-radius: 3px;
}
._1201nys1::-webkit-scrollbar-thumb:hover {
  background: var(--icon-primary);
}
._1201nys2 {
  display: flex;
  padding: 6px 8px;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-bottom: 1px solid var(--border-default);
  margin-bottom: 4px;
}
._1201nys3 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: none;
  background: transparent;
  color: var(--icon-secondary);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._1201nys3:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--icon-primary);
}
._12r71b0 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.15s ease;
  color: var(--text-secondary);
}
._12r71b0:hover {
  background-color: var(--background-hoverOverlay);
}
._12r71b0[data-active="true"] {
  color: var(--text-primary);
  background-color: var(--background-hoverOverlay);
}
._12r71b1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  border-radius: 4px;
  background-color: var(--background-primary);
  color: var(--icon-secondary);
}
._12r71b2 {
  flex: 1;
  min-width: 0;
}
._12r71b2[data-tag="h2"] {
  margin-left: 8px;
}
._12r71b2[data-tag="h3"] {
  margin-left: 16px;
}
._12r71b2[data-tag="h4"] {
  margin-left: 24px;
}
._12r71b2[data-tag="h5"] {
  margin-left: 32px;
}
._12r71b2[data-tag="h6"] {
  margin-left: 40px;
}
._48ofg90 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
  padding: 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--icon-secondary) transparent;
}
._48ofg90::-webkit-scrollbar {
  width: 4px;
}
._48ofg90::-webkit-scrollbar-track {
  background: transparent;
}
._48ofg90::-webkit-scrollbar-thumb {
  background: var(--icon-secondary);
  border-radius: 2px;
}
._48ofg90::-webkit-scrollbar-thumb:hover {
  background: var(--icon-primary);
}
._48ofg91 {
  position: relative;
}
._48ofg92 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.g8rygc0 {
  position: fixed;
  background: var(--background-hoverOverlay);
  border-radius: 4px;
  pointer-events: none;
  z-index: 100;
  transition: opacity 0.5s ease;
}
._178lulk0 {
  position: absolute;
  top: 0;
  right: 0;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  overflow-y: hidden;
  cursor: pointer;
}
._178lulk1 {
  flex: 1 1 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._178lulk2 {
  width: 20px;
  height: 2px;
  border-radius: 1px;
  background-color: var(--border-default);
  transition: width 0.12s cubic-bezier(0.42, 0, 0.58, 1);
}
._178lulk2[data-active="true"] {
  width: 24px;
  background-color: var(--text-primary);
}
.pbhbsv0 {
  position: fixed;
  display: flex;
  top: 256px;
  right: 22px;
  width: 24px;
  height: 400px;
  max-height: calc(100vh - 256px - 76px);
}
.hiqse50 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: var(--background-primary);
  border-radius: 8px;
  overflow: hidden;
}
._1r5fb810 {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px;
}
._1xhorkg0 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border-bottom: 1px solid var(--border-default);
}
._1xhorkg1 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 24px;
  flex: 1;
}
._1xhorkg2 {
  display: flex;
  gap: 4px;
  align-items: center;
  position: absolute;
  top: 16px;
  right: 16px;
}
._1xhorkg3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  border: none;
  background: transparent;
  color: var(--icon-secondary);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._1xhorkg3:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--icon-primary);
}
._1xhorkg4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background-color: var(--background-primary);
  border-radius: 8px;
  border: 1px solid var(--border-default);
}
._1xhorkg5 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--text-primary);
  cursor: pointer;
  user-select: none;
}
._1xhorkg6 {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: var(--interactive-primary);
}
._1g6n6hm0 {
  height: 35.8px;
  font-size: 10px;
  color: var(--text-secondary);
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: row;
  user-select: none;
}
._1g6n6hm0 .code-highlight-language {
  margin-right: 4px;
}
._1g6n6hm0 button.menu-item {
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 4px;
  background: none;
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: var(--text-secondary);
  text-transform: uppercase;
}
._1g6n6hm0 button.menu-item i.format {
  height: 16px;
  width: 16px;
  opacity: 0.6;
  display: flex;
  color: var(--text-secondary);
  background-size: contain;
}
._1g6n6hm0 button.menu-item:hover {
  border: 1px solid var(--border-default);
  opacity: 0.9;
}
._1g6n6hm0 button.menu-item:active {
  background-color: var(--background-hoverOverlay);
  border: 1px solid var(--border-default);
}
._12s309e0 {
  border-radius: 4px;
  padding: 2px 1px;
  cursor: grab;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform;
  display: flex;
  gap: 2px;
  transition: opacity 0.2s;
}
._12s309e0:active {
  cursor: grabbing;
}
._12s309e1 {
  width: 16px;
  height: 16px;
  opacity: 1;
  color: var(--icon-primary);
  cursor: grab;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s;
}
._12s309e1:hover {
  background: var(--background-hoverOverlay);
}
._12s309e1:active {
  cursor: grabbing;
}
._12s309e2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  background: transparent;
  width: 16px;
  height: 16px;
  padding: 0;
  color: var(--icon-primary);
  border-radius: 4px;
  transition: all 0.2s;
}
._12s309e2:hover {
  background: var(--background-hoverOverlay);
}
._12s309e3 {
  pointer-events: none;
  background: var(--interactive-primary);
  height: 4px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  will-change: transform;
  transition: opacity 0.2s;
}
@keyframes _12k8yaz0 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes _12k8yaz1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
._12k8yaz2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 10;
  overflow: visible;
}
._12k8yaz3 {
  animation: _12k8yaz0 1s step-end infinite;
}
._12k8yaz4 {
  animation: _12k8yaz1 500ms ease-out forwards;
}
._12k8yaz5 {
  background-color: rgba(139, 92, 246, 0.2);
}
._12k8yaz6 {
  background-color: rgba(139, 92, 246, 0.15);
}
._12k8yaz7 {
  background-color: rgba(139, 92, 246, 0.2);
  animation: _12k8yaz1 500ms ease-out forwards;
}
._12k8yaz8 {
  background-color: rgba(139, 92, 246, 0.15);
  animation: _12k8yaz1 500ms ease-out forwards;
}
.j96d7o0 {
  padding: 24px;
}
.j96d7o1 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.j96d7o1 button {
  border: 1px solid var(--border-default);
  border-radius: 4px;
  height: 16px;
  width: 16px;
  cursor: pointer;
  list-style-type: none;
}
.j96d7o1 button.active {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.j96d7o2 {
  width: 100%;
  position: relative;
  margin-top: 12px;
  height: 150px;
  background-image: linear-gradient(transparent, black), linear-gradient(to right, white, transparent);
  user-select: none;
}
.j96d7o3 {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid var(--background-primary);
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  transform: translate(-10px, -10px);
}
.j96d7o4 {
  width: 100%;
  position: relative;
  margin-top: 12px;
  height: 12px;
  background-image: linear-gradient(
   to right,
   rgb(255, 0, 0),
   rgb(255, 255, 0),
   rgb(0, 255, 0),
   rgb(0, 255, 255),
   rgb(0, 0, 255),
   rgb(255, 0, 255),
   rgb(255, 0, 0)
 );
  user-select: none;
  border-radius: 12px;
}
.j96d7o5 {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid var(--background-primary);
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  transform: translate(-10px, -4px);
}
.j96d7o6 {
  border: 1px solid var(--border-default);
  margin-top: 12px;
  width: 100%;
  height: 20px;
}
._1fkjcvn0 {
  z-index: 10;
  transition: opacity 0.2s;
  will-change: transform;
}
._1fkjcvn1 {
  display: flex;
  flex-direction: column;
  min-width: 280px;
  max-width: 400px;
  background: var(--background-overlay);
  box-shadow: var(--shadow-overlay);
  border-radius: 8px;
  padding: 6px;
}
._1fkjcvn2 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._1fkjcvn3 {
  flex: 1;
  box-sizing: border-box;
  padding: 6px 8px;
  border-radius: 4px;
  background: var(--background-secondary);
  font-size: 14px;
  line-height: 20px;
  color: var(--text-primary);
  border: 1px solid var(--border-default);
  outline: none;
  font-family: inherit;
  transition: border-color 0.2s;
}
._1fkjcvn3:focus {
  border-color: var(--border-focus);
}
._1fkjcvn3::placeholder {
  color: var(--text-placeholder);
}
._1fkjcvn4 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px;
}
._1fkjcvn5 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  color: var(--text-link);
  text-decoration: none;
  padding: 4px 6px;
  border-radius: 4px;
  transition: background 0.2s;
}
._1fkjcvn5:hover {
  background: var(--background-hoverOverlay);
  text-decoration: underline;
}
._1fkjcvn6 {
  width: 28px;
  height: 28px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  border-radius: 4px;
  color: var(--icon-secondary);
  transition: background 0.2s, color 0.2s;
  flex-shrink: 0;
}
._1fkjcvn6:hover {
  background: var(--background-hoverOverlay);
  color: var(--icon-primary);
}
._1fkjcvn6:focus-visible {
  outline: 1px solid var(--border-focus);
}
._1fkjcvn7 {
  color: var(--interactive-primary);
}
._1fkjcvn7:hover {
  background: var(--background-hoverOverlay);
  color: var(--interactive-primary);
}
._1fkjcvn8:hover {
  background: var(--background-error);
  color: var(--status-error);
}
._1fkjcvn9 {
  width: 16px;
  height: 16px;
  display: block;
}
._1fkjcvn9 svg {
  display: block;
  width: 100%;
  height: 100%;
}
._1fkjcvna {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
._1yrdxb20 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--background-overlay);
  padding: 0 6px;
  z-index: 1050;
  box-shadow: var(--shadow-toolbar);
  border: 0.5px solid var(--border-default);
  border-radius: 8px;
  height: 36px;
  will-change: transform;
  transition: opacity 0.15s ease-out;
}
._1yrdxb21 {
  display: contents;
}
@keyframes _1lrbonf0 {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _1lrbonf1 {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
._1lrbonf2 {
  display: block;
  position: absolute;
  width: 300px;
  background-color: var(--background-primary);
  box-shadow: var(--shadow-popover);
  border-radius: 12px;
  z-index: 1000;
  animation: _1lrbonf0 0.3s ease-out;
  overflow: hidden;
}
._1lrbonf2::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: 0.5em;
  right: -1em;
  top: 0;
  left: calc(50% + 0.25em);
  box-sizing: border-box;
  border: 0.5em solid black;
  border-color: transparent transparent var(--background-primary) var(--background-primary);
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.05);
}
._1lrbonf3 {
  width: 340px;
  border: 1px solid var(--border-default);
  backdrop-filter: blur(16px);
}
._1lrbonf4 {
  width: 340px;
  border: 1px solid var(--border-default);
  background: linear-gradient(160deg, var(--background-primary) 0%, var(--background-hoverOverlay) 100%);
  backdrop-filter: blur(16px);
}
._1lrbonf5 {
  position: relative;
  padding: 12px;
}
._1lrbonf6 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 12px 0;
}
._1lrbonf7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  flex-shrink: 0;
}
._1lrbonf8 {
  background-color: rgba(255, 212, 0, 0.85);
  color: var(--text-primary);
}
._1lrbonf9 {
  background-color: var(--interactive-primary);
  color: var(--background-primary);
}
._1lrbonfa {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  letter-spacing: 0.02em;
}
._1lrbonfb {
  position: relative;
  border: none;
  background-color: transparent;
  border-radius: 0;
  font-size: 14px;
  caret-color: var(--text-primary);
  display: block;
  padding: 8px 12px;
  min-height: 60px;
  line-height: 1.5;
}
._1lrbonfb:focus {
  outline: none;
}
._1lrbonfc {
  caret-color: var(--interactive-primary);
}
._1lrbonfd {
  height: 1px;
  margin: 0 12px;
  background-color: var(--border-default);
  opacity: 0.5;
}
._1lrbonfe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
}
._1lrbonff {
  font-size: 12px;
  color: var(--text-tertiary);
}
._1lrbonfg {
  display: flex;
  gap: 4px;
}
._1lrbonfh {
  position: fixed;
  right: 16px;
  top: 16px;
  width: 320px;
  max-height: 70%;
  display: flex;
  flex-direction: column;
  background-color: var(--background-primary);
  border: 1px solid var(--border-default);
  border-radius: 12px;
  box-shadow: var(--shadow-lg);
  animation: _1lrbonf1 0.2s ease-out;
  z-index: 1000;
  transition: width 0.2s ease;
}
._1lrbonfi {
  width: 380px;
  height: 70%;
}
._1lrbonfj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 16px;
  border-bottom: 1px solid var(--border-default);
  flex-shrink: 0;
}
._1lrbonfk {
  display: flex;
  align-items: center;
  gap: 4px;
}
._1lrbonfl {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}
._1lrbonfm {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-tertiary);
  background-color: var(--background-hoverOverlay);
  border-radius: 9999px;
  padding: 1px 8px;
  margin-left: 4px;
  line-height: 1.4;
}
._1lrbonfn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
}
._1lrbonfo {
  color: var(--text-tertiary);
  opacity: 0.5;
}
._1lrbonfp {
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
._1lrbonfq {
  color: var(--text-tertiary);
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  margin: 0;
  max-width: 220px;
}
._1lrbonfr {
  flex: 1;
  overflow-y: auto;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
._1lrbonfs {
  border-bottom: 1px solid var(--border-default);
  border-left: 2px solid var(--border-default);
  position: relative;
  transition: background-color 0.15s ease, border-left-color 0.15s ease;
}
._1lrbonft {
  border-left: 2px solid var(--interactive-primary);
}
._1lrbonfu {
  cursor: pointer;
}
._1lrbonfu:hover {
  background-color: var(--background-hoverOverlay);
}
._1lrbonfv {
  background-color: var(--background-hoverOverlay);
  border-left: 3px solid var(--interactive-primary);
  cursor: inherit;
}
._1lrbonfw {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px 8px 0 12px;
  gap: 8px;
}
._1lrbonfx {
  margin: 0;
  font-size: 12px;
  color: var(--text-tertiary);
  line-height: 1.5;
  flex: 1;
  min-width: 0;
}
._1lrbonfy {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
._1lrbonfz {
  position: relative;
  padding: 4px 8px 8px;
}
._1lrbonf10 {
  position: relative;
  border: 1px solid var(--border-default);
  background-color: var(--background-primary);
  border-radius: 4px;
  font-size: 12px;
  caret-color: var(--text-primary);
  display: block;
  padding: 8px 32px 8px 8px;
  min-height: 20px;
}
._1lrbonf10:focus {
  outline: 2px solid var(--interactive-primary);
  outline-offset: -1px;
}
._1lrbonf11 {
  position: absolute;
  right: 16px;
  top: 8px;
}
._1lrbonf12 {
  padding: 8px 8px 8px 12px;
  position: relative;
}
._1lrbonf13 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-bottom: 4px;
}
._1lrbonf14 {
  font-weight: 600;
  color: var(--text-primary);
  font-size: 12px;
}
._1lrbonf15 {
  color: var(--text-tertiary);
  font-size: 12px;
}
._1lrbonf16 {
  opacity: 0.4;
  font-style: italic;
}
._1lrbonf17 {
  position: absolute;
  top: 12px;
  right: 8px;
  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: auto;
  z-index: 1;
}
._1lrbonf18 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
._1lrbonf19 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 12px;
  border-bottom: 2px solid var(--interactive-primary);
  background-color: var(--background-hoverOverlay);
  flex-shrink: 0;
  gap: 8px;
}
._1lrbonf1a {
  color: var(--interactive-primary);
  flex-shrink: 0;
}
._1lrbonf1b {
  margin: 0;
  font-size: 12px;
  color: var(--text-tertiary);
  line-height: 1.4;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1lrbonf1c {
  flex: 1;
  min-height: 0;
}
._1lrbonf1d {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  color: var(--background-primary);
  background-color: var(--interactive-primary);
  border-radius: 2px;
  padding: 1px 4px;
  margin-right: 4px;
  line-height: 1.2;
  vertical-align: middle;
}
._1lrbonf1e {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  gap: 8px;
}
._1lrbonf1f {
  font-size: 12px;
  color: var(--text-secondary);
  font-weight: 500;
}
._1lrbonf1g {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}
._1lrbonfs:first-child {
  border-top: none;
}
._1lrbonfv ._1lrbonf12:hover {
  background-color: inherit;
}
._1lrbonfx span {
  color: var(--text-primary);
  background-color: rgba(255, 212, 0, 0.25);
  padding: 1px 2px;
  border-radius: 2px;
  font-weight: 500;
}
._1lrbonf1b span {
  color: var(--text-primary);
  background-color: rgba(100, 149, 237, 0.2);
  padding: 1px 3px;
  border-radius: 2px;
  font-weight: 500;
}
._1lrbonfy ._1lrbonf12 {
  padding-left: 16px;
  border-left: 2px solid var(--border-default);
  margin-left: 16px;
}
._1lrbonfy ._1lrbonf12:first-child {
  border-left: none;
  margin-left: 0;
  padding-left: 8px;
}
._1lrbonfy ._1lrbonf12:first-child:last-child {
  padding-bottom: 8px;
}
._1lrbonf12 p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.5;
}
._1lrbonf12:hover ._1lrbonf17, ._1lrbonfw:hover ._1lrbonf17 {
  opacity: 1;
}
._1lrbonf19 button {
  flex-shrink: 0;
  opacity: 0.6;
  transition: opacity 0.15s ease;
}
._1lrbonf19 button:hover {
  opacity: 1;
}
._1avpzat0 {
  border: 0;
  font-size: 15px;
  display: block;
  position: relative;
  outline: 0;
  color: var(--text-primary);
  background: var(--background-primary);
  max-width: var(--editor-width);
  margin: 0 auto;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 200px;
  padding-left: var(--editor-side-padding);
  padding-right: var(--editor-side-padding);
}
._1avpzat1 {
  font-size: 15px;
  color: var(--text-secondary);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 8px;
  left: 46px;
  right: 28px;
  user-select: none;
  white-space: nowrap;
  display: inline-block;
  pointer-events: none;
}
@media (max-width: 1025px) {
  ._1avpzat1 {
    left: 8px;
    right: 8px;
  }
}
@keyframes _1n7cqt8p {
  to {
    visibility: hidden;
  }
}
@keyframes _1n7cqt814 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._1n7cqt80 {
  margin: 0;
  position: relative;
  line-height: 1.75;
}
._1n7cqt81 {
  margin: 0 0 16px 0;
  padding: 0 16px;
  color: var(--text-secondary);
  border-left: 4px solid var(--border-default);
}
._1n7cqt82 {
  font-weight: 600;
  line-height: 1.25;
  margin: 24px 0 16px 0;
  font-size: 2em;
  color: var(--text-primary);
}
._1n7cqt82:first-child {
  margin-top: 0;
}
._1n7cqt83 {
  font-weight: 600;
  line-height: 1.25;
  margin: 24px 0 16px 0;
  font-size: 1.5em;
  color: var(--text-primary);
}
._1n7cqt83:first-child {
  margin-top: 0;
}
._1n7cqt84 {
  font-weight: 600;
  line-height: 1.25;
  margin: 24px 0 16px 0;
  font-size: 1.25em;
  color: var(--text-primary);
}
._1n7cqt84:first-child {
  margin-top: 0;
}
._1n7cqt85 {
  font-weight: 600;
  line-height: 1.25;
  margin: 24px 0 16px 0;
  font-size: 1em;
  color: var(--text-primary);
}
._1n7cqt85:first-child {
  margin-top: 0;
}
._1n7cqt86 {
  font-weight: 600;
  line-height: 1.25;
  margin: 24px 0 16px 0;
  font-size: 0.875em;
  color: var(--text-primary);
}
._1n7cqt86:first-child {
  margin-top: 0;
}
._1n7cqt87 {
  font-weight: 600;
  line-height: 1.25;
  margin: 24px 0 16px 0;
  font-size: 0.85em;
  color: var(--text-secondary);
}
._1n7cqt87:first-child {
  margin-top: 0;
}
._1n7cqt88 {
  --lexical-indent-base-value: 40px;
}
._1n7cqt89 {
  font-weight: bold;
}
._1n7cqt80 mark {
  background-color: unset;
}
._1n7cqt8a {
  background: var(--background-warning);
  border-bottom: 2px solid var(--others-warnLabel-yellow);
}
._1n7cqt8b {
  font-style: italic;
}
._1n7cqt8c {
  text-decoration: underline;
}
._1n7cqt8d {
  text-decoration: line-through;
}
._1n7cqt8e {
  text-decoration: underline line-through;
}
._1n7cqt8f {
  position: relative;
  text-decoration: none;
}
._1n7cqt8f._1n7cqt8c::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.15em;
  border-bottom: 0.1em solid currentColor;
}
._1n7cqt8f._1n7cqt8d::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0.69em;
  border-top: 0.1em solid currentColor;
}
._1n7cqt8f._1n7cqt8e::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0.69em;
  border-top: 0.1em solid currentColor;
}
._1n7cqt8f._1n7cqt8e::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.05em;
  border-bottom: 0.1em solid currentColor;
}
._1n7cqt8g {
  font-size: 0.8em;
  vertical-align: sub !important;
}
._1n7cqt8h {
  font-size: 0.8em;
  vertical-align: super;
}
._1n7cqt8i {
  background-color: var(--background-secondary);
  padding: 0.2em 0.4em;
  margin: 0;
  font-family: var(--font-mono-family);
  font-size: 85%;
  border-radius: 6px;
  white-space: break-spaces;
}
._1n7cqt8j {
  text-transform: lowercase;
}
._1n7cqt8k {
  text-transform: uppercase;
}
._1n7cqt8l {
  text-transform: capitalize;
}
._1n7cqt8m {
  background-color: var(--background-processing);
  border-bottom: 1px solid var(--interactive-primary);
}
._1n7cqt8n {
  color: var(--text-link);
  text-decoration: none;
  background-color: transparent;
}
._1n7cqt8n:hover {
  text-decoration: underline;
}
._1n7cqt8n:active {
  text-decoration: underline;
}
._1n7cqt8o {
  display: block;
  pointer-events: none;
  position: absolute;
}
._1n7cqt8o::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid var(--text-primary);
  animation: _1n7cqt8p 1.1s steps(2, start) infinite;
}
._1n7cqt8q {
  background-color: var(--background-secondary);
  font-family: var(--font-mono-family);
  display: block;
  padding: 4px;
  line-height: 1.45;
  font-size: 85%;
  margin: 0;
  overflow-x: auto;
  position: relative;
  tab-size: 2;
  border-radius: 6px;
  word-wrap: normal;
}
._1n7cqt8q::before {
  display: none;
}
._1n7cqt8r {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  margin: 0;
}
._1n7cqt8s {
  overflow-x: auto;
  width: 100%;
  margin: 16px 0;
}
._1n7cqt8s:first-child {
  margin-top: 0;
}
._1n7cqt8s > ._1n7cqt8r {
  margin-top: 0;
  margin-bottom: 0;
}
._1n7cqt8t {
  margin-left: auto;
  margin-right: auto;
}
._1n7cqt8u {
  margin-left: auto;
}
._1n7cqt8v {
  overflow-x: clip;
}
._1n7cqt8v tr:nth-of-type(1) > td {
  overflow: clip;
  background-color: var(--background-primary);
  position: sticky;
  z-index: 2;
  top: 44px;
}
._1n7cqt8v tr:nth-of-type(1) > th {
  overflow: clip;
  background-color: var(--background-secondary);
  position: sticky;
  z-index: 2;
  top: 44px;
}
._1n7cqt8v tr:nth-of-type(1) > th::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid var(--border-default);
}
._1n7cqt8v tr:nth-of-type(1) > td::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid var(--border-default);
}
._1n7cqt8w tr > td:first-child {
  background-color: var(--background-primary);
  position: sticky;
  z-index: 2;
  left: 0;
}
._1n7cqt8w tr > th:first-child {
  background-color: var(--background-secondary);
  position: sticky;
  z-index: 2;
  left: 0;
}
._1n7cqt8w tr > :first-child::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  border-right: 1px solid var(--border-default);
}
._1n7cqt8x tr:nth-child(even) {
  background-color: var(--background-tertiary);
}
._1n7cqt8w ._1n7cqt8r._1n7cqt8x tr:nth-child(even) > td:first-child {
  background-color: var(--background-tertiary);
}
._1n7cqt8y *::selection {
  background-color: transparent;
}
._1n7cqt8z {
  outline: 2px solid var(--interactive-primary);
}
._1n7cqt810 {
  border: 1px solid var(--border-default);
  min-width: 75px;
  vertical-align: top;
  text-align: start;
  padding: 6px 12px;
  position: relative;
  outline: none;
  overflow: auto;
}
._1n7cqt810 > * {
  overflow: inherit;
}
._1n7cqt811 {
  position: absolute;
  right: -4px;
  height: 100%;
  width: 8px;
  cursor: ew-resize;
  z-index: 10;
  top: 0;
}
._1n7cqt812 {
  background-color: var(--background-secondary);
  text-align: start;
}
._1n7cqt813 {
  caret-color: transparent;
}
._1n7cqt813::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: var(--background-hoverOverlay);
  mix-blend-mode: multiply;
  pointer-events: none;
}
._1n7cqt815 {
  --table-control-icon-opacity: 0.4;
  position: absolute;
  background-color: var(--background-tertiary);
  height: 100%;
  animation: _1n7cqt814 0.2s ease;
  border: 0;
  cursor: pointer;
}
._1n7cqt815:hover {
  background-color: var(--background-hoverOverlay);
}
._1n7cqt815::after {
  content: " ";
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20fill%3D%27currentColor%27%20class%3D%27bi%20bi-plus%27%3E%3Cpath%20d%3D%27M8%204a.5.5%200%200%201%20.5.5v3h3a.5.5%200%200%201%200%201h-3v3a.5.5%200%200%201-1%200v-3h-3a.5.5%200%200%201%200-1h3v-3A.5.5%200%200%201%208%204z%27%2F%3E%3C%2Fsvg%3E);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: var(--table-control-icon-opacity);
}
._1n7cqt816 {
  --table-control-icon-opacity: 0.4;
  position: absolute;
  width: calc(100% - 25px);
  background-color: var(--background-tertiary);
  animation: _1n7cqt814 0.2s ease;
  border: 0;
  cursor: pointer;
}
._1n7cqt816:hover {
  background-color: var(--background-hoverOverlay);
}
._1n7cqt816::after {
  content: " ";
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20fill%3D%27currentColor%27%20class%3D%27bi%20bi-plus%27%3E%3Cpath%20d%3D%27M8%204a.5.5%200%200%201%20.5.5v3h3a.5.5%200%200%201%200%201h-3v3a.5.5%200%200%201-1%200v-3h-3a.5.5%200%200%201%200-1h3v-3A.5.5%200%200%201%208%204z%27%2F%3E%3C%2Fsvg%3E);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: var(--table-control-icon-opacity);
}
._1n7cqt817 {
  display: block;
  position: absolute;
  width: 1px;
  background-color: var(--interactive-primary);
  height: 100%;
  top: 0;
}
._1n7cqt818 {
  display: block;
  right: 5px;
  top: 6px;
  position: absolute;
  z-index: 4;
  width: 20px;
  height: 20px;
}
._1n7cqt819 {
  background-color: var(--background-tertiary);
  display: block;
  border: 0;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  color: var(--text-primary);
  cursor: pointer;
}
._1n7cqt819:hover {
  background-color: var(--background-hoverOverlay);
}
._1n7cqt81a {
  display: inline;
  background-color: var(--background-error) !important;
}
._1n7cqt81b {
  padding-left: 32px;
  margin-top: 0;
  margin-bottom: 16px;
  list-style-type: decimal;
  list-style-position: outside;
}
._1n7cqt81c {
  padding-left: 32px;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: lower-alpha;
  list-style-position: outside;
}
._1n7cqt81d {
  padding-left: 32px;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: lower-roman;
  list-style-position: outside;
}
._1n7cqt81e {
  padding-left: 32px;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: decimal;
  list-style-position: outside;
}
._1n7cqt81f {
  padding-left: 32px;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: lower-alpha;
  list-style-position: outside;
}
._1n7cqt81g {
  padding-left: 32px;
  margin-top: 0;
  margin-bottom: 16px;
  list-style-type: disc;
  list-style-position: outside;
}
._1n7cqt81h {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 16px;
  list-style-type: none;
}
._1n7cqt81i {
  margin-top: 4px;
  word-wrap: break-word;
  display: list-item;
  line-height: 1.75;
}
._1n7cqt81g > ._1n7cqt81i {
  list-style-type: disc;
}
._1n7cqt81b > ._1n7cqt81i {
  list-style-type: decimal;
}
._1n7cqt81c > ._1n7cqt81i {
  list-style-type: lower-alpha;
}
._1n7cqt81d > ._1n7cqt81i {
  list-style-type: lower-roman;
}
._1n7cqt81e > ._1n7cqt81i {
  list-style-type: decimal;
}
._1n7cqt81f > ._1n7cqt81i {
  list-style-type: lower-alpha;
}
._1n7cqt81i::marker {
  color: var(--text-primary);
}
._1n7cqt81j {
  position: relative;
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  list-style-type: none;
  outline: none;
  display: block;
  min-height: 1.5em;
  text-decoration: line-through;
}
._1n7cqt81k {
  position: relative;
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  list-style-type: none;
  outline: none;
  display: block;
  min-height: 1.5em;
}
._1n7cqt81j > * {
  margin-left: 0.01em;
}
._1n7cqt81k > * {
  margin-left: 0.01em;
}
._1n7cqt81k::before {
  content: "";
  width: 16px;
  height: 16px;
  top: 4px;
  left: 0;
  cursor: pointer;
  display: block;
  position: absolute;
  border: 2px solid var(--border-default);
  border-radius: 4px;
  background-color: transparent;
  box-sizing: border-box;
}
._1n7cqt81j::before {
  content: "";
  width: 16px;
  height: 16px;
  top: 4px;
  left: 0;
  cursor: pointer;
  display: block;
  position: absolute;
  border: 2px solid var(--interactive-primary);
  border-radius: 4px;
  background-color: var(--interactive-primary);
  box-sizing: border-box;
}
._1n7cqt81k:focus::before {
  box-shadow: 0 0 0 2px var(--background-hoverOverlay);
  border-radius: 2px;
}
._1n7cqt81j:focus::before {
  box-shadow: 0 0 0 2px var(--background-hoverOverlay);
  border-radius: 2px;
}
._1n7cqt81j::after {
  content: "";
  cursor: pointer;
  border-color: white;
  border-style: solid;
  position: absolute;
  display: block;
  top: 7px;
  width: 4px;
  left: 6px;
  height: 8px;
  transform: rotate(45deg);
  border-width: 0 2px 2px 0;
}
._1n7cqt81l {
  list-style-type: none;
}
._1n7cqt81l::before {
  display: none;
}
._1n7cqt81l::after {
  display: none;
}
._1n7cqt81g > ._1n7cqt81l {
  list-style-type: none;
}
._1n7cqt81b > ._1n7cqt81l {
  list-style-type: none;
}
._1n7cqt81c > ._1n7cqt81l {
  list-style-type: none;
}
._1n7cqt81d > ._1n7cqt81l {
  list-style-type: none;
}
._1n7cqt81e > ._1n7cqt81l {
  list-style-type: none;
}
._1n7cqt81f > ._1n7cqt81l {
  list-style-type: none;
}
._1n7cqt81m {
  color: var(--text-tertiary);
}
._1n7cqt81n {
  --token-deleted-start: var(--background-error);
  --token-deleted-end: var(--background-error);
  border-image: linear-gradient(to right, var(--token-deleted-start) 50%, var(--token-deleted-end) 50%) fill 0/0/0 100vw;
  opacity: 0.5;
}
._1n7cqt81o {
  --token-inserted-start: var(--background-success);
  --token-inserted-end: var(--background-success);
  border-image: linear-gradient(to right, var(--token-inserted-start) 50%, var(--token-inserted-end) 50%) fill 0/0/0 100vw;
  opacity: 0.5;
}
._1n7cqt81p {
  --token-unchanged-start: var(--border-default);
  --token-unchanged-end: var(--background-secondary);
  border-image: linear-gradient(to right, var(--token-unchanged-start) 50%, var(--token-unchanged-end) 50%) fill 0/0/0 100vw;
}
._1n7cqt81q {
  color: var(--text-tertiary);
}
._1n7cqt81r {
  color: var(--text-emphasis);
}
._1n7cqt81s {
  color: var(--text-link);
}
._1n7cqt81t {
  color: var(--text-secondary);
}
._1n7cqt81u {
  color: var(--interactive-primary);
}
._1n7cqt81v {
  color: var(--status-error);
}
._1n7cqt81w {
  color: var(--text-emphasis);
}
._1n7cqt81x {
  background: var(--background-warning);
  border-bottom: 2px solid var(--others-warnLabel-yellow);
  padding-bottom: 2px;
  opacity: 0.5;
}
._1n7cqt81x.selected {
  opacity: 0.8;
}
._1n7cqt81y {
  background: var(--background-warning);
  border-bottom: 2px solid var(--others-warnLabel-yellow);
  opacity: 0.7;
}
._1n7cqt81y.selected {
  opacity: 0.9;
}
._1n7cqt81z {
  user-select: none;
}
._1n7cqt820 {
  outline: 2px solid var(--interactive-primary);
}
._1n7cqt821 {
  display: grid;
  gap: 10px;
  margin: 10px 0;
}
._1n7cqt821:first-child {
  margin-top: 0;
}
._1n7cqt822 {
  border: 1px dashed var(--border-default);
  padding: 8px 16px;
  min-width: 0;
  max-width: 100%;
}
._1n7cqt823 {
  color: var(--text-tertiary);
}
._1n7cqt824 {
  height: 4px;
  padding: 0;
  margin: 24px 0;
  background-color: var(--border-default);
  border: 0;
  overflow: hidden;
  box-sizing: content-box;
}
._1n7cqt824:first-child {
  margin-top: 0;
}
._1n7cqt825 {
  outline: 2px solid var(--interactive-primary);
  user-select: none;
}
._1n7cqt826 {
  margin-bottom: 16px;
  border-radius: 8px;
}
._1n7cqt827 {
  cursor: pointer;
  padding: 6px 8px 6px 24px;
  position: relative;
  font-weight: 600;
  line-height: 1.75;
  list-style: none;
  outline: none;
  color: var(--text-primary);
  border-radius: 8px;
}
._1n7cqt827:hover {
  background: var(--background-hoverOverlay);
}
._1n7cqt827::marker, ._1n7cqt827::-webkit-details-marker {
  display: none;
}
._1n7cqt827::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 16px;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent var(--text-tertiary);
  transition: transform 0.15s ease;
  transform-origin: 2px 4px;
}
._1n7cqt826[open] > ._1n7cqt827::before {
  transform: rotate(90deg);
}
._1n7cqt828 {
  padding: 4px 8px 8px 24px;
}
._1n7cqt829 {
  background-color: var(--background-warning);
  font-weight: bold;
}
._1n7cqt82a {
  outline: 0;
  background: var(--background-primary);
  border: 1px solid var(--border-default);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
._1n7cqt82a button:first-child {
  border-radius: 8px 8px 0px 0px;
}
._1n7cqt82a button:last-child {
  border-radius: 0px 0px 8px 8px;
}
._1n7cqt82b {
  width: 100%;
  display: flex;
  justify-content: left;
  background-color: var(--background-primary);
  color: var(--text-primary);
  border: 0;
  border-radius: 0;
  font-size: 15px;
  text-align: left;
  line-height: 20px;
  padding: 8px;
  padding-right: 14px;
  outline: 0;
  cursor: pointer;
}
._1n7cqt82b.open {
  background: var(--background-hoverOverlay);
}
._1n7cqt82b:focus {
  background: var(--background-tertiary);
}
._1n7cqt82b:not([disabled]):active {
  background: var(--background-tertiary);
}
._1n7cqt82b:disabled {
  background: var(--background-primary);
  color: var(--text-disabled);
  cursor: not-allowed;
}
._1n7cqt82c {
  width: 20px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-size: contain;
}
._8do2oo0 {
  margin: 0;
  position: relative;
}
._244xfu0 {
  max-width: 280px;
  min-height: 32px;
  font-family: var(--font-family);
  font-size: 13px;
  border-radius: 4px;
  padding: 6px 12px;
  color: var(--color-grey-0);
  background: var(--surface-tooltip);
  overflow-wrap: anywhere;
  z-index: 1050;
  word-wrap: break-word;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  user-select: none;
}
._244xfu1 {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
._244xfu2 {
  bottom: -6px;
  border-width: 6px 6px 0 6px;
  border-color: var(--surface-tooltip) transparent transparent transparent;
}
._244xfu3 {
  left: -6px;
  border-width: 6px 6px 6px 0;
  border-color: transparent var(--surface-tooltip) transparent transparent;
}
._244xfu4 {
  top: -6px;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent var(--surface-tooltip) transparent;
}
._244xfu5 {
  right: -6px;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent var(--surface-tooltip);
}
._1ptj1xs0 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border-radius: 4px;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--icon-primary);
  white-space: nowrap;
  user-select: none;
  transition: background-color 0.15s ease;
}
._1ptj1xs0:hover {
  background: var(--background-hoverOverlay);
}
._1ptj1xs0:disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: var(--icon-disabled);
}
._1ptj1xs1::before {
  content: "";
  display: block;
  background: var(--background-hoverOverlay);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.15s ease;
}
._1ptj1xs1:hover::before {
  opacity: 1;
}
._1ptj1xs2 {
  color: var(--interactive-primary);
}
._1ptj1xs2:hover {
  color: var(--interactive-primary);
}
._1ptj1xs3 {
  border: 1px solid var(--interactive-primary);
  padding: 1px;
}
._1ptj1xs4 {
  background: var(--background-hoverOverlay);
}
._1ptj1xs5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.tabphb0 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 4px;
  align-self: stretch;
}
.tabphb0::after {
  content: "";
  display: block;
  background: var(--border-default);
  width: 0.5px;
  height: 100%;
}
.tabphb1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 8px;
  width: 100%;
}
.tabphb1::after {
  content: "";
  display: block;
  background: var(--border-default);
  height: 0.5px;
  width: 100%;
}
._5jzzk60 {
  padding: 8px;
  min-width: 240px;
}
._5jzzk61 {
  margin-bottom: 12px;
}
._5jzzk61:last-child {
  margin-bottom: 0;
}
._5jzzk62 {
  padding: 4px 8px 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  user-select: none;
}
._5jzzk63 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  padding: 0 8px;
}
._5jzzk64 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: transform 0.15s ease;
  position: relative;
  background: transparent;
}
._5jzzk64:hover {
  transform: scale(1.1);
}
._5jzzk64:active {
  transform: scale(0.95);
}
._5jzzk65 {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  border: 1px solid var(--border-default);
}
._5jzzk66 {
  box-shadow: 0 0 0 2px var(--interactive-primary);
}
._5jzzk67 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  color: var(--color-grey-0);
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}
._1a34fr40 {
  --ujouhb0: var(--legacy-fontFamily);
  --ujouhb1: var(--legacy-lineHeight);
  --ujouhb2: var(--legacy-fontBase);
  --ujouhb3: 16;
  --ujouhb4: 8;
  margin: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: var(--text-primary);
  position: relative;
  line-height: 1.7;
  font-weight: 400;
}
._1a34fr41 {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  max-width: none;
}
._1a34fr42 {
  background: var(--background-primary);
  position: relative;
  display: block;
  border-radius: 0;
}
._1a34fr43 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
._1a34fr44 {
  min-height: 100%;
  height: 100%;
  max-width: 100%;
  flex: 1;
  border: 0;
  display: flex;
  position: relative;
  outline: 0;
  z-index: 0;
  resize: none;
}
._1a34fr45 {
  max-width: 100%;
  position: relative;
  z-index: 0;
}
._1a34fr46 {
  margin: 20px auto 20px auto;
  width: 100%;
}
._1a34fr47 {
  line-height: 1.1;
  background: var(--background-tertiary);
  color: var(--text-primary);
  margin: 0;
  padding: 8px;
  font-size: var(--legacy-fontXs);
  overflow: auto;
  max-height: 400px;
}
._1a34fr48 {
  display: block;
  background: var(--background-tertiary);
  color: var(--text-primary);
  padding: 0;
  font-size: var(--legacy-fontXs);
  margin: 1px auto 10px auto;
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
._1a34fr47::-webkit-scrollbar {
  background: transparent;
  width: 10px;
}
._1a34fr47::-webkit-scrollbar-thumb {
  background: var(--border-default);
}
[data-ghost-text]::after {
  content: attr(data-ghost-text);
  color: var(--text-tertiary);
  opacity: 0.5;
  font-style: italic;
  pointer-events: none;
  user-select: none;
}
._1t97tdo0 {
  padding: 0 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._1t97tdo1 {
  margin: auto 2rem;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
._1t97tdo2 {
  width: 100%;
  text-align: center;
  max-width: 261px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 16px auto 0;
}
._1t97tdo2[data-longer-loading="true"] {
  max-width: 400px;
}
._1t97tdo3 {
  margin-right: 8px;
}
._1t97tdo4 {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 500;
  color: var(--text-primary);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 4px;
}
._1t97tdo5 {
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  color: var(--text-secondary);
  text-wrap: wrap;
  word-break: break-word;
  text-align: center;
}
._1t97tdo5[data-longer-loading="true"] {
  text-align: start;
}
._1t97tdo6 {
  margin-top: 24px;
}
._1t97tdo7 {
  padding: 8px 18px;
  height: auto;
  font-weight: 600;
  margin-top: 24px;
}
._1t97tdo8 {
  padding: 0 4px;
}
._1t97tdo9 {
  padding: 0 4px;
}
._11yua8x0 {
  --editor-width: 800px;
  --editor-side-padding: 42px;
  display: flex;
  flex-direction: column;
  background: var(--background-primary);
}
._11yua8x0[data-full-width-layout="true"] {
  --editor-width: 100%;
  --editor-side-padding: 72px;
}
._11yua8x1 {
  --editor-width: 100%;
  --editor-side-padding: 16px;
  display: flex;
  flex-direction: column;
  background: var(--background-primary);
}
._11yua8x2 {
  --editor-width: 800px;
  --editor-side-padding: 96px;
  min-height: 100%;
}
._11yua8x3 {
  --editor-width: 100%;
  --editor-side-padding: 72px;
}
.qntqh50 {
  container-type: inline-size;
}
.qntqh51 {
  user-select: none;
  container-name: viewport;
  container-type: inline-size;
}
.qzm1b0 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.qzm1b1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-default);
  background: var(--background-secondary);
}
.qzm1b2 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qzm1b3 {
  flex: 1;
  overflow: auto;
  background: var(--background-primary);
}
.qzm1b4 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  color: var(--text-secondary);
}
.qzm1b5 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  color: var(--status-error);
}
p[data-diff-line-type="before"] {
  background-color: rgba(255, 200, 200, 0.3);
  margin: 0;
  padding: 2px 8px;
}
p[data-diff-line-type="after"] {
  background-color: rgba(200, 255, 200, 0.3);
  margin: 0;
  padding: 2px 8px;
}
span[data-diff-type="deleted"] {
  background-color: rgba(255, 100, 100, 0.6);
  padding: 1px 2px;
  border-radius: 2px;
}
span[data-diff-type="inserted"] {
  background-color: rgba(100, 200, 100, 0.6);
  padding: 1px 2px;
  border-radius: 2px;
}
._1ikm8030 {
  position: relative;
  z-index: 0;
  display: flex;
  flex: 1;
  overflow: hidden;
  resize: none;
}
._1ikm8030:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
._1ikm8030:not(.gridding):before {
  background-color: var(--background-secondary);
}
._1ikm8030.gridding:before {
  opacity: 0.25;
  background-size: 20px 20px;
  background-image: linear-gradient(var(--button-grabber-default) 1px, transparent 1px), linear-gradient(to right, var(--button-grabber-default) 1px, transparent 1px);
}
._1ikm8031 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
._1ikm8032 {
  display: flex;
  justify-content: space-between;
  height: 52px;
  padding: 10px 8px;
  background: var(--background-primary);
  font-size: 12px;
  font-weight: 400;
  color: var(--text-secondary);
  border-top-width: 0.5px;
  border-top-style: solid;
  border-top-color: var(--border-default);
  text-wrap: nowrap;
  overflow: hidden;
}
._1ikm8033 {
  overflow: hidden;
}
._1ikm8032 > ._1ikm8033 {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
}
._1ikm8033.zoom:not(.show) {
  display: none;
}
._1ikm8034 {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  word-wrap: break-word;
}
._1f4z4ol0 {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
._1f4z4ol1 {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: var(--text-primary);
  margin-top: 12px;
}
._1f4z4ol2 {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: var(--text-tertiary);
}
._1f4z4ol3 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 28px;
}
._39dytj0 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._39dytj1 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
._39dytj2 {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
  border-radius: 10px;
  top: 0.5rem;
  right: 0.5rem;
  background: var(--background-primary);
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  color: var(--icon-primary);
  transition: background 0.2s ease-in-out;
  z-index: 1;
  margin-top: 38px;
  margin-right: 38px;
}
._39dytj3 {
  color: var(--background-primary);
  position: absolute;
  font-size: 60px;
  line-height: 60px;
  font-weight: bold;
  opacity: 0.2;
  padding: 0 15px;
  cursor: pointer;
}
._39dytj4 {
  display: flex;
  height: 100%;
  z-index: 2;
  justify-content: space-between;
  align-items: center;
}
._39dytj5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
._39dytj6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: none;
}
._39dytj7 {
  color: var(--background-primary);
  margin-top: 24px;
}
._39dytj8 {
  height: 36px;
  max-width: max-content;
  padding: 0 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 0.5px solid var(--border-default);
  background-color: var(--background-primary);
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.14);
  box-sizing: content-box;
  color: var(--icon-primary);
  user-select: none;
}
._39dytj9 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  min-width: 34px;
  padding: 1px 2px;
  font-size: 14px;
}
._39dytja {
  height: 24px;
  padding: 1px 2px;
  min-width: 50px;
  font-size: 14px;
  color: var(--icon-primary) !important;
}
._39dytja:hover {
  background-color: var(--background-hoverOverlay);
}
._39dytjb {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  bottom: 28px;
  z-index: 2;
}
._39dytjc {
  max-width: 686px;
  color: var(--background-primary);
  background: rgba(0,0,0,0.75);
  padding: 10px;
  margin-bottom: 21px;
}
._39dytjd {
  opacity: 0;
  transition: opacity 2s ease-in-out;
}
@media screen and (max-width: 768px) {
  ._39dytj5 {
    align-items: center;
  }
  ._39dytj7 {
    text-align: center;
  }
}
._1t54h6f0 {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 8px;
}
._1t54h6f1 {
  border-radius: 8px;
  width: 32px;
  height: 32px;
  background: var(--background-primary);
}
@media screen and (width <= 640px) {
  ._1t54h6f0 {
    flex-direction: row-reverse;
    width: 100%;
  }
  [data-action-name="close"]._1t54h6f1 {
    margin-left: auto;
    order: 0;
  }
}
.dbbywp0 {
  vertical-align: middle;
  font-size: 1.1em;
  transform: translate(2px, -1px);
  color: var(--icon-primary);
}
.dbbywp1 {
  text-decoration: none;
  color: inherit;
  word-break: break-word;
  hyphens: auto;
}
.dbbywp2 {
  color: var(--text-secondary);
  text-decoration: line-through;
}
._5o78xc0 {
  width: 100%;
  border-radius: 4px;
  color: var(--text-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px;
}
._5o78xc0:hover {
  background: var(--background-hoverOverlay);
}
._5o78xc0 svg {
  color: var(--icon-secondary);
  font-size: 16px;
  transform: none;
}
._5o78xc0:hover svg {
  color: var(--icon-primary);
}
._5o78xc0 span {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom-color: transparent;
}
._1nwpz780 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--text-primary);
  padding: 16px;
}
._1nwpz781 {
  width: 36px;
  height: 36px;
  color: var(--icon-primary);
}
._1nwpz782 {
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  margin-top: 16px;
  font-weight: 600;
}
._1nwpz783 {
  text-align: center;
  color: var(--text-secondary);
  margin-bottom: 20px;
}
._1nwpz784 {
  width: 100%;
  font-size: 14px;
  height: 42px;
}
._1nwpz785 {
  max-width: 352px;
}
._1nwpz786 {
  margin: 0 -16px;
  width: calc(100% + 32px);
  border: 1px solid var(--border-default);
  padding: 0 16px;
}
._1nwpz787 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 20px;
}
._1nwpz788 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
._1nwpz789 {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
._1nwpz78a {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-secondary);
}
._1nwpz78b {
  width: 100%;
}
._1nwpz78c {
  width: 100%;
  margin-top: 20px;
}
._1nns7y70 {
  height: 100px;
  align-items: center;
  padding: 48px 16px 20px 24px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  background: var(--background-primary);
}
._1nns7y71 {
  font-size: 20px;
  font-weight: 500;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: 8px;
  user-select: none;
}
._1nns7y72 {
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--background-primary);
  font-size: 12px;
  font-weight: 500;
  height: 28px;
}
.k04uoo0 {
  display: flex;
  color: var(--text-primary);
  height: 54px;
  flex-shrink: 0;
  width: 100%;
  contain: strict;
  align-items: stretch;
  transition: background-color 0.2s, opacity 0.2s;
  overflow: hidden;
  cursor: default;
  will-change: opacity;
}
.k04uoo0:hover {
  background-color: var(--background-hoverOverlay);
}
.k04uoo0[data-clickable=true] {
  cursor: pointer;
}
.k04uoo1 {
  height: 45px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  background: var(--background-hoverFilled);
  border: 0.5px solid var(--border-default);
  max-width: 360px;
  min-width: 260px;
}
.k04uoo2 {
  position: relative;
  margin-left: -8px;
  height: 100%;
  outline: none;
  padding-left: 8px;
}
[data-draggable=true] .k04uoo2:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 4px;
  height: 4px;
  transition: height 0.2s, opacity 0.2s;
  background-color: var(--text-placeholder);
  border-radius: 2px;
  opacity: 0;
  will-change: height, opacity;
}
[data-draggable=true] .k04uoo2:hover:before {
  height: 12px;
  opacity: 1;
}
[data-draggable=true][data-dragging=true] .k04uoo2 {
  opacity: 0.5;
}
[data-draggable=true][data-dragging=true] .k04uoo2:before {
  height: 32px;
  width: 2px;
  opacity: 1;
}
.k04uoo0 > :first-child {
  padding-left: 16px;
}
.k04uoo0 > :last-child {
  padding-right: 8px;
}
.k04uoo3 {
  padding: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.k04uoo4 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 24px;
}
.k04uoo5 {
  display: flex;
  align-items: flex-start;
  padding: 0 16px;
  max-width: calc(100% - 64px);
  flex: 1;
  white-space: nowrap;
  user-select: none;
}
.k04uoo6 {
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-self: center;
  padding-right: 4px;
}
.k04uoo7 {
  overflow: hidden;
  color: var(--text-secondary);
  font-size: 15px;
  flex-shrink: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-self: center;
}
.k04uoo8 {
  display: flex;
  align-items: center;
  font-size: 24px;
  color: var(--icon-primary);
  flex-shrink: 0;
}
.k04uoo9 {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--text-secondary);
  padding: 0 8px;
  height: 60px;
  width: 100%;
}
.k04uooa {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--text-secondary);
  flex-shrink: 0;
  flex-wrap: nowrap;
  padding: 0 8px;
}
.k04uoob {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}
.k04uooc {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 6px;
  flex-shrink: 0;
}
.k04uood {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.k04uooe {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
._19qy9rp0 {
  display: flex;
  color: var(--text-primary);
  height: 54px;
  flex-shrink: 0;
  contain: strict;
  width: 100%;
  align-items: stretch;
  transition: background-color 0.2s, opacity 0.2s;
  overflow: hidden;
  cursor: default;
  will-change: opacity;
}
._19qy9rp0:hover {
  background-color: var(--background-hoverOverlay);
}
._19qy9rp0[data-clickable=true] {
  cursor: pointer;
}
._19qy9rp1 {
  height: 45px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  background: var(--background-hoverFilled);
  border: 0.5px solid var(--border-default);
  max-width: 360px;
  min-width: 260px;
}
._19qy9rp2 {
  position: relative;
  margin-left: -8px;
  height: 100%;
  outline: none;
  padding-left: 8px;
}
[data-draggable=true] ._19qy9rp2:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 4px;
  height: 4px;
  transition: height 0.2s, opacity 0.2s;
  background-color: var(--text-placeholder);
  border-radius: 2px;
  opacity: 0;
  will-change: height, opacity;
}
[data-draggable=true] ._19qy9rp2:hover:before {
  height: 12px;
  opacity: 1;
}
[data-draggable=true][data-dragging=true] ._19qy9rp2 {
  opacity: 0.5;
}
[data-draggable=true][data-dragging=true] ._19qy9rp2:before {
  height: 32px;
  width: 2px;
  opacity: 1;
}
._19qy9rp0 > :first-child {
  padding-left: 16px;
}
._19qy9rp0 > :last-child {
  padding-right: 8px;
}
._19qy9rp3 {
  width: 34px;
  display: flex;
  align-items: center;
  gap: 10px;
}
._19qy9rp4 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 24px;
}
._19qy9rp5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 16px;
  max-width: calc(100% - 64px);
  flex: 1;
  white-space: nowrap;
  user-select: none;
}
._19qy9rp6 {
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  flex: 1;
  text-overflow: ellipsis;
  align-self: stretch;
}
._19qy9rp7 {
  overflow: hidden;
  color: var(--text-secondary);
  font-size: 12px;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-self: stretch;
}
._19qy9rp8 {
  display: flex;
  align-items: center;
  font-size: 24px;
  color: var(--icon-primary);
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
._19qy9rp9 {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--text-secondary);
  padding: 0 8px;
  height: 60px;
  width: 100%;
}
._19qy9rpa {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--text-secondary);
  flex-shrink: 0;
  flex-wrap: nowrap;
  padding: 0 8px;
}
._19qy9rpb {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}
._19qy9rpc {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 6px;
  flex-shrink: 0;
}
._3z57ye1 {
  width: 100%;
  flex: 1;
}
._3z57ye2 {
  width: 100%;
  max-width: 100%;
  container-name: _3z57ye0;
  container-type: inline-size;
  background: var(--background-primary);
}
._3z57ye3 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
._3z57ye5 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
}
._3z57ye7 {
  display: none;
}
._3z57ye8 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  opacity: 0;
}
._3z57ye8[data-favorite], ._19qy9rp0:hover ._3z57ye8, .k04uoo0:hover ._3z57ye8 {
  opacity: 1;
}
._3z57ye9 {
  color: inherit;
  text-decoration: none;
}
._3z57ye9:visited {
  color: inherit;
}
._3z57ye9:active {
  color: inherit;
}
._3z57yea {
  position: absolute;
  right: 0;
  width: 100%;
  height: 60px;
  display: none;
  z-index: 1;
}
._3z57yea[data-show=true] {
  background: var(--background-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: auto;
}
._3z57yeb {
  color: var(--icon-primary);
}
._3z57yeb:hover {
  background: var(--background-error);
}
._3z57yeb:hover ._3z57yec {
  color: var(--status-error);
}
@container _3z57ye0 (max-width: 800px) {
  ._3z57ye6[data-hide-item="true"] {
    display: none;
  }
}
._10if1i90 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._10if1i91 {
  display: flex;
  align-items: center;
  padding: 10px 6px 10px 16px;
  position: sticky;
  overflow: hidden;
  z-index: 1;
  top: 0;
  left: 0;
  background: var(--background-primary);
  transition: box-shadow 0.2s ease-in-out;
  transform: translateY(-0.5px);
}
[data-has-scroll-top=true] ._10if1i91 {
  box-shadow: 0 0.5px var(--border-default);
}
._10if1i92 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
}
._10if1i91[data-selectable=toggle] ._10if1i92 {
  width: 32px;
}
._10if1i91[data-selection-active=true] ._10if1i92 {
  width: 24px;
}
.w7mpez0 {
  padding: 0 8px;
  user-select: none;
  font-size: 12px;
  color: var(--text-secondary);
  align-items: center;
  column-gap: 4px;
  position: relative;
  white-space: nowrap;
}
.w7mpez0[data-sorting], .w7mpez0:hover {
  color: var(--text-primary);
}
.w7mpez0[data-sortable] {
  cursor: pointer;
}
.w7mpez0:not(:last-child) {
  border-right: 1px solid var(--background-hoverFilled);
}
.w7mpez1 {
  display: inline-flex;
  font-size: 14px;
  color: var(--icon-primary);
}
@keyframes _1jfyn2w1 {
  0% {
    opacity: 0;
    height: 0px;
  }
  100% {
    opacity: 1;
    height: var(--radix-collapsible-content-height);
  }
}
@keyframes _1jfyn2w2 {
  0% {
    opacity: 1;
    height: var(--radix-collapsible-content-height);
  }
  100% {
    opacity: 0;
    height: 0px;
  }
}
._1jfyn2w0 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._1jfyn2w3 {
  overflow: hidden;
}
._1jfyn2w3[data-state="open"] {
  animation: _1jfyn2w1 0.3s ease-in-out;
}
._1jfyn2w3[data-state="closed"] {
  animation: _1jfyn2w2 0.3s ease-in-out;
}
._1jfyn2w4 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1jfyn2w5 {
  display: flex;
  align-items: center;
  padding: 0px 16px 0px 6px;
  height: 28px;
  contain: strict;
  background: var(--background-primary);
  user-select: none;
}
._1jfyn2w5:hover {
  background: var(--background-hoverFilled);
}
._1jfyn2w6 {
  flex: 1;
}
._1jfyn2w7 {
  cursor: pointer;
}
._1jfyn2w8 {
  font-size: 14px;
  color: var(--text-secondary);
}
._1jfyn2w9 {
  font-size: 14px;
  color: var(--text-disabled);
}
._1jfyn2wa {
  display: flex;
  opacity: 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
  height: 20px;
  border-radius: 4px;
  padding: 0 8px;
}
._1jfyn2wa:hover {
  background: var(--background-hoverOverlay);
}
._1jfyn2w5:hover ._1jfyn2wa {
  opacity: 1;
}
._1jfyn2wb {
  opacity: 0;
  font-size: 20px;
  color: var(--icon-primary);
  transition: transform 0.2s ease-in-out;
}
._1jfyn2wb[data-collapsed="false"] {
  transform: rotate(90deg);
}
._1jfyn2w5:hover ._1jfyn2wb, ._1jfyn2wb[data-collapsed="true"] {
  opacity: 1;
}
._1jfyn2wc {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  transition: transform 0.2s;
  color: inherit;
}
._1jfyn2wc[data-collapsed="true"] {
  transform: rotate(-90deg);
}
._1jfyn2wc[data-disabled="true"] {
  opacity: 0.3;
  pointer-events: none;
}
._1jfyn2wc:hover {
  background: var(--background-hoverOverlay);
}
._1kcsqvl0 {
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  margin: 0 16px;
  display: flex;
  font-size: 12px;
  background: var(--background-secondary);
}
._1kcsqvl0[data-show="false"] {
  display: none;
  pointer-events: none;
}
._1kcsqvl1 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
._1kcsqvl1.lg {
  width: 16px;
  height: 16px;
}
._1kcsqvl2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
._1kcsqvl3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 2px;
  cursor: pointer;
  border: 1px solid var(--background-overlay);
}
._1kcsqvl3:hover {
  box-shadow: 0 0 0 1px var(--interactive-primary);
}
._1kcsqvl3.active {
  box-shadow: 0 0 0 1px var(--interactive-primary);
}
._1kcsqvl4 {
  margin-left: 20px;
  margin-right: 8px;
}
._1kcsqvl5 {
  padding: 0px 10px;
  margin-right: 4px;
}
._1pe33ph0 {
  padding: 4px 12px;
}
._1pe33ph0:hover {
  background-color: var(--background-error);
  color: var(--status-error);
}
._1pe33ph0:hover svg {
  color: var(--status-error);
}
._1pe33ph1 {
  transition: all 0.3s;
}
@keyframes _1mf6nb60 {
  0% {
    opacity: 0;
    transform: scale(0.95) translateY(20px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes _1mf6nb61 {
  0% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  100% {
    opacity: 0;
    transform: scale(0.95) translateY(20px);
  }
}
._1mf6nb62 {
  display: flex;
  align-items: center;
  border-radius: 10px;
  padding: 4px;
  border: 0.5px solid var(--border-default);
  gap: 4px;
  min-width: max-content;
  width: fit-content;
  background: var(--background-primary);
}
._1mf6nb63 {
  will-change: transform opacity;
}
._1mf6nb63[data-state="open"] {
  animation: _1mf6nb60 0.2s ease-in-out;
}
._1mf6nb63[data-state="closed"] {
  animation: _1mf6nb61 0.2s ease-in-out;
}
._1mf6nb64 {
  width: 1px;
  height: 24px;
  background: var(--divider-default);
}
._1mf6nb65 {
  display: flex;
  align-items: center;
  color: inherit;
  gap: 4px;
  height: 32px;
  padding: 0 6px;
}
._1mf6nb66 {
  border-radius: 8px;
}
._1mf6nb66:hover {
  background: var(--background-hoverOverlay);
}
._1mf6nb67 {
  color: inherit;
}
._1mf6nb67:hover {
  background: var(--background-error);
  color: var(--status-error);
}
._1mf6nb68 {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: var(--icon-primary);
}
._1mf6nb67:hover ._1mf6nb68 {
  color: var(--status-error);
}
.c5msjz0 {
  position: absolute;
  bottom: 26px;
  width: 100%;
  z-index: 1;
}
._1852ygk0 {
  display: inline-flex;
  align-items: center;
  height: 28px;
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  cursor: pointer;
  user-select: none;
}
._1852ygk0:hover {
  background: var(--background-hoverOverlay);
}
._1852ygk1 {
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 100%;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
}
._1852ygk2 {
  width: 0.5px;
  height: 16px;
  background: var(--divider-default);
}
._1852ygk3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  height: 100%;
  border-radius: 0 8px 8px 0;
}
._1852ygk3:hover {
  background: var(--background-hoverOverlay);
}
._1uy4hkh0 {
  min-width: 220px;
}
._1uy4hkh1 {
  margin-left: 16px;
  -webkit-app-region: no-drag;
}
._1uy4hkh2 {
  padding-right: 8px;
}
._1uy4hkh3 {
  font-size: 12px;
  flex-wrap: nowrap;
}
._1uy4hkh3[data-active="true"] {
  color: var(--interactive-primary);
}
._1uy4hkh4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-weight: 500;
  font-size: 12px;
}
._1uy4hkh5 {
  font-weight: 400;
  color: var(--text-secondary);
}
._1uy4hkh6 {
  padding: 4px 12px;
  height: 28px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  margin-bottom: 4px;
}
._1uy4hkh7 {
  padding: 4px 12px;
  height: 28px;
  font-size: 12px;
}
._1uy4hkh8 {
  display: flex;
  flex-wrap: wrap;
  max-width: 200px;
  gap: 8px;
  padding: 4px 12px;
}
._1uy4hkh9 {
  color: var(--text-disabled);
}
._1uy4hkh9[data-active="true"] {
  color: var(--text-primary);
}
._5vwg3x2 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 32px;
}
._5vwg3x3 {
  display: flex;
  align-items: center;
}
._5vwg3x4 {
  overflow-x: hidden;
  position: relative;
  height: 100%;
  gap: 8px;
}
._5vwg3x5 {
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
._5vwg3x6 {
  display: flex;
  column-gap: 8px;
  align-items: center;
  position: absolute;
  height: 100%;
  max-width: 100%;
  transition: all 0.2s 0.3s ease-in-out;
}
._5vwg3x2:hover ._5vwg3x6 {
  max-width: var(--_5vwg3x0);
}
._5vwg3x7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  opacity: 0;
  transition: all 0.2s;
  background: linear-gradient(90deg, transparent 0%, var(--background-hoverFilled) 40%);
}
._5vwg3x2:hover ._5vwg3x7 {
  opacity: 1;
}
._5vwg3x8 {
  height: 22px;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
}
._5vwg3x8:last-child {
  min-width: max-content;
}
._5vwg3x9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  color: var(--text-primary);
  border-color: var(--border-default);
}
._5vwg3x9[data-focused=true] {
  border-color: var(--interactive-primary);
}
._5vwg3xa {
  font-size: inherit;
  border-radius: 10px;
  column-gap: 4px;
  border-width: 1px;
  border-style: solid;
  background: var(--background-primary);
  max-width: 128px;
  height: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._5vwg3xb {
  font-size: inherit;
  padding: 4px 12px;
  column-gap: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 30px;
}
._5vwg3xc {
  font-size: 14px;
  background: var(--_5vwg3x1);
  padding: 0 8px;
  border-radius: 4px;
  border: 1px solid var(--database-border);
  gap: 4px;
}
._5vwg3xc[data-focused=true] {
  border-color: var(--interactive-primary);
}
._5vwg3xd {
  font-size: 20px;
  right: 0;
  position: sticky;
  display: inline-flex;
}
._5vwg3xe {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--_5vwg3x1);
}
._5vwg3xf {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  user-select: none;
}
._5vwg3xg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  cursor: pointer;
}
._5vwg3xg:hover {
  background: var(--background-hoverOverlay);
}
._1rhhfvc0[data-empty=true] {
  color: var(--text-placeholder);
}
._1rhhfvc0[data-readonly="true"] {
  pointer-events: none;
}
._1rhhfvc1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._1rhhfvc2 {
  gap: 20px;
}
._1rhhfvc3 {
  padding: 0;
  position: relative;
  top: calc(-3.5px + var(--radix-popper-anchor-height) * -1);
  left: -3.5px;
  width: calc(var(--radix-popper-anchor-width) + 16px);
  overflow: hidden;
  min-width: 400px;
}
._1rhhfvc4 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 10px 12px 0px;
  min-height: 42px;
}
._1rhhfvc2 ._1rhhfvc4 {
  border-radius: 12px;
  padding-bottom: 10px;
  background-color: var(--background-primary);
}
._1rhhfvc5 {
  height: 32px;
  width: 28px;
}
._1rhhfvc6 {
  border-bottom-color: var(--divider-default);
}
._1rhhfvc7 {
  flex-grow: 1;
  height: 30px;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: inherit;
  color: inherit;
  background-color: transparent;
}
._1rhhfvc7::placeholder {
  color: var(--text-placeholder);
}
._1rhhfvc8 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 8px 8px 8px;
  max-height: 400px;
  overflow: auto;
}
._1rhhfvc2 ._1rhhfvc8 {
  padding: 0;
  max-height: none;
}
._1rhhfvc9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
}
._1rhhfvc2 ._1rhhfvc9 {
  font-size: 14px;
}
._1rhhfvca {
  overflow-x: hidden;
  position: relative;
  max-height: 200px;
  gap: 8px;
}
._1rhhfvc2 ._1rhhfvca {
  border-radius: 12px;
  background-color: var(--background-primary);
  gap: 0;
  padding: 4px;
  max-height: none;
}
._1rhhfvcb {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 8px;
  height: 34px;
  gap: 8px;
  cursor: pointer;
  border-radius: 4px;
}
._1rhhfvcb[data-focused=true] {
  background-color: var(--background-hoverOverlay);
}
._1rhhfvc2 ._1rhhfvcb {
  height: 44px;
}
._1rhhfvc2 ._1rhhfvcb[data-focused="true"] {
  height: 44px;
  background-color: transparent;
}
._1rhhfvcc {
  opacity: 0;
}
:is(._1rhhfvcb:hover, ._1rhhfvc2) ._1rhhfvcc {
  opacity: 1;
}
._1rhhfvcc[data-state=open] {
  opacity: 1;
}
._1rhhfvcd {
  flex-grow: 1;
}
._1rhhfvce {
  padding: 10px 8px;
  font-size: 14px;
  color: var(--text-secondary);
  height: 34px;
}
._1rhhfvc2 ._1rhhfvce {
  height: 44px;
}
._1rhhfvcg {
  transform: translateX(4px);
}
._1rhhfvch {
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow: auto;
}
._1rhhfvch[data-radix-scroll-area-viewport] > div {
  display: table !important;
}
._60x8mt0 {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1;
  background-color: var(--background-secondary);
}
._60x8mt1 {
  height: 44px;
}
._60x8mt2 {
  height: 44px;
  padding: 0 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._60x8mt4 {
  --_60x8mt3: unset;
  max-width: var(--_60x8mt3);
}
._60x8mt4.center {
  --_60x8mt3: calc(100% - 12px - 88px - 16px);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
._60x8mt4:not(.center) {
  width: 0;
  flex: 1;
}
._60x8mt5 {
  width: 0;
  flex: 1;
}
._60x8mt6 {
  display: flex;
  align-items: center;
  gap: 0;
}
._60x8mt7 {
  display: flex;
  align-items: center;
  gap: 6px;
}
.pgo2uz0 {
  padding: 0;
  overflow-y: auto;
  background-color: var(--background-secondary);
}
.pgo2uz1 {
  padding: 12px;
}
.pgo2uz2 {
  color: var(--text-primary);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.pgo2uz3 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-primary);
  padding: 0 8px;
  height: 44px;
}
.pgo2uz4 {
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pgo2uz5 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.pgo2uz6 {
  color: var(--interactive-primary);
}
.pgo2uz7 {
  padding: 4px;
}
.pgo2uz8 {
  width: 100%;
  height: 44px;
  font-size: 17px;
  align-self: center;
}
.pgo2uz9 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.pgo2uza {
  color: var(--text-tertiary);
  padding: 4px;
}
.pgo2uzb {
  background: var(--background-primary);
  border-radius: 12px;
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pgo2uzc {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 4px;
}
._1ra018r1 {
  transform: translateX(4px);
}
._1ra018r2 {
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow: auto;
}
._1ra018r2[data-radix-scroll-area-viewport] > div {
  display: table !important;
}
._1ra018r3 {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._1ra018r4 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
._1ra018r5 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
._1ra018r6 {
  height: auto;
  border-radius: 12px;
}
._1ra018r7 {
  color: var(--interactive-error);
}
._1ra018r8 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._1ra018r9 {
  flex: 1;
}
._1ra018ra {
  opacity: 0;
  color: var(--interactive-primary);
  width: 20px;
  height: 20px;
}
._1ra018ra[data-selected="true"] {
  opacity: 1;
}
._1lqj31k0 {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}
._1wjytr20 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._1wjytr21 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 4px;
  margin-right: 6px;
}
._1wjytr22 {
  font-size: 14px;
  line-height: 1.5em;
  color: var(--text-primary);
}
._1wjytr23 {
  font-size: 15px;
  line-height: 1.6em;
  color: var(--text-secondary);
  margin-right: 12px;
}
._1wjytr24 {
  color: var(--interactive-primary);
  margin-right: 6px;
  font-size: 16px;
}
._1wjytr25 {
  color: var(--icon-primary);
  margin-right: 6px;
  font-size: 16px;
}
._14r67tb0 {
  height: 100px;
  align-items: center;
  padding: 48px 16px 20px 24px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  background: var(--background-primary);
}
._14r67tb1 {
  font-size: 20px;
  font-weight: 500;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: 8px;
  user-select: none;
}
._14r67tb2 {
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--background-primary);
  font-size: 12px;
  font-weight: 500;
  height: 28px;
}
._190prlh0 {
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 12px;
  margin-right: 8px;
  height: 1px;
  background: var(--border-default);
}
._11wtf150 {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  gap: 20px;
}
._11wtf151 {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 20px;
}
._11wtf152 {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 22px;
}
._11wtf153 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 0px 20px;
  margin-bottom: 8px;
}
._1bxwmeb0 {
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--background-primary);
  font-size: 12px;
  font-weight: 500;
  height: 28px;
}
._1bxwmeb1 {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 20px;
}
._1xnyvyb0 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
._1xnyvyb1 {
  display: flex;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  background: var(--background-primary);
  padding: 4px 8px;
  gap: 4px;
  height: 32px;
  overflow: hidden;
  justify-content: space-between;
  user-select: none;
  align-items: center;
}
._1xnyvyb1[data-draft="true"] {
  border-style: dashed;
}
._1xnyvyb2 {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 4px;
}
._1xnyvyb3 {
  display: flex;
  flex-direction: row;
  margin: 2px 2px;
  align-items: center;
  gap: 4px;
}
._1xnyvyb4 {
  font-weight: 500;
  line-height: 22px;
  font-size: 14px;
  color: var(--text-primary);
}
._1xnyvyb4:first-child {
  margin-left: 12px;
}
._1xnyvyb5 {
  font-size: 20px;
  color: var(--icon-primary);
}
._1xnyvyb6 {
  font-size: 14px;
  color: var(--text-primary);
}
._1xnyvyb7 {
  width: 230px;
}
._1xnyvyb8 {
  height: 32px;
}
._15fcu2k0 {
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 0px 4px 0 0;
  line-height: 22px;
  color: var(--text-primary);
}
._15fcu2k1 {
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 0px 4px;
  line-height: 22px;
  height: 22px;
  color: var(--text-primary);
}
._15fcu2k1:has(>:hover) {
  cursor: pointer;
  background: var(--background-hoverOverlay);
  border-radius: 4px;
}
._15fcu2k1:empty {
  display: none;
}
._15fcu2k2 {
  color: var(--text-placeholder);
}
._15fcu2k3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._15fcu2k4 {
  font-size: 18px;
  margin-right: 6px;
  padding: 1px 0;
  display: flex;
  align-items: center;
  color: var(--icon-primary);
}
._15fcu2k5 {
  color: var(--status-error);
}
._15fcu2k6 {
  color: var(--text-disabled);
}
._15fcu2k7 {
  font-size: 14px;
  color: var(--text-secondary);
  padding: 0px 4px;
  line-height: 22px;
  transition: background 0.15s ease-in-out;
  display: flex;
  align-items: center;
  min-width: 18px;
}
._15fcu2k7:hover {
  cursor: pointer;
  background: var(--background-hoverOverlay);
  border-radius: 4px;
}
._1s8wq3c0 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
._1s8wq3c1 {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  padding: 16px 16px 8px 16px;
}
._1s8wq3c2 {
  width: 100%;
}
._1s8wq3c3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1cjlvov0 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._1cjlvov1 {
  border-bottom: 1px solid var(--border-default);
  min-height: 64px;
}
._1cjlvov2 {
  width: 100%;
  height: 100%;
  outline: none;
  padding: 20px 20px 20px 24px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.2px;
}
._1cjlvov3 {
  height: 0;
  flex: 1;
}
._1cjlvov4 {
  border-top: 1px solid var(--border-default);
  min-height: 64px;
  padding: 20px 24px;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._1cjlvov5 {
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}
._1cjlvov6 {
  display: flex;
  align-items: center;
  gap: 7px;
}
._1cjlvov7 {
  color: var(--interactive-primary);
}
._1cjlvov8 {
  padding: 4px 18px;
}
._1cjlvov9 {
  display: flex;
  gap: 20px;
}
._1cjlvova {
  padding: 4px 18px;
}
._1g9rwd70 {
  background: var(--background-primary);
}
._1g9rwd71 {
  transition: width 0.2s ease-in-out;
}
._152lifc0 {
  width: 100%;
  height: 100%;
}
._152lifc1 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 12px;
  background: var(--background-primary);
  border-radius: 4px;
  border: 1px solid var(--border-default);
  font-size: 14px;
}
._152lifc2 {
  font-size: 24px;
}
._152lifc3 {
  padding: 0px 4px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  overflow: hidden;
  container-name: list-view-root;
  container-type: size;
}
._152lifc3:hover {
  background-color: var(--background-hoverOverlay);
}
._152lifc4 {
  position: absolute;
  padding: 5px 2px;
  color: var(--icon-secondary);
}
._152lifc5 {
  left: -4px;
  top: 50%;
  transform: translateY(-50%) translateX(-100%);
  opacity: 0;
}
._152lifc3:hover ._152lifc5 {
  opacity: 1;
}
._152lifc6 {
  width: 0;
  height: 24px;
  font-size: 20px;
  padding: 2px;
  margin-left: -12px;
  flex-shrink: 0;
  display: flex;
  color: var(--icon-primary);
  overflow: hidden;
  align-items: center;
  justify-content: end;
  transition: width 0.25s ease, margin-left 0.25s ease;
  pointer-events: none;
}
._152lifc6[data-select-mode="true"] {
  width: 24px;
  margin-left: 0;
}
._152lifc7 {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: var(--icon-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
._152lifc8 {
  width: 0;
  height: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}
._152lifc9 {
  height: 100%;
  flex-shrink: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 4px;
  min-width: 200px;
}
._152lifca {
  width: 0;
  flex: 1;
}
._152lifcb {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._152lifcc {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text-primary);
}
._152lifcd {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: var(--text-secondary);
}
._152lifce {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
._152lifch {
  --ring-color: transparent;
  --light-shadow: 0px 0px 0px 1px var(--ring-color), 0px 2px 3px rgba(0,0,0,.05);
  --dark-shadow: 0px 0px 0px 1px var(--ring-color), 0px 2px 3px rgba(0,0,0,.05);
  --light-shadow-hover: 0px 0px 0px 1px var(--ring-color), 0px 4px 6px rgba(0,0,0,.1);
  --dark-shadow-hover: 0px 0px 0px 1px var(--ring-color), 0px 4px 6px rgba(0,0,0,.1);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border-radius: 12px;
  background-color: var(--background-secondary);
  border: 0.5px solid var(--border-default);
  box-shadow: 0px 0px 0px 1px var(--ring-color), 0px 0px 3px rgba(0,0,0,.05);
  overflow: hidden;
  transition: box-shadow 0.23s ease, border-color 0.23s ease;
}
._152lifc0[data-selected="true"] ._152lifch {
  --ring-color: var(--border-focus);
}
._152lifch:hover {
  border-color: var(--border-default);
}
[data-theme="light"] ._152lifch {
  box-shadow: var(--light-shadow);
}
[data-theme="light"] ._152lifch:hover {
  box-shadow: var(--light-shadow-hover);
}
[data-theme="dark"] ._152lifch {
  box-shadow: var(--dark-shadow);
}
[data-theme="dark"] ._152lifch:hover {
  box-shadow: var(--dark-shadow-hover);
}
._152lifci {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._152lifcj {
  font-size: 24px;
  color: var(--icon-primary);
  line-height: 0;
}
._152lifck {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: var(--text-primary);
  letter-spacing: -0.24px;
  width: 0;
  flex-grow: 1;
  flex-shrink: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
._152lifcl {
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: var(--text-primary);
  min-height: 20px;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}
._152lifcm {
  width: 20px;
  height: 20px;
  font-size: 16px;
  padding: 2px;
  color: var(--icon-primary);
  pointer-events: none;
}
._152lifcn {
  left: -4px;
  top: 0;
  transform: translateX(-100%);
  opacity: 0;
}
._152lifch:hover ._152lifcn {
  opacity: 1;
}
@container list-view-root (width <= 750px) {
  ._152lifcf {
    display: none;
  }
}
@container list-view-root (width <= 560px) {
  ._152lifcg {
    display: none;
  }
}
.zuda130 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
._6tgna80 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 4px;
  border-radius: 4px;
  outline: none;
  width: 100%;
  max-width: 500px;
  color: var(--text-primary);
  overflow: hidden;
}
._6tgna80:hover {
  cursor: pointer;
  background: var(--background-hoverOverlay);
}
._6tgna81 {
  width: 0;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
}
._6tgna82 {
  flex-shrink: 0;
  line-height: 0;
}
._6tgna83 {
  pointer-events: none;
  opacity: 0.8;
}
._6tgna83:hover {
  cursor: default;
  background: none;
}
._6tgna84 {
  --h: 42px;
  height: var(--h);
  overflow: hidden;
}
._6tgna84[data-dense="true"] {
  --h: 22px;
}
._6tgna85 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transform: translateY(0);
  transition: transform 0.5s cubic-bezier(.45,.21,0,1) 0s;
}
._6tgna84[data-active="true"] ._6tgna85 {
  transform: translateY(calc(var(--h) * -1));
}
._6tgna86 {
  border: 0.5px solid var(--border-default);
}
._6tgna87 {
  width: 100%;
  flex-grow: 1;
  overflow: hidden;
  height: var(--h);
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: opacity 0.5s cubic-bezier(.45,.21,0,1) 0s;
}
._6tgna84[data-active="true"] ._6tgna87[data-type="normal"] {
  opacity: 0;
}
._6tgna84[data-active="false"] ._6tgna87[data-type="events"] {
  opacity: 0;
}
._6tgna88 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: inline-block;
}
._6tgna89 {
  display: flex;
  gap: 2px;
  align-items: center;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}
._6tgna89 svg {
  width: 16px;
  height: 16px;
  color: var(--icon-secondary);
}
._6tgna8a {
  display: flex;
  gap: 2px;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-secondary);
}
._6tgna8a svg {
  width: 16px;
  height: 16px;
  color: var(--icon-secondary);
  display: block;
}
._6tgna8b {
  font-size: 12px;
  line-height: 20px;
  padding: 0 8px;
  min-height: 20px;
}
._6tgna8c {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  overflow: hidden;
}
._6tgna8d {
  opacity: 0;
}
._6tgna80:hover ._6tgna8d {
  opacity: 1;
}
._6tgna8e {
  color: var(--icon-secondary);
  font-size: 14px;
}
._6tgna8f {
  transition: all 0.13s ease;
  width: 0;
  height: 20px;
  overflow: hidden;
  margin-left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  place-items: center;
  color: var(--icon-primary);
  border-radius: 4px;
  box-shadow: none;
  background: transparent;
  cursor: pointer;
}
._6tgna80:hover ._6tgna8f {
  width: 20px;
  box-shadow: var(--shadow-button);
  background: var(--interactive-secondary);
}
._6tgna8g {
  position: absolute;
  right: 0;
  display: flex;
  gap: 8px;
  align-items: center;
}
._6tgna80:hover ._6tgna8g {
  position: relative;
}
._6tgna8g:empty {
  display: none;
}
._6tgna8h {
  font-size: 14px;
  color: var(--icon-active);
}
._6tgna8i {
  display: flex;
  gap: 8px;
  align-items: center;
}
._6tgna8i:empty {
  display: none;
}
._1j1vy5a0 {
  display: flex;
  flex-direction: column;
}
._1j1vy5a1 {
  padding: 10px 8px 0px 8px;
}
._1j1vy5a2 {
  padding: 0px 8px 10px 8px;
}
._1j1vy5a3 {
  width: 9px;
  padding: 0px 2px;
}
._1j1vy5a3:hover {
  padding: 0;
}
._1j1vy5a4 {
  width: 5px;
}
._1j1vy5a5 {
  display: flex;
  width: 100%;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  border-radius: 8px;
}
._1j1vy5a6 {
  width: 28px;
  padding: 2px 4px 4px;
  border-radius: 14px;
  background: var(--background-primary);
  display: flex;
  border: 1px solid var(--icon-secondary);
  color: var(--icon-secondary);
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
._1j1vy5a7 {
  display: flex;
  flex-direction: column;
}
._1j1vy5a8 {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1j1vy5a9 {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1j1vy5aa {
  border-radius: 8px;
}
._1j1vy5ab {
  height: 42px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._1rg77np0 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 6px 16px 6px 11px;
  gap: 12px;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.2s;
  font-size: 24px;
}
._1rg77np1 {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: var(--icon-secondary);
}
._1rg77np2 {
  font-size: 14px;
  line-height: 22px;
  color: var(--text-secondary);
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._1v30oqn0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 8px;
  gap: 8px;
  margin-bottom: 6px;
}
._1v30oqn1 {
  border: 1px solid var(--border-default);
  border-radius: 4px;
  color: var(--icon-primary);
  font-size: 18px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
}
._1v30oqn1[data-status="authenticated"] {
  border-color: var(--status-success);
}
._1v30oqn1[data-status="unauthenticated"] {
  border-color: var(--status-error);
}
._1v30oqn2 {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1.5px solid var(--background-primary);
  background: var(--text-tertiary);
}
._1v30oqn2[data-status="authenticated"] {
  background: var(--status-success);
}
._1v30oqn2[data-status="unauthenticated"] {
  background: var(--status-error);
}
._1v30oqn3 {
  display: flex;
  flex-direction: column;
}
._1v30oqn4 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
._1v30oqn5 {
  font-size: 12px;
  line-height: 20px;
  color: var(--text-secondary);
  margin-top: -1.5px;
}
._1v30oqn5[data-status="unauthenticated"] {
  color: var(--status-error);
  font-weight: 500;
}
._1v30oqn5[data-status="loading"] {
  color: var(--text-tertiary);
  font-style: italic;
}
._1v30oqn6 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text-primary);
}
._1v30oqn6:has(~ ._1v30oqn5) {
  margin-bottom: -1.5px;
}
._1v30oqn7 {
  color: var(--icon-secondary);
}
._1v30oqn8 {
  width: 0;
  flex-grow: 1;
}
._1v30oqn9 {
  height: 36px;
  padding: 7px 12px;
}
._1v30oqna {
  gap: 12px;
}
._1v30oqnb {
  margin-top: 8px;
  margin-bottom: 12px;
}
._1v30oqnc {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0px 4px;
}
._1v30oqnd {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid var(--tab-divider-divider);
  font-size: 20px;
  color: var(--icon-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
._1v30oqne {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text-primary);
}
.l51qab0 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--text-primary);
  padding: 16px;
}
.l51qab1 {
  width: 36px;
  height: 36px;
  color: var(--icon-primary);
}
.l51qab2 {
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  margin-top: 16px;
  font-weight: 600;
}
.l51qab3 {
  text-align: center;
  color: var(--text-secondary);
  margin-bottom: 20px;
}
.l51qab4 {
  width: 100%;
  font-size: 14px;
  height: 42px;
}
.l51qab5 {
  max-width: 400px;
}
.l51qab6 {
  margin: 0 -16px;
  width: calc(100% + 32px);
  border: 1px solid var(--border-default);
  padding: 6px;
}
.x2ax1o0 {
  width: calc(100% + 20px);
  padding: 10px 10px 20px 10px;
  margin-left: -10px;
}
.x2ax1o1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 0px;
}
.x2ax1o2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: var(--text-primary);
}
.x2ax1o3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: var(--text-primary);
  border: 1px solid var(--border-subtle);
}
.x2ax1o4 {
  border-radius: 4px;
  padding: 8px 10px;
}
.x2ax1o5 {
  border-radius: 8px;
  padding: 10px;
}
.nt9aof0 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nt9aof1 {
  display: flex;
  gap: 8px;
  align-items: center;
}
.nt9aof2 {
  display: flex;
  justify-content: space-between;
  padding: 20px 24px;
  border-top: 1px solid var(--border-default);
  flex-wrap: wrap;
  gap: 12px;
}
.nt9aof3 {
  border-top: 1px solid var(--border-default);
}
.nt9aof4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--text-secondary);
  padding: 8px;
  padding-bottom: 0;
}
.nt9aof5 {
  flex: 2;
  flex-direction: column;
  border-left: 1px solid var(--border-default);
  overflow-x: hidden;
  overflow-y: auto;
}
.nt9aof6 {
  overflow: hidden;
  font-weight: 600;
}
.nt9aof7 {
  text-decoration: line-through;
}
.nt9aof8 {
  padding: 0 8px;
  color: var(--text-secondary);
}
.nt9aof9 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
}
.nt9aofa {
  display: flex;
  align-items: center;
  width: max-content;
  background-color: var(--background-primary);
  overflow: hidden;
  gap: 16px;
  white-space: nowrap;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  padding: 4px 8px 4px;
}
.nt9aofb {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 22px;
}
.nt9aofc {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
}
.nt9aofd {
  padding: 12px 16px 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.nt9aofe {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  padding: 16px 16px 8px 16px;
}
.nt9aoff {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.nt9aofg {
  display: flex;
  overflow: hidden;
  flex: 1;
}
.nt9aofh {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.nt9aofi {
  margin-left: 20px;
}
.nt9aofj {
  width: 100%;
}
.nt9aofk {
  color: var(--interactive-primary);
}
.nt9aofl {
  font-size: 12px;
  line-height: 20px;
  color: var(--text-secondary);
}
.nt9aofm {
  color: var(--interactive-primary);
  font-style: italic;
  font-weight: 800;
}
.nt9aofn {
  padding: 4px 12px;
  border-radius: 8px;
}
.nt9aofo {
  min-width: 80px;
}
.nt9aofp {
  background-color: var(--background-hoverFilled);
}
.nt9aofq {
  padding: 20px 24px;
  user-select: none;
  font-size: 20px;
  line-height: 24px;
  color: var(--text-secondary);
  border-bottom: 1px solid var(--border-default);
}
@keyframes n8udcs1 {
  from {
    opacity: 0;
    transform: translateY(-2%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes n8udcs2 {
  to {
    opacity: 0;
    transform: translateY(-2%) scale(0.96);
  }
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.n8udcs3 {
  position: fixed;
  right: 28px;
  top: 80px;
  z-index: 1000;
}
.n8udcs4 {
  width: 400px;
  height: 48px;
  background-color: var(--background-overlay);
  border-radius: 8px;
  box-shadow: var(--shadow-md);
  min-height: 48px;
  outline: none;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  border: 0.5px solid var(--border-default);
  padding: 8px 12px 8px 8px;
  z-index: calc(var(--zIndex-modal) + 1);
  will-change: transform, opacity;
}
.n8udcs4[data-state=entered], .n8udcs4[data-state=entering] {
  animation: n8udcs1 var(--n8udcs0) cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
.n8udcs4[data-state=exited], .n8udcs4[data-state=exiting] {
  animation: n8udcs2 var(--n8udcs0) cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
.n8udcs5 {
  display: flex;
  align-items: center;
  flex: 1;
}
.n8udcs6 {
  font-size: 20px;
  color: var(--icon-primary);
  vertical-align: middle;
}
.n8udcs7 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  height: 32px;
  position: relative;
  padding: 0 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid var(--border-default);
}
.n8udcs7.active {
  border-color: var(--interactive-primary);
}
.n8udcs8 {
  display: flex;
  align-items: center;
  flex: 1;
  height: 32px;
  position: relative;
}
.n8udcs9 {
  position: absolute;
  padding: 0;
  inset: 0;
  height: 100%;
  width: 100%;
  color: transparent;
  font-size: 15px;
}
.n8udcsa {
  pointer-events: none;
}
.n8udcsa::placeholder {
  color: var(--text-primary);
}
.n8udcsb {
  color: var(--text-secondary);
  font-size: 12px;
  user-select: none;
}
.n8udcsc {
  border: 1px solid;
  border-color: var(--border-default);
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
}
.n8udcsd {
  width: 32px;
  height: 32px;
  border-radius: 0;
}
.n8udcsd:first-child {
  border-right: 1px solid;
  border-color: var(--border-default);
}
._160bgsl4 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  overflow: clip;
  pointer-events: auto;
  -webkit-app-region: drag;
}
._160bgsl4[data-is-windows="false"] {
  padding-right: 8px;
}
._160bgsl5 {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  padding-left: 8px;
  padding-right: 12px;
  gap: 10px;
  flex-shrink: 0;
  width: var(--_160bgsl3);
}
._160bgsl4[data-mode="app"] ._160bgsl5 {
  transition: all 0.3s;
}
._160bgsl4[data-mode="app"][data-resizing="true"] ._160bgsl5 {
  transition: none;
}
._160bgsl4[data-is-macos="true"]:not([data-fullscreen="true"]) ._160bgsl5 {
  padding-left: 78px;
}
._160bgsl4[data-sidebar-expanded="true"] ._160bgsl5 {
  margin-right: -16px;
}
._160bgsl6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 8px;
  overflow: hidden;
  height: 100%;
}
._160bgsl6[data-pinned="true"] {
  flex-shrink: 0;
}
._160bgsl7 {
  background: var(--divider-default);
  width: 1px;
  height: 16px;
  flex-shrink: 0;
  margin-right: 8px;
}
._160bgsl8 {
  background: var(--divider-default);
  width: 1px;
  height: 100%;
  flex-shrink: 0;
}
._160bgsl9 {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0 6px;
  margin: 0 -6px;
}
._160bgsla {
  height: 26px;
  min-width: 32px;
  max-width: var(--_160bgsl2);
  width: 200px;
  overflow: clip;
  background: var(--background-secondary);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--text-disabled);
  user-select: none;
  border-radius: 4px;
  position: relative;
  -webkit-app-region: no-drag;
}
._160bgsl9 ._160bgsla {
  margin-right: 8px;
}
._160bgsla[data-active="true"] {
  box-shadow: 0 0 0 1px var(--button-innerBlackBorder);
}
._160bgsl9[data-dragging="true"] ._160bgsla {
  box-shadow: 0 0 0 1px var(--interactive-primary);
}
._160bgslb {
  min-width: 48px;
  padding: 0 8px;
  height: 100%;
  display: flex;
  gap: 4px;
  font-weight: 500;
  align-items: center;
  cursor: default;
  flex: 1;
}
._160bgslb[data-active="true"] {
  background: var(--background-primary);
}
._160bgslc {
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 14px;
  overflow: clip;
  display: flex;
  align-items: center;
  padding-right: 6px;
  justify-content: flex-end;
}
._160bgsla:is([data-active=true], :hover) ._160bgslc:not(:empty) {
  width: 48px;
}
._160bgslb:last-of-type[data-active=true] + ._160bgslc {
  background: linear-gradient(270deg, var(--tab-tabBackground-active) 50%, rgba(255, 255, 255, 0.00) 100%);
}
._160bgslb:last-of-type[data-active=false] + ._160bgslc {
  background: linear-gradient(270deg, var(--tab-tabBackground-default) 65.71%, rgba(244, 244, 245, 0.00) 100%);
}
._160bgsld {
  color: var(--icon-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
}
._160bgsle {
  width: 16px;
  height: 16px;
  font-size: 16px;
  flex-shrink: 0;
}
._160bgslb[data-active=true] ._160bgsle {
  color: var(--icon-primary);
}
._160bgslb[data-active=false]:hover ._160bgsle, ._160bgsla:has(._160bgslc:hover) ._160bgslb:last-of-type ._160bgsle {
  color: var(--icon-primary);
}
._160bgslf {
  pointer-events: auto;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  display: none;
  color: var(--icon-secondary);
}
._160bgsla:is([data-active=true], :hover) ._160bgslf {
  display: flex;
}
._160bgslf:hover {
  color: var(--icon-primary);
  background: var(--background-hoverOverlay);
}
._160bgslg {
  min-width: 0;
  text-overflow: ellipsis;
  overflow: clip;
  white-space: nowrap;
  color: var(--text-disabled);
  font-size: 12px;
  padding-right: 4px;
}
._160bgslb:hover ._160bgslg, ._160bgsla:has(._160bgslc:hover) ._160bgslb:last-of-type ._160bgslg {
  color: var(--text-primary);
}
._160bgslb[data-active="true"] ._160bgslg {
  color: var(--text-primary);
}
._160bgslb:last-of-type ._160bgslg {
  text-overflow: clip;
}
._160bgslb:last-of-type [data-padding-right="true"]._160bgslg {
  padding-right: 32px;
}
._160bgslh {
  flex-grow: 1;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: -8px;
  position: relative;
}
._160bgslh[data-dragged-over=true]:after {
  content: "";
  position: absolute;
  top: 10px;
  height: 32px;
  left: -5px;
  right: 0;
  width: 2px;
  border-radius: 2px;
  background: var(--interactive-primary);
}
._160bgsli {
  width: 120px;
  height: 100%;
  flex-shrink: 0;
}
._160bgslj {
  position: absolute;
  height: 32px;
  top: 10px;
  width: 2px;
  border-radius: 2px;
  opacity: 0;
  background: var(--interactive-primary);
}
._160bgslj[data-edge="left"] {
  opacity: 1;
  transform: translateX(-5px);
}
._160bgslj[data-edge="right"] {
  right: 0;
  opacity: 1;
  transform: translateX(-9px);
}
.r6eei00 {
  color: inherit;
  display: flex;
  justify-content: center;
  width: 100%;
}
.r6eei01 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: inherit;
  width: 32px;
  height: 32px;
  user-select: none;
  cursor: pointer;
  padding: 0;
  transition: background 0.15s ease-in-out;
  position: relative;
  flex-shrink: 0;
}
.r6eei01:hover {
  background: var(--background-hoverOverlay);
}
.r6eei01[data-active="true"] {
  background: var(--background-hoverOverlay);
}
.r6eei01[data-disabled="true"] {
  cursor: default;
  color: var(--text-disabled);
  pointer-events: none;
  opacity: 0.5;
}
.r6eei01:focus-visible {
  outline: 2px solid var(--interactive-primary);
  outline-offset: 2px;
}
.r6eei02 {
  color: var(--icon-primary);
  font-size: 20px;
  flex-shrink: 0;
}
.hcqw6x0 {
  padding: 4px 8px;
  height: 100%;
  overflow: clip;
}
.hcqw6x1 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  overflow: hidden;
  height: 42px;
}
.hcqw6x2 {
  flex: 1;
}
.hcqw6x3 {
  display: flex;
  flex-direction: column;
  gap: 42px;
  margin-top: 42px;
}
.hcqw6x4 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hcqw6x5 {
  transform: translateX(-10px);
}
.sd19f70 {
  --svg-dot-animation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 122 116'%3E%3Cpath id='b' stroke='%23fff' stroke-linecap='round' stroke-width='0' d='M17.9256 115C17.434 111.774 13.1701 104.086 13.4282 95.6465C13.6862 87.207 18.6628 76.0721 17.9256 64.3628C17.1883 52.6535 8.7772 35.9512 9.00452 25.3907C9.23185 14.8302 16.2114 5.06512 17.9256 1'/%3E%3Cpath id='d' stroke='%23fff' stroke-linecap='round' stroke-width='0' d='M84.1628 115C85.2376 112.055 94.5618 98.8394 93.9975 91.1338C93.4332 83.4281 82.5505 73.2615 84.1628 62.5704C85.775 51.8793 96.4803 35.4248 95.9832 25.7826C95.4861 16.1404 87.9113 4.71163 84.1628 1'/%3E%3Cpath id='f' stroke='%23fff' stroke-linecap='round' stroke-width='0' d='M37.0913 115C37.9604 111.921 44.4347 99.4545 45.3816 92.9773C48.9305 68.7011 35.7877 73.9552 37.0913 62.7781C38.3949 51.6011 47.3889 36.9895 46.9869 26.9091C46.585 16.8286 40.1222 4.88034 37.0913 1'/%3E%3Cpath id='h' stroke='%23fff' stroke-linecap='round' stroke-width='0' d='M112.443 115C111.698 112.235 108.25 106.542 107.715 93.7582C107.241 82.4286 107.229 83.9543 112.443 66.1429C116.085 44.0408 100.661 42.5908 101.006 33.539C101.35 24.4871 109.843 4.48439 112.443 1'/%3E%3Cg%3E%3Ccircle r='1.5' fill='rgba(30, 150, 235, 0.3)'%3E%3CanimateMotion dur='10s' repeatCount='indefinite'%3E%3Cmpath href='%23b' /%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3Cg%3E%3Ccircle r='1' fill='rgba(30, 150, 235, 0.3)' fill-opacity='1' shape-rendering='crispEdges'%3E%3CanimateMotion dur='8s' repeatCount='indefinite'%3E%3Cmpath href='%23d' /%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3Cg%3E%3Ccircle r='.5' fill='rgba(30, 150, 235, 0.3)' fill-opacity='1' shape-rendering='crispEdges'%3E%3CanimateMotion dur='4s' repeatCount='indefinite'%3E%3Cmpath href='%23f' /%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3Cg%3E%3Ccircle r='.8' fill='rgba(30, 150, 235, 0.3)' fill-opacity='1' shape-rendering='crispEdges'%3E%3CanimateMotion dur='6s' repeatCount='indefinite'%3E%3Cmpath href='%23h' /%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  display: inline-flex;
  background: rgba(0, 0, 0, 0.3);
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--border-subtle);
  font-size: 14px;
  width: 100%;
  height: 52px;
  user-select: none;
  cursor: pointer;
  padding: 0 12px;
  position: relative;
  transition: all 0.3s ease;
}
.sd19f70:hover {
  background: rgba(0, 0, 0, 0.6);
}
.sd19f70[data-disabled="true"] {
  pointer-events: none;
}
.sd19f70:after {
  content: '';
  position: absolute;
  top: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  background-color: var(--interactive-primary);
  border-radius: 50%;
  z-index: 1;
  transition: opacity 0.3s;
}
.sd19f70:hover:after {
  opacity: 0;
}
.sd19f71 {
  margin-right: 12px;
  color: var(--icon-primary);
  font-size: 24px;
}
.sd19f72 {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 14px;
  width: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-xs);
  color: var(--text-secondary);
  background-color: var(--background-primary);
  font-size: 14px;
  cursor: pointer;
  transition: 0.1s;
  border-radius: 50%;
  transform: scale(0.6);
  z-index: 1;
  opacity: 0;
}
.sd19f72:hover {
  transform: scale(1.1);
}
.sd19f70:hover .sd19f72 {
  opacity: 1;
  transform: scale(1);
}
.sd19f73 {
  display: flex;
  align-items: center;
  width: 100%;
  flex: 1;
  font-size: 14px;
  white-space: nowrap;
  justify-content: space-between;
}
.sd19f74 {
  justify-content: flex-start;
}
.sd19f70:hover .sd19f74, .sd19f70[data-updating=true] .sd19f74 {
  display: none;
}
.sd19f75 {
  display: none;
  justify-content: flex-start;
}
.sd19f70:hover .sd19f75, .sd19f70[data-updating=true] .sd19f75 {
  display: flex;
}
.sd19f76 {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 8px 0;
}
.sd19f77 {
  padding: 0 6px;
  color: var(--text-secondary);
  background: var(--background-primary);
  font-size: 10px;
  line-height: 18px;
  border-radius: 4px;
  margin-left: 8px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sd19f78 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  white-space: nowrap;
}
.sd19f79 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sd19f7a {
  position: relative;
  width: 100%;
  height: 4px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.1);
}
.sd19f7b {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 12px;
  background: var(--interactive-primary);
  transition: 0.1s;
}
.sd19f7c {
  background: var(--svg-dot-animation), var(--svg-dot-animation);
  background-repeat: no-repeat, repeat;
  background-position: center, center top 100%;
  background-size: 100%, 130%;
  mask-image: linear-gradient(to top, transparent, black, black, transparent);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  pointer-events: none;
  display: none;
}
.sd19f70:hover .sd19f7c, .sd19f70[data-updating=true] .sd19f7c {
  display: block;
}
.sd19f7c:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--svg-dot-animation), var(--svg-dot-animation), var(--svg-dot-animation);
  background-repeat: no-repeat, repeat, repeat;
  background-position: center, center top 100%, center center;
  background-size: 100% 120%, 150%, 120%;
  filter: blur(1px);
  will-change: filter;
  pointer-events: none;
}
.sd19f7d {
  overflow: hidden;
  position: absolute;
  inset: 0;
}
.sd19f7d:before {
  content: "";
  display: block;
  inset: 0;
  position: absolute;
  filter: blur(10px) saturate(1.2);
  transition: 0.3s ease;
  will-change: filter, transform;
  transform: translateY(100%) scale(0.6);
  background: radial-gradient(ellipse 60% 80% at bottom, rgba(30, 150, 235, 0.35), transparent);
}
.sd19f7d:after {
  content: "";
  display: block;
  inset: 0;
  position: absolute;
  filter: blur(10px) saturate(1.2);
  transition: 0.1s ease;
  will-change: filter, transform;
  transform: translateY(100%) scale(0.6);
  background: radial-gradient(ellipse 30% 45% at bottom, rgba(30, 150, 235, 0.6), transparent);
}
.sd19f70:hover .sd19f7d:before, .sd19f70:hover .sd19f7d:after,
  .sd19f70[data-updating=true] .sd19f7d:before, .sd19f70[data-updating=true] .sd19f7d:after {
  transform: translateY(0) scale(1);
}
._5hjq3w0 {
  padding: 0 24px;
}
._5hjq3w1 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  white-space: nowrap;
}
._1ry0w1w0 {
  display: flex;
  gap: 6px;
  opacity: 0;
}
._1ry0w1w1 {
  font-size: 15px;
  height: 22px;
  width: calc(100%);
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
  border-radius: 4px;
}
._1ry0w1w1[data-collapsible="true"] {
  cursor: pointer;
}
._1ry0w1w1[data-collapsible="true"]:hover {
  background-color: var(--background-hoverOverlay);
}
._1ry0w1w1[data-collapsible="true"]:hover:has(._1ry0w1w0:hover) {
  background-color: transparent;
}
._1ry0w1w1:hover ._1ry0w1w2 {
  opacity: 1;
}
._1ry0w1w3 {
  color: var(--text-tertiary);
  font-weight: 500;
  line-height: 22px;
  flex-grow: 0;
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: start;
  cursor: pointer;
}
._1ry0w1w4 {
  --y: 1px;
  --r: 90deg;
  color: var(--icon-tertiary);
  transform: translateY(var(--y)) rotate(var(--r));
  transition: transform 0.2s;
}
._1ry0w1w1[data-collapsed="true"] ._1ry0w1w4 {
  --r: 0deg;
}
.xymfow0 {
  color: inherit;
}
.xymfow1 {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  text-align: left;
  color: inherit;
  width: 100%;
  min-height: 30px;
  user-select: none;
  cursor: pointer;
  padding: 0 2px 0 0;
  font-size: 14px;
  position: relative;
}
.xymfow1:hover {
  background: var(--background-hoverOverlay);
}
.xymfow1[data-active="true"] {
  background: var(--background-hoverOverlay);
}
.xymfow1[data-disabled="true"] {
  cursor: default;
  color: var(--text-disabled);
  pointer-events: none;
}
.xymfow1[data-collapsible="true"] {
  padding-left: 4px;
  padding-right: 4px;
}
.xymfow1[data-collapsible="false"]:is([data-active="true"], :hover) {
  width: calc(100% + 8px + 8px);
  transform: translateX(-8px);
  padding-left: 8px;
  padding-right: 10px;
}
.xymfow0:first-of-type .xymfow1 {
  margin-top: 0;
}
.xymfow2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.xymfow3 {
  right: 4px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.xymfow1:hover .xymfow3, .xymfow3[data-postfix-display="always"] {
  justify-self: flex-end;
  position: initial;
  opacity: 1;
  pointer-events: all;
}
.xymfow4 {
  color: var(--icon-primary);
  font-size: 20px;
}
.xymfow5 {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  transition: transform 0.2s;
  color: inherit;
}
.xymfow5[data-collapsed="true"] {
  transform: rotate(-90deg);
}
.xymfow5[data-disabled="true"] {
  opacity: 0.3;
  pointer-events: none;
}
.xymfow5:hover {
  background: var(--background-hoverOverlay);
}
.xymfow6 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 32px;
  flex-shrink: 0;
}
.xymfow6[data-collapsible="true"] {
  width: 44px;
}
.xymfow7 {
  transition: transform 0.2s ease-in-out;
}
.xymfow7[data-collapsed="true"] {
  transform: rotate(-90deg);
}
.xymfow8 {
  flex: 1;
}
.rwhyn0 {
  background: var(--background-primary);
  border-radius: 8px;
  border: 1px solid var(--border-default);
  cursor: default;
  padding: 12px 10px;
  box-shadow: var(--shadow-xs);
  display: flex;
  gap: 8px;
  position: fixed;
  bottom: 16px;
  left: calc(50dvw - 220px);
  width: 440px;
  z-index: 1000;
  transition: transform 0.2s ease-in-out;
}
.rwhyn0[data-hidden="true"] {
  transform: translateY(200%);
}
.rwhyn1 {
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}
.rwhyn1:not(:last-of-type) {
  border-bottom: 1px solid var(--border-default);
}
.rwhyn2 {
  display: flex;
  gap: 4px;
  justify-content: flex-end;
}
.rwhyn3 {
  height: 26px;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 12px;
}
.rwhyn4 {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: var(--text-primary);
  font-weight: 500;
}
.rwhyn5 {
  font-size: 12px;
  color: var(--text-primary);
  margin-top: 4px;
}
.rwhyn6 {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.rwhyn7 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 12px;
  cursor: pointer;
}
.rwhyn8 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  font-size: 20px;
  color: var(--icon-primary);
}
.rwhyn9 {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  font-size: 24px;
}
.rwhyna {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
}
.rwhynb {
  display: flex;
  justify-content: flex-start;
}
.rwhync {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.rwhynd {
  flex: 1;
}
.rwhyne {
  color: var(--text-link);
  text-decoration: underline;
}
.kbq6110 {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
  height: 30px;
  user-select: none;
  cursor: pointer;
  padding: 0 12px 0 8px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.kbq6110:hover {
  background: var(--background-hoverOverlay);
}
.kbq6111 {
  margin-right: 12px;
  color: var(--icon-primary);
  font-size: 20px;
}
.kbq6112 {
  flex: 1;
}
.kbq6113 {
  color: var(--text-tertiary);
  font-size: 15px;
}
.kbq6114 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1dbc56e0 {
  padding: 2px 14px;
  display: flex;
  gap: 4px;
  flex-flow: column nowrap;
}
._1dbc56e0:empty {
  display: none;
}
._1dbc56e1 {
  --scrollbar-width: 10px;
  flex: 1 1 auto;
  overflow-y: hidden;
}
._1dbc56e2 {
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  transition: opacity .3s .2s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
}
._1dbc56e2[data-has-scroll-top="true"] {
  opacity: 1;
}
._1dbc56e3 {
  height: 100%;
  margin-top: 4px;
  padding-bottom: 8px;
}
._1dbc56e3 > div {
  max-width: 100%;
  display: block !important;
}
._1dbc56e4 {
  height: 100%;
  padding: 0px 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1dbc56e5 {
  display: flex;
  flex-direction: column;
  user-select: none;
  touch-action: none;
  padding: 0 2px;
  width: var(--scrollbar-width);
  height: 100%;
  opacity: 1;
  transition: opacity .15s;
}
._1dbc56e5[data-state="hidden"] {
  opacity: 0;
}
._1dbc56e6 {
  position: relative;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  overflow: hidden;
}
._1dbc56e6::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
}
.e5rdry1 {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.e5rdry2 {
  padding: 4px 12px;
  user-select: none;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
}
.e5rdry3 {
  flex-grow: 1;
  min-width: 0;
  max-width: 220px;
}
.e5rdry4 {
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 22px;
}
.e5rdry5 {
  font-size: 12px;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  height: 20px;
}
.e5rdry6 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 4px;
}
.e5rdry7 {
  padding: 0px 6px 12px;
  cursor: pointer;
}
.e5rdry8 {
  padding: 0px 6px 12px;
}
.e5rdry9 {
  font-weight: 400;
  line-height: 20px;
  font-size: 12px;
  color: var(--text-secondary);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.e5rdrya {
  color: var(--text-primary);
  margin-right: 0.5em;
}
.e5rdryb {
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  min-width: 260px;
}
.e5rdryb::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--background-hoverOverlay);
}
.e5rdryc {
  height: 100%;
  border-radius: inherit;
  background-color: var(--e5rdry0);
}
.e5rdryd {
  height: 16px;
  padding: 0px 4px;
  border-radius: 2px;
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  color: var(--text-inverse);
  background: var(--color-blue-500);
}
.e5rdrye {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.e5rdryf {
  flex-grow: 1;
  min-width: 0;
}
.e5rdryg {
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 18px;
}
.e5rdryh {
  font-size: 11px;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
}
.e5rdryi {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  cursor: pointer;
  padding: 2px 6px;
}
.e5rdryi:hover {
  background-color: var(--background-hoverOverlay);
}
.e5rdryj {
  display: flex;
  align-items: center;
}
.e5rdryk {
  border-radius: 4px;
  border: 1px solid var(--color-white);
}
.e5rdryk.multi-avatar {
  margin-left: -4px;
}
.e5rdryl {
  flex: 1;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 170px;
  line-height: 20px;
}
.e5rdrym {
  margin-left: auto;
  margin-right: 0;
  padding: 0px 4px;
  border-radius: 2px;
  font-size: 10px;
  color: var(--text-inverse);
  background: var(--color-brand-900);
  height: 16px;
  line-height: 16px;
}
.e5rdryn {
  position: relative;
  display: inline-flex;
}
.e5rdryo {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  border: 1.5px solid var(--background-primary);
  background-color: var(--text-disabled);
  pointer-events: none;
}
.e5rdryo[data-status="authenticated"] {
  background-color: var(--status-success);
}
.e5rdryo[data-status="unauthenticated"] {
  background-color: var(--status-error);
}
@keyframes uef7x7c {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.uef7x70 {
  max-height: 448px;
  width: 384px;
  display: flex;
  flex-direction: column;
}
.uef7x70[data-mobile] {
  width: 100%;
}
.uef7x71 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--border-default);
}
.uef7x72 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.uef7x73 {
  flex: 1;
  padding: 2px 0px;
}
.uef7x74 {
  display: flex;
  flex-direction: column;
}
.uef7x75 + .uef7x75 {
  border-top: 0.5px solid var(--border-default);
}
.uef7x76 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  height: 184px;
  padding: 16px 45px;
}
.uef7x77 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
  border-radius: 50%;
  background-color: var(--background-secondary);
  color: var(--icon-primary);
}
.uef7x78 {
  color: var(--text-primary);
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.uef7x79 {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.uef7x7a {
  color: var(--status-error);
  font-size: 14px;
  line-height: 22px;
  padding: 4px 2px;
}
.uef7x7b {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-radius: 4px;
  position: relative;
  padding: 12px;
  gap: 10px;
  cursor: pointer;
}
.uef7x7b:hover:not([data-disabled="true"],:has(button:hover)) {
  background-color: var(--background-hoverOverlay);
}
.uef7x7d {
  opacity: 0;
  animation: uef7x7c 500ms ease forwards 1s;
}
.uef7x7e {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  min-width: 0;
}
.uef7x7f {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  padding-top: 2px;
}
.uef7x7g {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background-color: var(--interactive-primary);
  flex-shrink: 0;
}
.uef7x7h {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}
.uef7x7i {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-color: var(--background-primary);
  border: 0.5px solid var(--border-default);
  box-shadow: var(--shadow-button);
  opacity: 0;
}
.uef7x7b:hover .uef7x7i {
  opacity: 1;
}
.uef7x7j {
  color: var(--text-placeholder);
  font-size: 12px;
  line-height: 22px;
}
.uef7x7k {
  font-weight: 500;
  color: var(--text-primary);
  display: inline;
  vertical-align: top;
}
.uef7x7k[data-inactived="true"] {
  color: var(--text-placeholder);
}
.uef7x7l {
  width: fit-content;
  border-radius: 4px;
}
.uef7x7m {
  vertical-align: top;
  margin-right: 4px;
  color: var(--icon-primary);
}
.uef7x7n {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  color: var(--text-secondary);
}
._14wjtlr0 {
  background-color: var(--interactive-primary);
  color: var(--text-inverse);
  min-width: 16px;
  height: 16px;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  font-weight: 500;
}
.ucdosw0 {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
._1kc7il50 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: calc(100% + 12px);
  min-height: 32px;
  padding: 4px;
  padding-top: 12px;
  padding-bottom: 8px;
  align-self: center;
  border-top: 1px solid var(--border-default);
}
._1kc7il51 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: -8px;
  margin-right: -6px;
}
._1kc7il52 {
  width: 0;
  flex: 1;
}
._1kc7il53 {
  width: 0;
  flex: 1;
}
._1kc7il54 {
  gap: 4px;
}
._1kc7il55 {
  position: relative;
}
._1kc7il55[data-dragging="true"] {
  opacity: 0.4;
}
.oagntn1 {
  padding-top: 4px;
}
.oagntn2[data-dragged-over="true"] {
  background: var(--background-hoverOverlay);
}
._1ox11wf0 {
  z-index: 99999;
  position: fixed;
  left: 10px;
  top: -20px;
  background: var(--background-primary);
  box-shadow: var(--shadow-toolbar);
  padding: 0px 4px;
  font-size: 12px;
  border-radius: 4px;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
._1ox11wf1 {
  width: 12px;
  height: 12px;
}
@keyframes uicxwuc {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.uicxwu1 {
  color: inherit;
}
.uicxwu2 {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  text-align: left;
  color: inherit;
  width: 100%;
  min-height: 24px;
  user-select: none;
  cursor: pointer;
  padding: 0 4px;
  font-size: 14px;
  position: relative;
  margin-top: 0;
}
.uicxwu2:hover {
  background: var(--background-hoverOverlay);
}
.uicxwu2[data-active="true"] {
  background: var(--background-hoverOverlay);
}
.uicxwu2[data-disabled="true"] {
  cursor: default;
  color: var(--text-secondary);
  pointer-events: none;
}
.uicxwu2[data-dragging="true"] {
  opacity: 0.5;
}
.uicxwu3 {
  display: flex;
  align-items: center;
  width: 0;
  flex: 1;
  position: relative;
  gap: 8px;
}
.uicxwu4 {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.uicxwu5 {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: -10px;
  width: 10px;
  height: 10px;
}
.uicxwu6 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  flex: 1;
  color: var(--text-primary);
  line-height: var(--line-height);
}
.uicxwu7 {
  display: flex;
  align-items: center;
  right: 0;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.uicxwu2:hover .uicxwu7 {
  opacity: 1;
  pointer-events: initial;
  position: initial;
}
.uicxwu8 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  color: var(--icon-primary);
  font-size: 16px;
  position: absolute;
}
.uicxwu2[data-collapsible="true"]:hover .uicxwu8 {
  opacity: 0;
  pointer-events: none;
}
.uicxwu9 {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  transition: transform 0.2s;
  color: var(--icon-primary);
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.uicxwu9[data-collapsed="true"] {
  transform: rotate(-90deg);
}
.uicxwu9[data-disabled="true"] {
  opacity: 0.3;
  pointer-events: none;
}
.uicxwu9:hover {
  background: var(--background-hoverOverlay);
}
.uicxwu2[data-collapsible="true"]:hover .uicxwu9 {
  opacity: 1;
  pointer-events: initial;
}
.uicxwua {
  transition: transform 0.2s ease-in-out;
  font-size: 14px;
}
.uicxwua[data-collapsed="true"] {
  transform: rotate(-90deg);
}
.uicxwub {
  display: none;
}
.uicxwub:only-child {
  display: initial;
}
.uicxwud {
  margin-top: 2px;
  padding-left: var(--uicxwu0);
  position: relative;
}
.uicxwue {
  background: var(--background-primary);
  width: 200px;
  border-radius: 6px;
}
.uicxwuf {
  position: relative;
}
.uicxwuf[data-tree-instruction="make-child"][data-self-dragged-over="false"]:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  background: var(--background-hoverOverlay);
  left: var(--uicxwu0);
  top: 0;
  width: calc(100% - var(--uicxwu0));
  height: 100%;
}
.uicxwuf[data-tree-instruction="make-child"][data-self-dragged-over="false"][data-open="false"]:after {
  animation: uicxwuc 1s infinite linear;
}
._1n0mntm0 {
  display: none;
}
._1n0mntm0:only-child {
  display: initial;
}
._59g8rv0 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px 0px;
  border-radius: 8px;
}
._59g8rv0[data-dragged-over="true"] {
  background-color: var(--background-hoverOverlay);
}
._59g8rv1 {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--background-hoverOverlay);
}
._59g8rv2 {
  font-size: 20px;
  color: var(--icon-secondary);
}
._59g8rv3 {
  font-size: 14px;
  text-align: center;
  color: var(--text-tertiary);
  user-select: none;
  font-weight: 400;
  line-height: 22px;
}
._59g8rv4 {
  margin-top: 8px;
  padding: 4px 8px;
  height: 30px;
  font-size: 14px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.comments-panel .comments-panel-container {
	height: 100%;
}

.comments-panel .comments-panel-container .hidden {
	display: none;
}

.comments-panel .comments-panel-container .tree-container {
	height: 100%;
}

.comments-panel .comments-panel-container .tree-container.hidden {
	display: none;
	visibility: hidden;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container {
	display: block;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container div {
	overflow: hidden;
}

.comments-panel .comments-panel-container .tree-container .resource-container,
.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-metadata-container,
.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-snippet-container {
	display: flex;
	text-overflow: ellipsis;
	overflow: hidden;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-metadata {
	flex: 1;
	display: flex;
}

.comments-panel .count,
.comments-panel .user {
	padding-right: 5px;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container .icon {
	padding-top: 4px;
	padding-right: 5px;
	min-width: fit-content;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-snippet-container .count,
.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-metadata-container .relevance,
.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-metadata-container .user {
	min-width: fit-content;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-metadata-container .relevance {
	border-radius: 2px;
	background-color: var(--vscode-badge-background);
	color: var(--vscode-badge-foreground);
	padding: 0px 4px 1px 4px;
	font-size: 0.9em;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 3px;
	line-height: 14px;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-snippet-container .text {
	display: flex;
	flex: 1;
	min-width: 0;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container .reply-detail,
.comments-panel .comments-panel-container .tree-container .resource-container .owner,
.comments-panel .comments-panel-container .tree-container .comment-thread-container .timestamp {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.9em;
	padding-right: 5px;
	opacity: 0.8;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container .text *,
.comments-panel .comments-panel-container .tree-container .comment-thread-container .range * {
	margin: 0;
	padding-right: 5px;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container .text * {
	text-overflow: ellipsis;
	overflow: hidden;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container .range * {
	overflow: visible;
	white-space: nowrap;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container .range {
	opacity: 0.8;
	overflow: visible;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-snippet-container .text code {
	font-family: var(--monaco-monospace-font);
}

.comments-panel .comments-panel-container .tree-container .monaco-icon-label {
	padding-right: 5px;
}

.comments-panel .comments-panel-container .tree-container .separator {
	padding-right: 5px;
	opacity: 0.8;
}

.comments-panel .comments-panel-container .message-box-container {
	line-height: 22px;
	padding-left: 20px;
	height: inherit;
}

.comments-panel .comments-panel-container .tree-container .count-badge-wrapper {
	margin-left: 10px;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-metadata-container,
.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-snippet-container {
	line-height: 22px;
	margin-right: 5px;
}

.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-snippet-container {
	padding-left: 16px;
}

.comments-panel .hide {
	display: none;
}

.comments-panel .comments-panel-container .text a {
	color: var(--vscode-textLink-foreground);
}

.comments-panel .comments-panel-container .text a:hover,
.comments-panel .comments-panel-container a:active {
	color: var(--vscode-textLink-activeForeground);
}

.comments-panel .comments-panel-container .text a:focus {
	outline-color: var(--vscode-focusBorder);
}

.comments-panel .comments-panel-container .text code {
	color: var(--vscode-textPreformat-foreground);
}

.comments-panel .comments-panel-container .actions {
	display: none;
}

.comments-panel .comments-panel-container .actions .action-label {
	padding: 2px;
}

.comments-panel .monaco-list .monaco-list-row:hover .comment-metadata-container .actions,
.comments-panel .monaco-list .monaco-list-row.selected .comment-metadata-container .actions,
.comments-panel .monaco-list .monaco-list-row.focused .comment-metadata-container .actions {
	display: block;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .peekview-widget .head {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title {
	display: flex;
	align-items: baseline;
	font-size: 13px;
	margin-left: 20px;
	min-width: 0;
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .peekview-widget .head .peekview-title.clickable {
	cursor: pointer;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
	font-size: 0.9em;
	margin-left: 0.5em;
}

.monaco-editor .peekview-widget .head .peekview-title .meta {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .filename {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before {
	content: '-';
	padding: 0 0.3em;
}

.monaco-editor .peekview-widget .head .peekview-actions {
	flex: 1;
	text-align: right;
	padding-right: 2px;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
	display: inline-block;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
	height: 100%;
}

.monaco-editor .peekview-widget > .body {
	border-top: 1px solid;
	position: relative;
}

.monaco-editor .peekview-widget .head .peekview-title .codicon {
	margin-right: 4px;
	align-self: center;
}

.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon {
	color: inherit !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .zone-widget {
	position: absolute;
	z-index: 10;
}


.monaco-editor .zone-widget .zone-widget-container {
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 0;
	border-bottom-width: 0;
	position: relative;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.review-widget {
	width: 100%;
	position: absolute;
}

.monaco-editor .review-widget,
.monaco-editor .review-widget {
	background-color: var(--vscode-peekViewResult-background);
}
.review-widget .hidden {
	display: none !important;
}

.review-widget .body {
	overflow: hidden;
}

.review-widget .body .review-comment {
	padding: 8px 16px 8px 20px;
	display: flex;
}

@keyframes monaco-review-widget-focus {
	0% {
		background: var(--vscode-peekViewResult-selectionBackground);
	}

	100% {
		background: transparent;
	}
}

.review-widget .body .review-comment.focus {
	animation: monaco-review-widget-focus 3s ease 0s;
}
.review-widget .body .review-comment .comment-actions {
	margin-left: auto;
}

.review-widget .body .review-comment .comment-actions .monaco-toolbar {
	height: 22px;
}

.review-widget .body .review-comment .comment-title .comment-header-info {
	overflow: hidden;
	text-overflow: ellipsis;
}

.review-widget .body .review-comment .comment-title {
	display: flex;
	width: 100%;
}

.review-widget .body .review-comment .comment-title .action-label.codicon {
	line-height: 18px;
}

.review-widget .body .review-comment .comment-title .monaco-dropdown .toolbar-toggle-more {
	width: 16px;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
}

.review-widget .body .comment-body blockquote {
	margin: 8px 7px 8px 5px;
	padding: 2px 16px 2px 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: var(--vscode-textBlockQuote-border);
}

.review-widget .body .review-comment blockquote {
	background: var(--vscode-textBlockQuote-background);
}

.review-widget .body .review-comment .avatar-container {
	margin-top: 4px !important;
}

.review-widget .body .avatar-container img.avatar {
	height: 28px;
	width: 28px;
	display: inline-block;
	overflow: hidden;
	line-height: 1;
	vertical-align: middle;
	border-radius: 3px;
	border-style: none;
}

.review-widget .body .comment-reactions .monaco-text-button {
	margin: 0 7px 0 0;
	width: 30px;
	background-color: transparent;
	border: 1px solid grey;
	border-radius: 3px;
}

.review-widget .body .review-comment .review-comment-contents {
	padding-left: 20px;
	user-select: text;
	-webkit-user-select: text;
	width: 100%;
	overflow: hidden;
}

.review-widget .body pre {
	overflow: auto;
	word-wrap: normal;
	white-space: pre;
}


.review-widget .body .review-comment .review-comment-contents .author {
	line-height: 22px;
}


.review-widget .body .review-comment .review-comment-contents .isPending {
	line-height: 22px;
	margin: 0 5px 0 5px;
	padding: 0 2px 0 2px;
	font-style: italic;
}

.review-widget .body .review-comment .review-comment-contents .timestamp {
	line-height: 22px;
	margin: 0 5px 0 5px;
	padding: 0 2px 0 2px;
}

.review-widget .body .review-comment .review-comment-contents .comment-body .comment-body-plainstring {
	white-space: pre-wrap;
}

.review-widget .body .review-comment .review-comment-contents .comment-body {
	padding-top: 4px;
}

.review-widget .body .review-comment .review-comment-contents .comment-body-max-height {
	max-height: 20em;
}

.review-widget .body .review-comment .review-comment-contents .comment-reactions {
	margin-top: 8px;
	min-height: 25px;
}

.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item .action-label {
	padding: 1px 4px;
	white-space: pre;
	text-align: center;
	font-size: 12px;
	display: flex;
}

.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item .action-label .reaction-icon {
	background-size: 14px;
	background-position: left center;
	background-repeat: no-repeat;
	width: 14px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	margin-right: 4px;
}

.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item .action-label .reaction-label {
	line-height: 20px;
	margin-right: 4px;
}

.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label.toolbar-toggle-pickReactions {
	background-size: 16px;
	font-size: 16px;
	width: 26px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 3px;
	border: none;
}

.review-widget .body .review-comment .comment-title .action-label {
	display: block;
	height: 16px;
	line-height: 16px;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}

.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label {
	border: 1px solid;
	border-color: var(--vscode-panel-border);
}

.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label.disabled {
	opacity: 0.6;
}

.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label.active:hover {
	background-color: var(--vscode-statusBarItem-hoverBackground);
}

.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label:active {
	background-color: var(--vscode-statusBarItem-activeBackground);
	border: 1px solid transparent;
}
.review-widget .body .review-comment .review-comment-contents .comment-body a {
	cursor: pointer;
	color: var(--vscode-textLink-foreground);
}

.review-widget .body .comment-body a:hover,
.review-widget .body .comment-body a:active {
	color: var(--vscode-textLink-activeForeground);
}

.review-widget .body .comment-body a:focus {
	outline: 1px solid var(--vscode-focusBorder);
}

.review-widget .body .comment-body p,
.review-widget .body .comment-body ul {
	margin: 8px 0;
}

.review-widget .body .comment-body p:first-child,
.review-widget .body .comment-body ul:first-child {
	margin-top: 0;
}

.review-widget .body .comment-body p:last-child,
.review-widget .body.comment-body ul:last-child {
	margin-bottom: 0;
}

.review-widget .body .comment-body ul {
	padding-left: 20px;
}

.review-widget .body .comment-body li > p {
	margin-bottom: 0;
}

.review-widget .body .comment-body li > ul {
	margin-top: 0;
}

.review-widget .body .comment-body span {
	white-space: pre;
}

.review-widget .body .comment-body img {
	max-width: 100%;
}

.review-widget .body .comment-body .monaco-tokenized-source {
	font-size: inherit !important;
	line-height: auto !important;
}

.review-widget .body .comment-form-container {
	margin: 8px 20px;
}

.review-widget .validation-error {
	display: inline-block;
	overflow: hidden;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0.4em;
	font-size: 12px;
	line-height: 17px;
	min-height: 34px;
	margin-top: -1px;
	margin-left: -1px;
	word-wrap: break-word;
	border: 1px solid var(--vscode-inputValidation-errorBorder);
	background: var(--vscode-inputValidation-errorBackground);
}

.review-widget .body .comment-form .validation-error {
	color: var(--vscode-inputValidation-errorForeground);
}


.review-widget .body .comment-additional-actions {
	margin: 10px 20px;
}

.review-widget .body .comment-additional-actions .section-separator {
	border-top: 1px solid var(--vscode-menu-separatorBackground);
	margin: 10px 0 14px;
}

.review-widget .body .comment-additional-actions .button-bar {
	display: flex;
	white-space: nowrap;
}

.review-widget .body .comment-additional-actions .monaco-button,
.review-widget .body .comment-additional-actions .monaco-text-button,
.review-widget .body .comment-additional-actions .monaco-button-dropdown {
	display: flex;
	width: auto;
}

.review-widget .body .comment-additional-actions .button-bar > .monaco-text-button,
.review-widget .body .comment-additional-actions .button-bar > .monaco-button-dropdown {
	margin: 0 10px 0 0;
}

.review-widget .body .comment-additional-actions .button-bar .monaco-text-button {
	padding: 4px 10px;
}

.review-widget .body .comment-additional-actions .codicon-drop-down-button {
	align-items: center;
}

.review-widget .body .monaco-editor {
	color: var(--vscode-editor-foreground);
}

.review-widget .body code {
	font-family: var(--comment-thread-editor-font-family);
	font-weight: var(--comment-thread-editor-font-weight);
}

.review-widget .body .comment-form-container .comment-form {
	display: flex;
	flex-direction: row;
}

.review-widget .body .comment-form-container .comment-form .avatar-container {
	padding-right: 20px;
}

.review-widget .body .comment-form-container.expand .review-thread-reply-button {
	display: none;
}

.review-widget .body .comment-form-container.expand .monaco-editor,
.review-widget .body .comment-form-container.expand .form-actions {
	display: block;
	box-sizing: content-box;
}

.review-widget .body .comment-form-container .review-thread-reply-button {
	text-align: left;
	display: block;
	width: 100%;
	resize: vertical;
	border-radius: 0;
	box-sizing: border-box;
	padding: 6px 12px;
	font-weight: 600;
	line-height: 20px;
	white-space: nowrap;
	border: 0px;
	outline: 1px solid transparent;
	outline-color: var(--vscode-contrastBorder);
	background-color: var(--vscode-editorCommentsWidget-replyInputBackground);
	color: var(--vscode-editor-foreground);
	font-size: inherit;
	font-family: var(--monaco-monospace-font);
}

.review-widget .body .comment-form-container .review-thread-reply-button:focus {
	outline-style: solid;
	outline-width: 1px;
}

.review-widget .body .comment-form-container .monaco-editor,
.review-widget .body .comment-form-container .monaco-editor .monaco-editor-background,
.review-widget .body .edit-container .monaco-editor .monaco-editor-background {
	background-color: var(--vscode-editorCommentsWidget-replyInputBackground);
}

.review-widget .body .comment-form-container .monaco-editor,
.review-widget .body .edit-container .monaco-editor {
	width: 100%;
	min-height: 90px;
	max-height: 500px;
	border-radius: 3px;
	border: 0px;
	box-sizing: content-box;
	padding: 6px 0 6px 12px;
	outline: 1px solid var(--vscode-contrastBorder);
}

.review-widget .body .monaco-editor.focused {
	outline: 1px solid var(--vscode-focusBorder);
}

.review-widget .body .comment-form-container .monaco-editor,
.review-widget .body .comment-form-container .form-actions {
	display: none;
}

.review-widget .body .comment-form-container .form-actions,
.review-widget .body .edit-container .form-actions {
	overflow: auto;
	margin: 10px 0;
}

.review-widget .body .edit-container .form-actions {
	padding-top: 10px;
}

.review-widget .body .edit-textarea {
	margin: 5px 0 10px 0;
	margin-right: 12px;
}

.review-widget .body .comment-form-container .form-actions .monaco-text-button,
.review-widget .body .edit-container .monaco-text-button {
	width: auto;
	padding: 4px 10px;
	margin-left: 5px;
}

.review-widget .body .form-actions .monaco-text-button {
	float: right;
}

.review-widget .head {
	box-sizing: border-box;
	display: flex;
	height: 100%;
}

.review-widget .head .review-title {
	display: inline-block;
	font-size: 13px;
	margin-left: 20px;
	cursor: default;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.review-widget .head .review-title .dirname:not(:empty) {
	font-size: 0.9em;
	margin-left: 0.5em;
}

.review-widget .head .review-actions {
	flex: 1;
	text-align: right;
	padding-right: 2px;
}

.review-widget .head .review-actions > .monaco-action-bar {
	display: inline-block;
}

.review-widget .head .review-actions > .monaco-action-bar,
.review-widget .head .review-actions > .monaco-action-bar > .actions-container {
	height: 100%;
}

.review-widget .action-item {
	min-width: 18px;
	min-height: 20px;
	margin-left: 4px;
}

.review-widget .head .review-actions > .monaco-action-bar .action-label {
	margin: 0;
	line-height: inherit;
	background-repeat: no-repeat;
	background-position: center center;
}

.review-widget .head .review-actions > .monaco-action-bar .action-label.codicon {
	margin: 0;
}

.monaco-editor .review-widget > .body {
	border-top: 1px solid var(--comment-thread-state-color);
}

.monaco-editor .review-widget > .head {
	background-color: var(--comment-thread-state-background-color);
}

.review-widget > .body {
	border-top: 1px solid;
	position: relative;
}

.monaco-editor .comment-range-glyph {
	margin-left: 10px;
	width: 4px !important;
	cursor: pointer;
	z-index: 10;
}

div.preview.inline .monaco-editor .comment-range-glyph {
	display: none !important;
}

.monaco-editor .comment-diff-added {
	border-left-width: 3px;
	border-left-style: solid;
}

.monaco-editor .comment-diff-added,
.monaco-editor .comment-range-glyph.multiline-add {
	border-left-color: var(--vscode-editorGutter-commentRangeForeground);
}

.monaco-editor .comment-diff-added:before,
.monaco-editor .comment-range-glyph.line-hover:before {
	background: var(--vscode-editorGutter-commentRangeForeground);
}

.monaco-editor .comment-thread:before,
.monaco-editor .comment-thread-unresolved:before,
.monaco-editor .comment-thread-draft:before {
	background: var(--vscode-editorGutter-commentRangeForeground);
}

.monaco-editor .comment-thread-range {
	background-color: var(--vscode-editorCommentsWidget-rangeBackground);
}

.monaco-editor .comment-thread-range-current {
	background-color: var(--vscode-editorCommentsWidget-rangeActiveBackground);
}

.monaco-editor .margin-view-overlays .comment-range-glyph.line-hover,
.monaco-editor .margin-view-overlays .comment-range-glyph.comment-thread,
.monaco-editor .margin-view-overlays .comment-range-glyph.comment-thread-unresolved,
.monaco-editor .margin-view-overlays .comment-range-glyph.comment-thread-draft {
	margin-left: 13px;
}

.monaco-editor .margin-view-overlays > div:hover > .comment-range-glyph.comment-diff-added:before,
.monaco-editor .margin-view-overlays .comment-range-glyph.line-hover:before,
.monaco-editor .comment-range-glyph.comment-thread:before,
.monaco-editor .comment-range-glyph.comment-thread-unresolved:before,
.monaco-editor .comment-range-glyph.comment-thread-draft:before {
	position: absolute;
	height: 100%;
	width: 9px;
	left: -6px;
	z-index: 10;
	color: var(--vscode-editorGutter-commentGlyphForeground);
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.monaco-editor .comment-range-glyph.comment-thread-unresolved:before {
	color: var(--vscode-editorGutter-commentUnresolvedGlyphForeground);
}

.monaco-editor .comment-range-glyph.comment-thread-draft:before {
	color: var(--vscode-editorGutter-commentDraftGlyphForeground);
}

.monaco-editor .margin-view-overlays .comment-range-glyph.multiline-add {
	border-left-width: 3px;
	border-left-style: dotted;
	height: 16px;
	margin-top: 2px;
}

.monaco-editor .margin-view-overlays > div:hover > .comment-range-glyph.comment-diff-added:before,
.monaco-editor .margin-view-overlays .comment-range-glyph.line-hover:before {
	content: var(--vscode-icon-plus-content);
	font-family: var(--vscode-icon-plus-font-family);
	font-family: "codicon";
	border-radius: 3px;
	width: 18px !important;
	margin-left: -5px;
	padding-left: 1px;
}

.monaco-editor .comment-range-glyph.comment-thread,
.monaco-editor .comment-range-glyph.comment-thread-unresolved,
.monaco-editor .comment-range-glyph.comment-thread-draft {
	z-index: 20;
}

.monaco-editor .comment-range-glyph.comment-thread:before,
.monaco-editor .comment-range-glyph.comment-thread-unresolved:before,
.monaco-editor .comment-range-glyph.comment-thread-draft:before {
	font-family: "codicon";
	font-size: 13px;
	width: 18px !important;
	line-height: 100%;
	border-radius: 3px;
	z-index: 20;
	margin-left: -5px;
	padding-top: 1px;
	padding-left: 1px;
}

.monaco-editor .comment-range-glyph.comment-thread:before {
	content: var(--vscode-icon-comment-add-content);
	font-family: var(--vscode-icon-comment-add-font-family);

}
.monaco-editor .comment-range-glyph.comment-thread-unresolved:before {
	content: var(--vscode-icon-comment-unresolved-content);
	font-family: var(--vscode-icon-comment-unresolved-font-family);
}
.monaco-editor .comment-range-glyph.comment-thread-draft:before {
	content: var(--vscode-icon-comment-draft-content);
	font-family: var(--vscode-icon-comment-draft-font-family);
}

.monaco-editor.inline-comment .margin-view-overlays .codicon-folding-expanded,
.monaco-editor.inline-comment .margin-view-overlays .codicon-folding-collapsed {
	margin-left: 11px;
}

.monaco-editor.inline-comment .margin-view-overlays .dirty-diff-glyph {
	margin-left: 25px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .editor-dictation-widget {
	background-color: var(--vscode-editor-background);
	padding: 2px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	box-shadow: 0 4px 8px var(--vscode-widget-shadow);
	z-index: 1000;
	min-height: var(--vscode-editor-dictation-widget-height);
	line-height: var(--vscode-editor-dictation-widget-height);
	max-width: var(--vscode-editor-dictation-widget-width);
}

.monaco-editor .editor-dictation-widget.recording .codicon.codicon-mic-filled {
	color: var(--vscode-activityBarBadge-background);
	animation: editor-dictation-animation 1s infinite;
}

@keyframes editor-dictation-animation {
	0% {
		color: var(--vscode-editorCursor-background);
	}

	50% {
		color: var(--vscode-activityBarBadge-background);
	}

	100% {
		color: var(--vscode-editorCursor-background);
	}
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

@font-face {
	font-family: "codicon";
	font-display: block;
	src: url(/assets/codicon.85cba96c.ttf?5d4d76ab2ce5108968ad644d591a16a6) format("truetype");
}

.codicon[class*='codicon-'] {
	font: normal normal normal 16px/1 codicon;
	display: inline-block;
	text-decoration: none;
	text-rendering: auto;
	text-align: center;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	user-select: none;
	-webkit-user-select: none;
}

/* icon rules are dynamically created by the platform theme service (see iconsStyleSheet.ts) */

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.codicon-wrench-subaction {
	opacity: 0.5;
}

@keyframes codicon-spin {
	100% {
		transform:rotate(360deg);
	}
}

.codicon-sync.codicon-modifier-spin,
.codicon-loading.codicon-modifier-spin,
.codicon-gear.codicon-modifier-spin,
.codicon-notebook-state-executing.codicon-modifier-spin {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.5s steps(30) infinite;
}

.codicon-modifier-disabled {
	opacity: 0.4;
}

/* custom speed & easing for loading icon */
.codicon-loading,
.codicon-tree-item-loading::before {
	animation-duration: 1s !important;
	animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Suggest widget*/

.monaco-editor .suggest-widget {
	width: 430px;
	z-index: 40;
	display: flex;
	flex-direction: column;
	border-radius: 3px;
}

.monaco-editor .suggest-widget.message {
	flex-direction: row;
	align-items: center;
}

.monaco-editor .suggest-widget,
.monaco-editor .suggest-details {
	flex: 0 1 auto;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: var(--vscode-editorSuggestWidget-border);
	background-color: var(--vscode-editorSuggestWidget-background);
}

.monaco-editor.hc-black .suggest-widget,
.monaco-editor.hc-black .suggest-details,
.monaco-editor.hc-light .suggest-widget,
.monaco-editor.hc-light .suggest-details {
	border-width: 2px;
}

/* Styles for status bar part */


.monaco-editor .suggest-widget .suggest-status-bar {
	box-sizing: border-box;
	display: none;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	font-size: 80%;
	padding: 0 4px 0 4px;
	border-top: 1px solid var(--vscode-editorSuggestWidget-border);
	overflow: hidden;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
	display: flex;
}

.monaco-editor .suggest-widget .suggest-status-bar .left {
	padding-right: 8px;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
	color: var(--vscode-editorSuggestWidgetStatus-foreground);
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
	margin-right: 0;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after {
	content: ', ';
	margin-right: 0.3em;
}

.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore,
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
	display: none;
}

.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label {
	width: 100%;
}

/* Styles for Message element for when widget is loading or is empty */

.monaco-editor .suggest-widget > .message {
	padding-left: 22px;
}

/** Styles for the list element **/

.monaco-editor .suggest-widget > .tree {
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-widget .monaco-list {
	user-select: none;
	-webkit-user-select: none;
}

/** Styles for each row in the list element **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
	display: flex;
	-mox-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
	color: var(--vscode-editorSuggestWidget-selectedForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
	color: var(--vscode-editorSuggestWidget-selectedIconForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents {
	flex: 1;
	height: 100%;
	overflow: hidden;
	padding-left: 2px;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
	justify-content: space-between;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
	display: flex;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused) > .contents > .main .monaco-icon-label {
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
	font-weight: bold;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-highlightForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
}

/** ReadMore Icon styles **/

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore::before {
	color: inherit;
	opacity: 1;
	font-size: 14px;
	cursor: pointer;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close {
	position: absolute;
	top: 6px;
	right: 2px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close:hover,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover {
	opacity: 1;
}

/** signature, qualifier, type/details opacity **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	opacity: 0.7;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label {
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.6;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label {
	margin-left: 12px;
	opacity: 0.4;
	font-size: 85%;
	line-height: initial;
	text-overflow: ellipsis;
	overflow: hidden;
	align-self: center;
}

/** Type Info and icon next to the label in the focused completion item **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	font-size: 85%;
	margin-left: 1.1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source {
	display: inline;
}

/** Details: if using CompletionItem#details, show on focus **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	display: none;
}

.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label {
	display: inline;
}

/** Details: if using CompletionItemLabel#details, always show **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label,
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label {
	display: inline;
}

/** Ellipsis on hover **/

.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right.can-expand-details > .details-label {
	width: calc(100% - 26px);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left {
	flex-shrink: 1;
	flex-grow: 1;
	overflow: hidden;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label {
	flex-shrink: 0;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label {
	max-width: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label {
	flex-shrink: 1;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
	overflow: hidden;
	flex-shrink: 4;
	max-width: 70%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
	display: inline-block;
	position: absolute;
	right: 10px;
	width: 18px;
	height: 18px;
	visibility: hidden;
}

/** Do NOT display ReadMore when docs is side/below **/

.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
	display: none !important;
}

/** Do NOT display ReadMore when using plain CompletionItemLabel (details/documentation might not be resolved) **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore {
	display: none;
}

/** Focused item can show ReadMore, but can't when docs is side/below **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
	display: inline-block;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right > .readMore {
	visibility: visible;
}

/** Styles for each row in the list **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
	opacity: 0.66;
	text-decoration: unset;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container {
	text-decoration: line-through;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before {
	height: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
	display: block;
	height: 16px;
	width: 16px;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
	display: flex;
	align-items: center;
	margin-right: 4px;
}

.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
	margin: 0 0 0 0.3em;
	border: 0.1em solid #000;
	width: 0.7em;
	height: 0.7em;
	display: inline-block;
}

/** Styles for the docs of the completion item in focus **/

.monaco-editor .suggest-details-container {
	z-index: 41;
}

.monaco-editor .suggest-details {
	display: flex;
	flex-direction: column;
	cursor: default;
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-details:focus {
	border-color: var(--vscode-focusBorder);
}

.monaco-editor .suggest-details a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .suggest-details a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .suggest-details code {
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .suggest-details.no-docs {
	display: none;
}

.monaco-editor .suggest-details > .monaco-scrollable-element {
	flex: 1;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body {
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type {
	flex: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.7;
	white-space: pre;
	margin: 0 24px 0 0;
	padding: 4px 0 4px 5px;
}

.monaco-editor .suggest-details.detail-and-doc > .monaco-scrollable-element > .body > .header > .type {
	padding-bottom: 12px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type.auto-wrap {
	white-space: normal;
	word-break: break-all;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs {
	margin: 0;
	padding: 4px 5px;
	white-space: pre-wrap;
}

.monaco-editor .suggest-details.no-type > .monaco-scrollable-element > .body > .docs {
	margin-right: 24px;
	overflow: hidden;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs {
	padding: 0;
	white-space: initial;
	min-height: calc(1rem + 8px);
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div,
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) {
	padding: 4px 5px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child {
	margin-top: 0;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child {
	margin-bottom: 0;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .monaco-tokenized-source {
	white-space: pre;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs .code {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon {
	vertical-align: sub;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > p:empty {
	display: none;
}

.monaco-editor .suggest-details code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-editor .suggest-details ul {
	padding-left: 20px;
}

.monaco-editor .suggest-details ol {
	padding-left: 20px;
}

.monaco-editor .suggest-details p code {
	font-family: var(--monaco-monospace-font);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* stylelint-disable layer-checker */

.monaco-editor .codicon.codicon-symbol-array,
.monaco-workbench .codicon.codicon-symbol-array { color: var(--vscode-symbolIcon-arrayForeground); }
.monaco-editor .codicon.codicon-symbol-boolean,
.monaco-workbench .codicon.codicon-symbol-boolean { color: var(--vscode-symbolIcon-booleanForeground); }
.monaco-editor .codicon.codicon-symbol-class,
.monaco-workbench .codicon.codicon-symbol-class { color: var(--vscode-symbolIcon-classForeground); }
.monaco-editor .codicon.codicon-symbol-method,
.monaco-workbench .codicon.codicon-symbol-method { color: var(--vscode-symbolIcon-methodForeground); }
.monaco-editor .codicon.codicon-symbol-color,
.monaco-workbench .codicon.codicon-symbol-color { color: var(--vscode-symbolIcon-colorForeground); }
.monaco-editor .codicon.codicon-symbol-constant,
.monaco-workbench .codicon.codicon-symbol-constant { color: var(--vscode-symbolIcon-constantForeground); }
.monaco-editor .codicon.codicon-symbol-constructor,
.monaco-workbench .codicon.codicon-symbol-constructor { color: var(--vscode-symbolIcon-constructorForeground); }
.monaco-editor .codicon.codicon-symbol-value,
.monaco-workbench .codicon.codicon-symbol-value,
.monaco-editor .codicon.codicon-symbol-enum,
.monaco-workbench .codicon.codicon-symbol-enum { color: var(--vscode-symbolIcon-enumeratorForeground); }
.monaco-editor .codicon.codicon-symbol-enum-member,
.monaco-workbench .codicon.codicon-symbol-enum-member { color: var(--vscode-symbolIcon-enumeratorMemberForeground); }
.monaco-editor .codicon.codicon-symbol-event,
.monaco-workbench .codicon.codicon-symbol-event { color: var(--vscode-symbolIcon-eventForeground); }
.monaco-editor .codicon.codicon-symbol-field,
.monaco-workbench .codicon.codicon-symbol-field { color: var(--vscode-symbolIcon-fieldForeground); }
.monaco-editor .codicon.codicon-symbol-file,
.monaco-workbench .codicon.codicon-symbol-file { color: var(--vscode-symbolIcon-fileForeground); }
.monaco-editor .codicon.codicon-symbol-folder,
.monaco-workbench .codicon.codicon-symbol-folder { color: var(--vscode-symbolIcon-folderForeground); }
.monaco-editor .codicon.codicon-symbol-function,
.monaco-workbench .codicon.codicon-symbol-function { color: var(--vscode-symbolIcon-functionForeground); }
.monaco-editor .codicon.codicon-symbol-interface,
.monaco-workbench .codicon.codicon-symbol-interface { color: var(--vscode-symbolIcon-interfaceForeground); }
.monaco-editor .codicon.codicon-symbol-key,
.monaco-workbench .codicon.codicon-symbol-key { color: var(--vscode-symbolIcon-keyForeground); }
.monaco-editor .codicon.codicon-symbol-keyword,
.monaco-workbench .codicon.codicon-symbol-keyword { color: var(--vscode-symbolIcon-keywordForeground); }
.monaco-editor .codicon.codicon-symbol-module,
.monaco-workbench .codicon.codicon-symbol-module { color: var(--vscode-symbolIcon-moduleForeground); }
.monaco-editor .codicon.codicon-symbol-namespace,
.monaco-workbench .codicon.codicon-symbol-namespace { color: var(--vscode-symbolIcon-namespaceForeground); }
.monaco-editor .codicon.codicon-symbol-null,
.monaco-workbench .codicon.codicon-symbol-null { color: var(--vscode-symbolIcon-nullForeground); }
.monaco-editor .codicon.codicon-symbol-number,
.monaco-workbench .codicon.codicon-symbol-number { color: var(--vscode-symbolIcon-numberForeground); }
.monaco-editor .codicon.codicon-symbol-object,
.monaco-workbench .codicon.codicon-symbol-object { color: var(--vscode-symbolIcon-objectForeground); }
.monaco-editor .codicon.codicon-symbol-operator,
.monaco-workbench .codicon.codicon-symbol-operator { color: var(--vscode-symbolIcon-operatorForeground); }
.monaco-editor .codicon.codicon-symbol-package,
.monaco-workbench .codicon.codicon-symbol-package { color: var(--vscode-symbolIcon-packageForeground); }
.monaco-editor .codicon.codicon-symbol-property,
.monaco-workbench .codicon.codicon-symbol-property { color: var(--vscode-symbolIcon-propertyForeground); }
.monaco-editor .codicon.codicon-symbol-reference,
.monaco-workbench .codicon.codicon-symbol-reference { color: var(--vscode-symbolIcon-referenceForeground); }
.monaco-editor .codicon.codicon-symbol-snippet,
.monaco-workbench .codicon.codicon-symbol-snippet { color: var(--vscode-symbolIcon-snippetForeground); }
.monaco-editor .codicon.codicon-symbol-string,
.monaco-workbench .codicon.codicon-symbol-string { color: var(--vscode-symbolIcon-stringForeground); }
.monaco-editor .codicon.codicon-symbol-struct,
.monaco-workbench .codicon.codicon-symbol-struct { color: var(--vscode-symbolIcon-structForeground); }
.monaco-editor .codicon.codicon-symbol-text,
.monaco-workbench .codicon.codicon-symbol-text { color: var(--vscode-symbolIcon-textForeground); }
.monaco-editor .codicon.codicon-symbol-type-parameter,
.monaco-workbench .codicon.codicon-symbol-type-parameter { color: var(--vscode-symbolIcon-typeParameterForeground); }
.monaco-editor .codicon.codicon-symbol-unit,
.monaco-workbench .codicon.codicon-symbol-unit { color: var(--vscode-symbolIcon-unitForeground); }
.monaco-editor .codicon.codicon-symbol-variable,
.monaco-workbench .codicon.codicon-symbol-variable { color: var(--vscode-symbolIcon-variableForeground); }

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.inline-editor-progress-decoration {
	display: inline-block;
	width: 1em;
	height: 1em;
}

.inline-progress-widget  {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.inline-progress-widget .icon {
	font-size: 80% !important;
}

.inline-progress-widget:hover .icon {
	font-size: 90% !important;
	animation: none;
}

.inline-progress-widget:hover .icon::before {
	content: var(--vscode-icon-x-content);
	font-family: var(--vscode-icon-x-font-family);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .monaco-editor-overlaymessage {
	padding-bottom: 8px;
	z-index: 10000;
}

.monaco-editor .monaco-editor-overlaymessage.below {
	padding-bottom: 0;
	padding-top: 8px;
	z-index: 10000;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeIn {
	animation: fadeIn 150ms ease-out;
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeOut {
	animation: fadeOut 100ms ease-out;
}

.monaco-editor .monaco-editor-overlaymessage .message {
	padding: 2px 4px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-inputValidation-infoBorder);
	border-radius: 3px;
}

.monaco-editor .monaco-editor-overlaymessage .message p {
	margin-block: 0px;
}

.monaco-editor .monaco-editor-overlaymessage .message a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-editor-overlaymessage .message a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor.hc-black .monaco-editor-overlaymessage .message,
.monaco-editor.hc-light .monaco-editor-overlaymessage .message {
	border-width: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor {
	width: 0 !important;
	height: 0 !important;
	border-color: transparent;
	border-style: solid;
	z-index: 1000;
	border-width: 8px;
	position: absolute;
	left: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor.top {
	border-bottom-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage .anchor.below {
	border-top-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top,
.monaco-editor .monaco-editor-overlaymessage.below .anchor.below {
	display: none;
}

.monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
	display: inherit;
	top: -8px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.action-widget {
	font-size: 13px;
	border-radius: 0;
	min-width: 100px;
	max-width: 80vw;
	z-index: 40;
	display: block;
	width: 100%;
	border: 1px solid var(--vscode-menu-border) !important;
	border-radius: 5px;
	background-color: var(--vscode-menu-background);
	color: var(--vscode-menu-foreground);
	padding: 4px;
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}

.context-view-block {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.context-view-pointerBlock {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.action-widget .monaco-list {
	user-select: none;
	-webkit-user-select: none;
	border: none !important;
	border-width: 0 !important;
}

.action-widget .monaco-list:focus:before {
	outline: 0 !important;
}

.action-widget .monaco-list .monaco-scrollable-element {
	overflow: visible;
}

/** Styles for each row in the list element **/
.action-widget .monaco-list .monaco-list-row {
	padding: 0 4px 0 4px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
	width: 100%;
	border-radius: 3px;
}

.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled) {
	background-color: var(--vscode-list-activeSelectionBackground) !important;
	color: var(--vscode-list-activeSelectionForeground);
	outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
	outline-offset: -1px;
}

.action-widget .monaco-list-row.group-header {
	color: var(--vscode-descriptionForeground) !important;
	font-weight: 600;
	font-size: 13px;
}

.action-widget .monaco-list-row.group-header:not(:first-of-type) {
	margin-top: 2px;
}

.action-widget .monaco-scrollable-element .monaco-list-rows .monaco-list-row.separator {
	border-top: 1px solid var(--vscode-editorHoverWidget-border);
	color: var(--vscode-descriptionForeground);
	font-size: 12px;
	padding: 0;
	margin: 4px 0 0 0;
	cursor: default;
	user-select: none;
	border-radius: 0;
}

.action-widget .monaco-scrollable-element .monaco-list-rows .monaco-list-row.separator.focused {
	outline: 0 solid;
	background-color: transparent;
	border-radius: 0;
}

.action-widget .monaco-list-row.separator:first-of-type {
	border-top: none;
	margin-top: 0;
}

.action-widget .monaco-list .group-header,
.action-widget .monaco-list .option-disabled,
.action-widget .monaco-list .option-disabled:before,
.action-widget .monaco-list .option-disabled .focused,
.action-widget .monaco-list .option-disabled .focused:before {
	cursor: default !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	background-color: transparent !important;
	outline: 0 solid !important;
}

.action-widget .monaco-list-row.action {
	display: flex;
	gap: 4px;
	align-items: center;
}

.action-widget .monaco-list-row.action.option-disabled,
.action-widget .monaco-list:focus .monaco-list-row.focused.action.option-disabled,
.action-widget .monaco-list-row.action.option-disabled .codicon,
.action-widget .monaco-list:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused).option-disabled {
	color: var(--vscode-disabledForeground);
}


.action-widget .monaco-list-row.action:not(.option-disabled) .codicon {
	color: inherit;
}

.action-widget .monaco-list-row.action .title {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.action-widget .monaco-list-row.action .monaco-keybinding > .monaco-keybinding-key {
		background-color: var(--vscode-keybindingLabel-background);
		color: var(--vscode-keybindingLabel-foreground);
		border-style: solid;
		border-width: 1px;
		border-radius: 3px;
		border-color: var(--vscode-keybindingLabel-border);
		border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
		box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
}

/* Action bar */

.action-widget .action-widget-action-bar {
	background-color: var(--vscode-menu-background);
	border-top: 1px solid var(--vscode-menu-border);
	margin-top: 2px;
}

.action-widget .action-widget-action-bar::before {
	display: block;
	content: "";
	width: 100%;
}

.action-widget .action-widget-action-bar .actions-container {
	padding: 4px 8px 2px 24px;
}

.action-widget-action-bar .action-label {
	color: var(--vscode-textLink-activeForeground);
	font-size: 13px;
	line-height: 22px;
	padding: 0;
	pointer-events: all;
}

.action-widget-action-bar .action-item {
	margin-right: 16px;
	pointer-events: none;
}

.action-widget-action-bar .action-label:hover {
	background-color: transparent !important;
}

.monaco-action-bar .actions-container.highlight-toggled .action-label.checked {
	/* The important gives this rule precedence over the hover rule. */
	background: var(--vscode-actionBar-toggledBackground) !important;
}

.action-widget .monaco-list .monaco-list-row .description {
	opacity: 0.7;
	margin-left: 0.5em;
}

.action-widget-delegate-label {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.post-edit-widget {
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 1px solid var(--vscode-widget-border, transparent);
	border-radius: 4px;
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
	overflow: hidden;
}

.post-edit-widget .monaco-button {
	padding: 2px;
	border: none;
	border-radius: 0;
}

.post-edit-widget .monaco-button:hover {
	background-color: var(--vscode-button-hoverBackground) !important;
}

.post-edit-widget .monaco-button .codicon {
	margin: 0;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lightBulbWidget {
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-editor .lightBulbWidget:hover{
	cursor: pointer;
}

.monaco-editor .lightBulbWidget.codicon-light-bulb,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle {
	color: var(--vscode-editorLightBulb-foreground);
}

.monaco-editor .lightBulbWidget.codicon-lightbulb-autofix,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle-autofix {
	color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}

.monaco-editor .lightBulbWidget.codicon-sparkle-filled {
	color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}

.monaco-editor .lightBulbWidget:before {
	position: relative;
	z-index: 2;
}

.monaco-editor .lightBulbWidget:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	z-index: 1;
}

/* gutter decoration */
.monaco-editor .glyph-margin-widgets .cgmr[class*="codicon-gutter-lightbulb"] {
	display: block;
	cursor: pointer;
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle {
	color: var(--vscode-editorLightBulb-foreground);
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-auto-fix,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-aifix-auto-fix {
	color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle-filled {
	color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .inlineSuggestionsHints {
	padding: 4px;

	.warningMessage p {
		margin: 0;
	}
}

.monaco-editor .inlineSuggestionsHints.withBorder {
	z-index: 39;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .inlineSuggestionsHints a {
	color: var(--vscode-foreground) !important;
}

.monaco-editor .inlineSuggestionsHints a:hover {
	color: var(--vscode-foreground) !important;
}

.monaco-editor .inlineSuggestionsHints .keybinding {
	display: flex;
	margin-left: 4px;
	opacity: 0.6;
}

.monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key {
	font-size: 8px;
	padding: 2px 3px;
}

.monaco-editor .inlineSuggestionsHints .availableSuggestionCount a {
	display: flex;
	min-width: 19px;
	justify-content: center;
}

.monaco-editor .inlineSuggestionStatusBarItemLabel {
	margin-right: 2px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .rename-box {
	z-index: 100;
	color: inherit;
	border-radius: 4px;
}

.monaco-editor .rename-box.preview {
	padding: 4px 4px 0 4px;
}

.monaco-editor .rename-box .rename-input-with-button {
	padding: 3px;
	border-radius: 2px;
	width: calc(100% - 8px); /* 4px padding on each side */
}

.monaco-editor .rename-box .rename-input {
	width: calc(100% - 8px); /* 4px padding on each side */
	padding: 0;
}

.monaco-editor .rename-box .rename-input:focus {
	outline: none;
}

.monaco-editor .rename-box .rename-suggestions-button {
	display: flex;
	align-items: center;
	padding: 3px;
	background-color: transparent;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.monaco-editor .rename-box .rename-suggestions-button:hover {
	background-color: var(--vscode-toolbar-hoverBackground)
}

.monaco-editor .rename-box .rename-candidate-list-container .monaco-list-row {
	border-radius: 2px;
}

.monaco-editor .rename-box .rename-label {
	display: none;
	opacity: .8;
}

.monaco-editor .rename-box.preview .rename-label {
	display: inherit;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .suggest-preview-additional-widget {
	white-space: nowrap;
}

.monaco-editor .suggest-preview-additional-widget .content-spacer {
	color: transparent;
	white-space: pre;
}

.monaco-editor .suggest-preview-additional-widget .button {
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-hidden {
	opacity: 0;
	font-size: 0;
}

.monaco-editor .ghost-text-decoration,
.monaco-editor .suggest-preview-text .ghost-text {
	font-style: italic;
}

.monaco-editor .suggest-preview-text.clickable .view-line {
	z-index: 1;
}

.monaco-editor .ghost-text-decoration.clickable,
.monaco-editor .ghost-text-decoration-preview.clickable,
.monaco-editor .suggest-preview-text.clickable .ghost-text {
	cursor: pointer;
}

.monaco-editor .inline-completion-text-to-replace {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-decoration,
.monaco-editor .ghost-text-decoration-preview,
.monaco-editor .suggest-preview-text .ghost-text {
	&.syntax-highlighted {
		opacity: 0.7;
	}
	&:not(.syntax-highlighted) {
		color: var(--vscode-editorGhostText-foreground);
	}
	background-color: var(--vscode-editorGhostText-background);
	border: 1px solid var(--vscode-editorGhostText-border);
}

.monaco-editor .ghost-text-decoration.warning,
.monaco-editor .ghost-text-decoration-preview.warning,
.monaco-editor .suggest-preview-text .ghost-text.warning {
	background: var(--monaco-editor-warning-decoration) repeat-x bottom left;
	border-bottom: 4px double var(--vscode-editorWarning-border);
}

.ghost-text-view-warning-widget-icon {
	.codicon {
		color: var(--vscode-editorWarning-foreground) !important;
	}
}

.monaco-editor {
	.edits-fadeout-decoration {
		opacity: var(--animation-opacity, 1);
		background-color: var(--vscode-inlineEdit-modifiedChangedTextBackground);
	}
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .sticky-widget {
	overflow: hidden;
	border-bottom: 1px solid var(--vscode-editorStickyScroll-border);
	width: 100%;
	box-shadow: var(--vscode-editorStickyScroll-shadow) 0 4px 2px -2px;
	z-index: 4;
	right: initial !important;
	margin-left: '0px';
}

.monaco-editor .sticky-widget .sticky-widget-line-numbers {
	float: left;
	background-color: var(--vscode-editorStickyScrollGutter-background);
}

.monaco-editor .sticky-widget.peek .sticky-widget-line-numbers {
	background-color: var(--vscode-peekViewEditorStickyScrollGutter-background);
}

.monaco-editor .sticky-widget .sticky-widget-lines-scrollable {
	display: inline-block;
	position: absolute;
	overflow: hidden;
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: var(--vscode-editorStickyScroll-background);
}

.monaco-editor .sticky-widget.peek .sticky-widget-lines-scrollable {
	background-color: var(--vscode-peekViewEditorStickyScroll-background);
}

.monaco-editor .sticky-widget .sticky-widget-lines {
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-widget .sticky-line-number,
.monaco-editor .sticky-widget .sticky-line-content {
	color: var(--vscode-editorLineNumber-foreground);
	white-space: nowrap;
	display: inline-block;
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-widget .sticky-line-number .codicon-folding-expanded,
.monaco-editor .sticky-widget .sticky-line-number .codicon-folding-collapsed {
	float: right;
	transition: var(--vscode-editorStickyScroll-foldingOpacityTransition);
	position: absolute;
	margin-left: 2px;
}

.monaco-editor .sticky-widget .sticky-line-content {
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: inherit;
	white-space: nowrap;
}

.monaco-editor .sticky-widget .sticky-line-number-inner {
	display: inline-block;
	text-align: right;
}

.monaco-editor .sticky-widget .sticky-line-content:hover {
	background-color: var(--vscode-editorStickyScrollHover-background);
	cursor: pointer;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 140%;
	margin-left: 2px;
}

.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	transition: initial;
}

.monaco-editor .margin-view-overlays:hover .codicon,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons {
	opacity: 1;
}

.monaco-editor .inline-folded:after {
	color: var(--vscode-editor-foldPlaceholderForeground);
	margin: 0.1em 0.2em 0 0.2em;
	content: "\22EF"; /* ellipses unicode character */
	display: inline;
	line-height: 1em;
	cursor: pointer;
}

.monaco-editor .folded-background {
	background-color: var(--vscode-editor-foldBackground);
}

.monaco-editor .cldr.codicon.codicon-folding-expanded,
.monaco-editor .cldr.codicon.codicon-folding-collapsed,
.monaco-editor .cldr.codicon.codicon-folding-manual-expanded,
.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed {
	color: var(--vscode-editorGutter-foldingControlForeground) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -- zone widget */
.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.monaco-editor .reference-zone-widget .inline {
	display: inline-block;
	vertical-align: top;
}

.monaco-editor .reference-zone-widget .messages {
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 3em 0;
}

.monaco-editor .reference-zone-widget .ref-tree {
	line-height: 23px;
	background-color: var(--vscode-peekViewResult-background);
	color: var(--vscode-peekViewResult-lineForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .reference {
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file {
	display: inline-flex;
	width: 100%;
	height: 100%;
	color: var(--vscode-peekViewResult-fileForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
	color: inherit !important;
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
	background-color: var(--vscode-peekViewResult-selectionBackground);
	color: var(--vscode-peekViewResult-selectionForeground) !important;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
	margin-right: 12px;
	margin-left: auto;
}

.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
	color: var(--vscode-peekViewResult-fileForeground) !important;
	background-color: var(--vscode-peekViewResult-matchHighlightBackground) !important;
}

.monaco-editor .reference-zone-widget .preview .reference-decoration {
	background-color: var(--vscode-peekViewEditor-matchHighlightBackground);
	border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder);
	box-sizing: border-box;
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
	background-color: var(--vscode-peekViewEditor-background);
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
	background-color: var(--vscode-peekViewEditorGutter-background);
}

/* High Contrast Theming */

.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file {
	font-weight: bold;
}

.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight {
	border: 1px dotted var(--vscode-contrastActiveBorder, transparent);
	box-sizing: border-box;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	@keyframes blink { 50% { border-color: orange; }  }
*/

.monaco-editor {
	.inline-edits-view-indicator {
		display: flex;

		z-index: 34; /* Below the find widget */
		height: 20px;

		color: var(--vscode-inlineEdit-gutterIndicator-primaryForeground);
		background-color: var(--vscode-inlineEdit-gutterIndicator-background);
		border: 1px solid var(--vscode-inlineEdit-gutterIndicator-primaryBorder);
		border-radius: 3px;

		align-items: center;
		padding: 2px;
		padding-right: 10px;
		margin: 0 4px;

		/*
		animation: blink 1s;
		animation-iteration-count: 3;
		*/

		opacity: 0;

		&.contained {
			transition: opacity 0.2s ease-in-out;
			transition-delay: 0.4s;
		}

		&.visible {
			opacity: 1;
		}

		&.top {
			opacity: 1;

			.icon {
				transform: rotate(90deg);
			}
		}

		&.bottom {
			opacity: 1;

			.icon {
				transform: rotate(-90deg);
			}
		}

		.icon {
			display: flex;
			align-items: center;
			margin: 0 2px;
			transform: none;
			transition: transform 0.2s ease-in-out;
			.codicon {
				color: var(--vscode-inlineEdit-gutterIndicator-primaryForeground);
			}
		}

		.label {
			margin: 0 2px;

			display: flex;
			justify-content: center;
			width: 100%;
		}
	}

	.inline-edits-view .editorContainer {
		.preview .monaco-editor {
			.view-overlays .current-line-exact {
				border: none;
			}

			.current-line-margin {
				border: none;
			}
		}

		.inline-edits-view-zone.diagonal-fill {
			opacity: 0.5;
		}
	}

	.strike-through {
		text-decoration: line-through;
	}

	.inlineCompletions-line-insert {
		background: var(--vscode-inlineEdit-modifiedChangedLineBackground);
	}

	.inlineCompletions-line-delete {
		background: var(--vscode-inlineEdit-originalChangedLineBackground);
	}

	.inlineCompletions-char-insert {
		background: var(--vscode-inlineEdit-modifiedChangedTextBackground);
		cursor: pointer;
	}

	.inlineCompletions-char-delete {
		background: var(--vscode-inlineEdit-originalChangedTextBackground);
	}

	.inlineCompletions-char-delete.diff-range-empty {
		margin-left: -1px;
		border-left: solid var(--vscode-inlineEdit-originalChangedTextBackground) 3px;
	}

	.inlineCompletions-char-insert.diff-range-empty {
		border-left: solid var(--vscode-inlineEdit-modifiedChangedTextBackground) 3px;
	}

	.inlineCompletions-char-delete.single-line-inline { /* Editor Decoration */
		border: 1px solid var(--vscode-editorHoverWidget-border);
		margin: -2px 0 0 -2px;
	}

	.inlineCompletions-char-insert.single-line-inline { /* Inline Decoration */
		border-top: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
		border-bottom: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
	}
	.inlineCompletions-char-insert.single-line-inline.start {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		border-left: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
	}
	.inlineCompletions-char-insert.single-line-inline.end {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
	}

	.inlineCompletions-char-delete.single-line-inline.empty,
	.inlineCompletions-char-insert.single-line-inline.empty {
		display: none;
	}

	.inlineCompletions.strike-through {
		text-decoration-thickness: 1px;
	}

	/* line replacement bubbles */

	.inlineCompletions-modified-bubble {
		background: var(--vscode-inlineEdit-modifiedChangedTextBackground);
	}

	.inlineCompletions-original-bubble {
		background: var(--vscode-inlineEdit-originalChangedTextBackground);
	}

	.inlineCompletions-modified-bubble,
	.inlineCompletions-original-bubble {
		pointer-events: none;
		display: inline-block;
	}

	.inline-edit.ghost-text,
	.inline-edit.ghost-text-decoration,
	.inline-edit.ghost-text-decoration-preview,
	.inline-edit.suggest-preview-text .ghost-text {
		&.syntax-highlighted {
			opacity: 1 !important;
		}
		font-style: normal !important;
	}

	.inline-edit.modified-background.ghost-text,
	.inline-edit.modified-background.ghost-text-decoration,
	.inline-edit.modified-background.ghost-text-decoration-preview,
	.inline-edit.modified-background.suggest-preview-text .ghost-text {
		background: var(--vscode-inlineEdit-modifiedChangedTextBackground) !important;
		display: inline-block !important;
	}

	.inlineCompletions-original-lines {
		background: var(--vscode-editor-background);
	}

	.inline-edit-jump-to-pill {
		background-color: rgba(33, 150, 243, 0.3);
		color: #2196F3;
		outline: 1px solid #2196F3;
		padding: 0px 6px 0px 9px;
		margin: -2px 4px;
		font-size: 0.9em;
		font-weight: 500;
		white-space: nowrap;
		display: inline-block;
		vertical-align: middle;
		position: relative;
	}

	.inline-edit-jump-to-pill::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 10px;
		clip-path: polygon(8px 0, 0 50%, 8px 100%, 8px 0);
		transform: translateX(-1px);
	}
}

.monaco-menu-option {
	color: var(--vscode-editorActionList-foreground);
	font-size: 13px;
	padding: 0 4px;
	line-height: 28px;
	display: flex;
	gap: 4px;
	align-items: center;
	border-radius: 3px;
	cursor: pointer;

	.monaco-keybinding-key {
		font-size: 13px;
		opacity: 0.7;
	}

	&.active {
		background: var(--vscode-editorActionList-focusBackground);
		color: var(--vscode-editorActionList-focusForeground);
		outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
		outline-offset: -1px;

		.monaco-keybinding-key {
			color: var(--vscode-editorActionList-focusForeground);
		}
	}
}

.go-to-label::before {
	content: '';
	position: absolute;
	left: -12px;
	top: 0;
	width: 12px;
	height: 100%;
	background: linear-gradient(to left, var(--vscode-editorWidget-background) 0, transparent 12px);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .detected-link,
.monaco-editor .detected-link-active {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .detected-link-active {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Find widget */
.monaco-editor .find-widget {
	position: absolute;
	z-index: 35;
	height: 33px;
	overflow: hidden;
	line-height: 19px;
	transition: transform 200ms linear;
	padding: 0 4px;
	box-sizing: border-box;
	transform: translateY(calc(-100% - 10px)); /* shadow (10px) */
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	color: var(--vscode-editorWidget-foreground);
	border-left: 1px solid var(--vscode-widget-border);
	border-right: 1px solid var(--vscode-widget-border);
	border-bottom: 1px solid var(--vscode-widget-border);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: var(--vscode-editorWidget-background);
}

.monaco-reduce-motion .monaco-editor .find-widget {
	transition: transform 0ms linear;
}

.monaco-editor .find-widget textarea {
	margin: 0px;
}

.monaco-editor .find-widget.hiddenEditor {
	display: none;
}

/* Find widget when replace is toggled on */
.monaco-editor .find-widget.replaceToggled > .replace-part {
	display: flex;
}

.monaco-editor .find-widget.visible {
	transform: translateY(0);
}

/* This outline-color rule is used to override the outline color for synthetic-focus find input. */
.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
	outline-color: var(--vscode-focusBorder);
}

.monaco-editor .find-widget .monaco-inputbox .input {
	background-color: transparent;
	min-height: 0;
}

.monaco-editor .find-widget .monaco-findInput .input {
	font-size: 13px;
}

.monaco-editor .find-widget > .find-part,
.monaco-editor .find-widget > .replace-part {
	margin: 3px 25px 0 17px;
	font-size: 12px;
	display: flex;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox,
.monaco-editor .find-widget > .replace-part .monaco-inputbox {
	min-height: 25px;
}


.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-right: 22px;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-top: 2px;
	padding-bottom: 2px;
}

.monaco-editor .find-widget > .find-part .find-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget > .replace-part .replace-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget .monaco-findInput {
	vertical-align: middle;
	display: flex;
	flex: 1;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
	/* Make sure textarea inherits the width correctly */
	width: 100%;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
	/* Hide vertical scrollbar */
	opacity: 0;
}

.monaco-editor .find-widget .matchesCount {
	display: flex;
	flex: initial;
	margin: 0 0 0 3px;
	padding: 2px 0 0 2px;
	height: 25px;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: center;
	line-height: 23px;
}

.monaco-editor .find-widget .button {
	width: 16px;
	height: 16px;
	padding: 3px;
	border-radius: 5px;
	display: flex;
	flex: initial;
	margin-left: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* find in selection button */
.monaco-editor .find-widget .codicon-find-selection {
	width: 22px;
	height: 22px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-editor .find-widget .button.left {
	margin-left: 0;
	margin-right: 3px;
}

.monaco-editor .find-widget .button.wide {
	width: auto;
	padding: 1px 6px;
	top: -1px;
}

.monaco-editor .find-widget .button.toggle {
	position: absolute;
	top: 0;
	left: 3px;
	width: 18px;
	height: 100%;
	border-radius: 0;
	box-sizing: border-box;
}

.monaco-editor .find-widget .button.toggle.disabled {
	display: none;
}

.monaco-editor .find-widget .disabled {
	color: var(--vscode-disabledForeground);
	cursor: default;
}

.monaco-editor .find-widget > .replace-part {
	display: none;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput {
	position: relative;
	display: flex;
	vertical-align: middle;
	flex: auto;
	flex-grow: 0;
	flex-shrink: 0;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

/* REDUCED */
.monaco-editor .find-widget.reduced-find-widget .matchesCount {
	display: none;
}

/* NARROW (SMALLER THAN REDUCED) */
.monaco-editor .find-widget.narrow-find-widget {
	max-width: 257px !important;
}

/* COLLAPSED (SMALLER THAN NARROW) */
.monaco-editor .find-widget.collapsed-find-widget {
	max-width: 170px !important;
}

.monaco-editor .find-widget.collapsed-find-widget .button.previous,
.monaco-editor .find-widget.collapsed-find-widget .button.next,
.monaco-editor .find-widget.collapsed-find-widget .button.replace,
.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
	display: none;
}

.monaco-editor .find-widget.no-results .matchesCount {
	color: var(--vscode-errorForeground);
}

.monaco-editor .findMatch {
	animation-duration: 0;
	animation-name: inherit !important;
	background-color: var(--vscode-editor-findMatchHighlightBackground);
}

.monaco-editor .currentFindMatch {
	background-color: var(--vscode-editor-findMatchBackground);
	border: 2px solid var(--vscode-editor-findMatchBorder);
	padding: 1px;
	box-sizing: border-box;
}

.monaco-editor .findScope {
	background-color: var(--vscode-editor-findRangeHighlightBackground);
}

.monaco-editor .find-widget .monaco-sash {
	left: 0 !important;
	background-color: var(--vscode-editorWidget-resizeBorder, var(--vscode-editorWidget-border));
}

.monaco-editor.hc-black .find-widget .button:before {
	position: relative;
	top: 1px;
	left: 2px;
}

/* Action bars */
.monaco-editor .find-widget .button:not(.disabled):hover,
.monaco-editor .find-widget .codicon-find-selection:hover {
	background-color: var(--vscode-toolbar-hoverBackground) !important;
}

.monaco-editor.findMatch {
	background-color: var(--vscode-editor-findMatchHighlightBackground);
}

.monaco-editor.currentFindMatch {
	background-color: var(--vscode-editor-findMatchBackground);
}

.monaco-editor.findScope {
	background-color: var(--vscode-editor-findRangeHighlightBackground);
}

.monaco-editor.findMatch {
	background-color: var(--vscode-editorWidget-background);
}

/* Close button position. */
.monaco-editor .find-widget > .button.codicon-widget-close {
	position: absolute;
	top: 5px;
	right: 4px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.colorpicker-widget {
	height: 190px;
	user-select: none;
	-webkit-user-select: none;
}

/* Decoration */

.colorpicker-color-decoration,
.hc-light .colorpicker-color-decoration {
	border: solid 0.1em #000;
	box-sizing: border-box;
	margin: 0.1em 0.2em 0 0.2em;
	width: 0.8em;
	height: 0.8em;
	line-height: 0.8em;
	display: inline-block;
	cursor: pointer;
}

.hc-black .colorpicker-color-decoration,
.vs-dark .colorpicker-color-decoration {
	border: solid 0.1em #eee;
}

/* Header */

.colorpicker-header {
	display: flex;
	height: 24px;
	position: relative;
	background: url(/assets/opacity-background.e7d91299.png);
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-header .picked-color {
	width: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 24px;
	cursor: pointer;
	color: white;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
}

.colorpicker-header .picked-color .picked-color-presentation {
	white-space: nowrap;
	margin-left: 5px;
	margin-right: 5px;
}

.colorpicker-header .picked-color .codicon {
	color: inherit;
	font-size: 14px;
}

.colorpicker-header .picked-color.light {
	color: black;
}

.colorpicker-header .original-color {
	width: 74px;
	z-index: inherit;
	cursor: pointer;
}

.standalone-colorpicker {
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header.standalone-colorpicker {
	border-bottom: none;
}

.colorpicker-header .close-button {
	cursor: pointer;
	background-color: var(--vscode-editorHoverWidget-background);
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header .close-button-inner-div {
	width: 100%;
	height: 100%;
	text-align: center;
}

.colorpicker-header .close-button-inner-div:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.colorpicker-header .close-icon {
	padding: 3px;
}

/* Body */

.colorpicker-body {
	display: flex;
	padding: 8px;
	position: relative;
}

.colorpicker-body .saturation-wrap {
	overflow: hidden;
	height: 150px;
	position: relative;
	min-width: 220px;
	flex: 1;
}

.colorpicker-body .saturation-box {
	height: 150px;
	position: absolute;
}

.colorpicker-body .saturation-selection {
	width: 9px;
	height: 9px;
	margin: -5px 0 0 -5px;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 100%;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
	position: absolute;
}

.colorpicker-body .strip {
	width: 25px;
	height: 150px;
}

.colorpicker-body .standalone-strip {
	width: 25px;
	height: 122px;
}

.colorpicker-body .hue-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.colorpicker-body .opacity-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: url(/assets/opacity-background.e7d91299.png);
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-body .strip.grabbing {
	cursor: grabbing;
}

.colorpicker-body .slider {
	position: absolute;
	top: 0;
	left: -2px;
	width: calc(100% + 4px);
	height: 4px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.71);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85);
}

.colorpicker-body .strip .overlay {
	height: 150px;
	pointer-events: none;
}

.colorpicker-body .standalone-strip .standalone-overlay {
	height: 122px;
	pointer-events: none;
}

.standalone-colorpicker-body {
	display: block;
	border: 1px solid transparent;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
	overflow: hidden;
}

.colorpicker-body .insert-button {
	position: absolute;
	height: 20px;
	width: 58px;
	padding: 0px;
	right: 8px;
	bottom: 8px;
	background: var(--vscode-button-background);
	color: var(--vscode-button-foreground);
	border-radius: 2px;
	border: none;
	cursor: pointer;
}

.colorpicker-body .insert-button:hover{
	background: var(--vscode-button-hoverBackground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* marker zone */

.monaco-editor .peekview-widget .head .peekview-title .severity-icon {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 4px;
}

.monaco-editor .marker-widget {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .marker-widget > .stale {
	opacity: 0.6;
	font-style: italic;
}

.monaco-editor .marker-widget .title {
	display: inline-block;
	padding-right: 5px;
}

.monaco-editor .marker-widget .descriptioncontainer {
	position: absolute;
	white-space: pre;
	user-select: text;
	-webkit-user-select: text;
	padding: 8px 12px 0 20px;
}

.monaco-editor .marker-widget .descriptioncontainer .message {
	display: flex;
	flex-direction: column;
}

.monaco-editor .marker-widget .descriptioncontainer .message .details {
	padding-left: 6px;
}

.monaco-editor .marker-widget .descriptioncontainer .message .source,
.monaco-editor .marker-widget .descriptioncontainer .message span.code {
	opacity: 0.6;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link {
	opacity: 0.6;
	color: inherit;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
	content: '(';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
	content: ')';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .marker-widget .descriptioncontainer .filename {
	cursor: pointer;
	color: var(--vscode-textLink-activeForeground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .zone-widget .codicon.codicon-error,
.markers-panel .marker-icon.error, .markers-panel .marker-icon .codicon.codicon-error,
.text-search-provider-messages .providerMessage .codicon.codicon-error,
.extensions-viewlet > .extensions .codicon.codicon-error,
.extension-editor .codicon.codicon-error,
.chat-attached-context-attachment .codicon.codicon-error {
	color: var(--vscode-problemsErrorIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-warning,
.markers-panel .marker-icon.warning, .markers-panel .marker-icon .codicon.codicon-warning,
.text-search-provider-messages .providerMessage .codicon.codicon-warning,
.extensions-viewlet > .extensions .codicon.codicon-warning,
.extension-editor .codicon.codicon-warning,
.preferences-editor .codicon.codicon-warning {
	color: var(--vscode-problemsWarningIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-info,
.markers-panel .marker-icon.info, .markers-panel .marker-icon .codicon.codicon-info,
.text-search-provider-messages .providerMessage .codicon.codicon-info,
.extensions-viewlet > .extensions .codicon.codicon-info,
.extension-editor .codicon.codicon-info {
	color: var(--vscode-problemsInfoIcon-foreground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .hoverHighlight {
	background-color: var(--vscode-editor-hoverHighlightBackground);
}

.monaco-editor .monaco-resizable-hover {
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 3px;
	box-sizing: content-box;
}

.monaco-editor .monaco-resizable-hover > .monaco-hover {
	border: none;
	border-radius: none;
}

.monaco-editor .monaco-hover {
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 3px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
}

.monaco-editor .monaco-hover a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-hover a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .monaco-hover .hover-row {
	display: flex;
}

.monaco-editor .monaco-hover .hover-row.hover-row-with-copy {
	position: relative;
	padding-right: 20px;
}

.monaco-editor .monaco-hover .hover-row .hover-row-contents {
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions {
	border-right: 1px solid var(--vscode-editorHoverWidget-border);
	width: 22px;
	overflow-y: clip;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner {
	display: flex;
	flex-direction: column;
	padding-left: 5px;
	padding-right: 5px;
	justify-content: flex-end;
	position: relative;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon {
	cursor: pointer;
	font-size: 11px;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon.enabled {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon.disabled {
	opacity: 0.6;
}

.monaco-editor .monaco-hover .hover-row .actions {
	background-color: var(--vscode-editorHoverWidget-statusBarBackground);
}

.monaco-editor .monaco-hover code {
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .monaco-hover .hover-copy-button {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 2px 4px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

.monaco-editor .monaco-hover .hover-row-with-copy:hover .hover-copy-button,
.monaco-editor .monaco-hover .hover-row-with-copy:focus-within .hover-copy-button {
	opacity: 1;
}

.monaco-editor .monaco-hover .hover-copy-button:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
	cursor: pointer;
}

.monaco-editor .monaco-hover .hover-copy-button:focus {
	outline: 1px solid var(--vscode-focusBorder);
	outline-offset: -1px;
}

.monaco-editor .monaco-hover .hover-copy-button .codicon {
	font-size: 16px;
	color: var(--vscode-foreground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.quick-input-widget {
	position: absolute;
	width: 600px;
	z-index: 2550;
	left: 50%;
	-webkit-app-region: no-drag;
	border-radius: 6px;
}

.quick-input-titlebar {
	cursor: grab;
	display: flex;
	align-items: center;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.quick-input-left-action-bar {
	display: flex;
	margin-left: 4px;
}

/* give some space between input and action bar */
.quick-input-inline-action-bar > .actions-container > .action-item:first-child {
	margin-left: 5px;
}

/* center horizontally */
.quick-input-inline-action-bar > .actions-container > .action-item {
	margin-top: 2px;
}

.quick-input-title {
	cursor: grab;
	padding: 3px 0px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	flex: 1;
}

.quick-input-right-action-bar {
	display: flex;
	margin-right: 4px;
}

.quick-input-right-action-bar > .actions-container {
	justify-content: flex-end;
}

.quick-input-right-action-bar > .actions-container > .action-item {
	margin-left: 4px;
}

.quick-input-titlebar .monaco-action-bar .action-label.codicon {
	background-position: center;
	background-repeat: no-repeat;
	padding: 2px;
}

.quick-input-description {
	margin: 6px 6px 6px 11px;
}

.quick-input-header .quick-input-description {
	margin: 4px 2px;
	flex: 1;
}

.quick-input-header {
	cursor: grab;
	display: flex;
	padding: 6px 6px 2px 6px;
}

.quick-input-widget.hidden-input .quick-input-header {
	/* reduce margins and paddings when input box hidden */
	padding: 0;
	margin-bottom: 0;
}

.quick-input-and-message {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-width: 0;
	position: relative;
}

.quick-input-check-all {
	align-self: center;
	margin: 0;
}

.quick-input-widget .quick-input-header .monaco-checkbox {
	margin-top: 6px;
}

.quick-input-filter {
	flex-grow: 1;
	display: flex;
	position: relative;
}

.quick-input-box {
	flex-grow: 1;
}

.quick-input-widget.show-checkboxes .quick-input-box,
.quick-input-widget.show-checkboxes .quick-input-message {
	margin-left: 5px;
}

.quick-input-visible-count {
	position: absolute;
	left: -10000px;
}

.quick-input-count {
	align-self: center;
	position: absolute;
	right: 4px;
	display: flex;
	align-items: center;
}

.quick-input-count .monaco-count-badge {
	vertical-align: middle;
	padding: 2px 4px;
	border-radius: 2px;
	min-height: auto;
	line-height: normal;
}

.quick-input-action {
	margin-left: 6px;
}

.quick-input-action .monaco-text-button {
	font-size: 11px;
	padding: 0 6px;
	display: flex;
	height: 25px;
	align-items: center;
}

.quick-input-message {
	margin-top: -1px;
	padding: 5px;
	overflow-wrap: break-word;
}

.quick-input-message > .codicon {
	margin: 0 0.2em;
	vertical-align: text-bottom;
}

/* Links in descriptions & validations */
.quick-input-message a {
	color: inherit;
}

.quick-input-progress.monaco-progress-container {
	position: relative;
}

.quick-input-list {
	line-height: 22px;
}

.quick-input-widget.hidden-input .quick-input-list {
	margin-top: 4px;
	/* reduce margins when input box hidden */
	padding-bottom: 4px;
}

.quick-input-list .monaco-list {
	overflow: hidden;
	max-height: calc(20 * 22px);
	padding-bottom: 5px;
}

.quick-input-list .monaco-scrollable-element {
	padding: 0px 6px;
}

.quick-input-list .quick-input-list-entry {
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	padding: 0 6px;
}

.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
	border-top-width: 1px;
	border-top-style: solid;
}

.quick-input-list .monaco-list-row {
	border-radius: 3px;
}

.quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border {
	border-top-style: none;
}

.quick-input-list .quick-input-list-label {
	overflow: hidden;
	display: flex;
	height: 100%;
	flex: 1;
}

.quick-input-widget .monaco-checkbox {
	margin-right: 0;
}

.quick-input-widget .quick-input-list .monaco-checkbox,
.quick-input-widget .quick-input-tree .monaco-checkbox {
	margin-top: 4px;
}

.quick-input-list .quick-input-list-icon {
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quick-input-list .quick-input-list-rows {
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
	margin-left: 5px;
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row {
	display: flex;
	align-items: center;
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
	flex: 1;
	/* make sure the icon label grows within the row */
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] {
	vertical-align: text-bottom;
}

.quick-input-list .quick-input-list-rows .monaco-highlighted-label > span {
	opacity: 1;
}

.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
	margin-right: 8px;
	/* separate from the separator label or scrollbar if any */
}

.quick-input-list .quick-input-list-label-meta {
	opacity: 0.7;
	line-height: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* preserve list-like styling instead of tree-like styling */
.quick-input-list .monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
	font-weight: bold;
	background-color: unset;
	color: var(--vscode-list-highlightForeground) !important;
}

/* preserve list-like styling instead of tree-like styling */
.quick-input-list .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight {
	color: var(--vscode-list-focusHighlightForeground) !important;
}

.quick-input-list .quick-input-list-entry .quick-input-list-separator {
	margin-right: 4px;
	/* separate from keybindings or actions */
}

.quick-input-list .quick-input-list-entry-action-bar {
	display: flex;
	flex: 0;
	overflow: visible;
}

.quick-input-list .quick-input-list-entry-action-bar .action-label {
	/*
	 * By default, actions in the quick input action bar are hidden
	 * until hovered over them or selected.
	 */
	display: none;
}

.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
	margin-right: 4px;
	padding: 2px;
}

.quick-input-list .quick-input-list-entry-action-bar {
	margin-top: 1px;
}

.quick-input-list .quick-input-list-entry-action-bar {
	margin-right: 4px;
	/* separate from scrollbar */
}

.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label,
.quick-input-list .quick-input-list-entry.focus-inside .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.passive-focused .quick-input-list-entry-action-bar .action-label {
	display: flex;
}

.quick-input-list > .monaco-list:focus .monaco-list-row.focused {
	outline: 1px solid var(--vscode-list-focusOutline) !important;
	outline-offset: -1px;
}

.quick-input-list > .monaco-list:focus .monaco-list-row.focused .quick-input-list-entry.quick-input-list-separator-border {
	border-color: transparent;
}

/* focused items in quick pick */
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator {
	color: inherit
}

.quick-input-list .monaco-list-row.focused .monaco-keybinding-key {
	background: none;
	border-color: var(--vscode-widget-shadow);
}

.quick-input-list .quick-input-list-separator-as-item {
	padding: 4px 6px;
	font-size: 12px;
}

/* Quick input separators as full-row item */
.quick-input-list .quick-input-list-separator-as-item .label-name {
	font-weight: 600;
}

.quick-input-list .quick-input-list-separator-as-item .label-description {
	/* Override default description opacity so we don't have a contrast ratio issue. */
	opacity: 1 !important;
}

/* Hide border when the item becomes the sticky one */
.quick-input-list .monaco-tree-sticky-row .quick-input-list-entry.quick-input-list-separator-as-item.quick-input-list-separator-border {
	border-top-style: none;
}

/* Give sticky row the same padding as the scrollable list */
.quick-input-list .monaco-tree-sticky-row {
	padding: 0 5px;
}

/* Hide the twistie containers so that there isn't blank indent */
.quick-input-list .monaco-tl-twistie {
	display: none !important;
}

/* Tree */

.quick-input-tree .monaco-list {
	overflow: hidden;
	max-height: calc(20 * 22px);
	padding-bottom: 5px;
}

.quick-input-tree.quick-input-tree-flat .monaco-tl-indent,
.quick-input-tree.quick-input-tree-flat .monaco-tl-twistie {
	display: none !important;
}

.quick-input-tree .quick-input-tree-entry {
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	padding-right: 6px;
}

.quick-input-tree .quick-input-tree-label {
	overflow: hidden;
	display: flex;
	height: 100%;
	flex: 1;
}

.quick-input-tree .quick-input-tree-icon {
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quick-input-tree .quick-input-tree-rows {
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
	margin-left: 5px;
}

.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row {
	display: flex;
	align-items: center;
}

.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .monaco-icon-label,
.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
	flex: 1;
	/* make sure the icon label grows within the row */
}

.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .codicon[class*='codicon-'] {
	vertical-align: text-bottom;
}

.quick-input-tree .quick-input-tree-rows .monaco-highlighted-label > span {
	opacity: 1;
}

.quick-input-tree .quick-input-tree-entry-action-bar {
	display: flex;
	flex: 0;
	overflow: visible;
}

.quick-input-tree .quick-input-tree-entry-action-bar .action-label {
	/*
	 * By default, actions in the quick input action bar are hidden
	 * until hovered over them or selected.
	 */
	display: none;
}

.quick-input-tree .quick-input-tree-entry-action-bar .action-label.codicon {
	margin-right: 4px;
	padding: 2px;
}

.quick-input-tree .quick-input-tree-entry-action-bar {
	margin-top: 1px;
}

.quick-input-tree .quick-input-tree-entry-action-bar {
	margin-right: 4px;
	/* separate from scrollbar */
}

.quick-input-tree .quick-input-tree-entry .quick-input-tree-entry-action-bar .action-label.always-visible,
.quick-input-tree .quick-input-tree-entry:hover .quick-input-tree-entry-action-bar .action-label,
.quick-input-tree .quick-input-tree-entry.focus-inside .quick-input-tree-entry-action-bar .action-label,
.quick-input-tree .monaco-list-row.focused .quick-input-tree-entry-action-bar .action-label,
.quick-input-tree .monaco-list-row.passive-focused .quick-input-tree-entry-action-bar .action-label {
	display: flex;
}

.quick-input-tree > .monaco-list:focus .monaco-list-row.focused {
	outline: 1px solid var(--vscode-list-focusOutline) !important;
	outline-offset: -1px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .simple-find-part-wrapper {
	overflow: hidden;
	z-index: 10;
	position: absolute;
	top: 0;
	right: 18px;
	max-width: calc(100% - 28px - 28px - 8px);
	pointer-events: none;
	padding: 0 10px 10px;
}

.simple-find-part .monaco-inputbox > .ibwrapper > input {
	text-overflow: clip;
}

.monaco-workbench .simple-find-part {
	visibility: hidden; /* Use visibility to maintain flex layout while hidden otherwise interferes with transition */
	z-index: 10;
	position: relative;
	top: -45px;
	display: flex;
	padding: 4px;
	align-items: center;
	pointer-events: all;
	transition: top 200ms linear;
	background-color: var(--vscode-editorWidget-background) !important;
	color: var(--vscode-editorWidget-foreground);
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 1px solid var(--vscode-widget-border);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	font-size: 12px;
}

.monaco-workbench.monaco-reduce-motion .monaco-editor .find-widget {
	transition: top 0ms linear;
}

.monaco-workbench .simple-find-part.visible {
	visibility: visible;
}

.monaco-workbench .simple-find-part.suppress-transition {
	transition: none;
}

.monaco-workbench .simple-find-part.visible-transition {
	top: 0;
}

.monaco-workbench .simple-find-part .monaco-findInput {
	flex: 1;
}

.monaco-workbench .simple-find-part .matchesCount {
	width: 73px;
	max-width: 73px;
	min-width: 73px;
	padding-left: 5px;
}

.monaco-workbench .simple-find-part.reduced-find-widget .matchesCount {
	display: none;
}

.monaco-workbench .simple-find-part .button {
	min-width: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: flex;
	flex: initial;
	justify-content: center;
	margin-left: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.monaco-workbench div.simple-find-part div.button.disabled {
	opacity: 0.3 !important;
	cursor: default;
}

div.simple-find-part-wrapper div.button {
	border-radius: 5px;
}

.no-results.matchesCount {
	color: var(--vscode-errorForeground);
}

div.simple-find-part-wrapper div.button:hover:not(.disabled) {
	background-color: var(--vscode-toolbar-hoverBackground);
	outline: 1px dashed var(--vscode-toolbar-hoverOutline);
	outline-offset: -1px;
}

.monaco-workbench .simple-find-part .monaco-sash {
	left: 0 !important;
	border-left: 1px solid;
	border-bottom-left-radius: 4px;
}

.monaco-workbench .simple-find-part .monaco-sash.vertical:before {
	width: 2px;
	left: calc(50% - (var(--vscode-sash-hover-size) / 4));
}

._19mdmi20 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: var(--background-primary);
}
._19mdmi21 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid var(--background-hoverOverlay);
  gap: 8px;
}
._19mdmi22 {
  display: flex;
  gap: 4px;
  flex: 1;
  overflow: auto;
}
._19mdmi23 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  border: none;
  background-color: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
}
._19mdmi23[data-active="true"] {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._19mdmi23:hover:not([data-active="true"]) {
  background-color: var(--background-hoverOverlay);
}
._19mdmi24 {
  overflow: hidden;
  text-overflow: ellipsis;
}
._19mdmi25 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: none;
  background-color: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 0;
}
._19mdmi25:hover {
  background-color: var(--background-hoverOverlay);
  color: var(--text-primary);
}
._19mdmi26 {
  padding: 4px 8px;
  border-radius: 4px;
  border: none;
  background-color: var(--interactive-primary);
  color: var(--text-primary);
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
}
._19mdmi26:hover:not([disabled]) {
  background-color: var(--background-hoverOverlay);
}
._19mdmi26[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
._19mdmi27 {
  flex: 1;
  overflow: hidden;
  position: relative;
}
._19mdmi28 {
  width: 100%;
  height: 100%;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
}
._19mdmi29 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--text-secondary);
}
.f0x8fj0 {
  font-size: 12px;
  font-weight: 500;
  margin-left: 4px;
  flex-shrink: 0;
  line-height: 1;
  opacity: 0.7;
}
.f0x8fj1 {
  background: var(--background-primary);
  width: 200px;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 14px;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 4px;
}
._12kkd5c0 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: var(--background-primary);
}
._12kkd5c1 {
  display: flex;
  gap: 4px;
  padding: 8px;
  border-bottom: 1px solid var(--border-default);
}
._12kkd5c2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 4px;
  background-color: transparent;
  color: var(--icon-primary);
  cursor: pointer;
  transition: background-color 0.2s;
}
._12kkd5c2:hover {
  background-color: var(--background-hoverOverlay);
}
._12kkd5c3 {
  background-color: var(--background-secondary);
}
._12kkd5c3:hover {
  background-color: var(--background-secondary);
}
._12kkd5c4 {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
._12kkd5c5 {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.lv8m0s0 {
  width: 100%;
  position: relative;
  height: 100dvh;
  flex-grow: 1;
  display: flex;
  background-color: var(--background-primary);
}
.lv8m0s0.blur-background {
  background-color: transparent;
}
.lv8m0s0.noisy-background::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-repeat: repeat;
  background-size: 50px;
  background-image: var(--noise-background);
}
html[data-theme="light"] .lv8m0s0 {
  --noise-opacity: 0.2;
}
html[data-theme="dark"] .lv8m0s0 {
  --noise-opacity: 1;
}
.lv8m0s1 {
  display: flex;
  flex-flow: row;
  height: 100%;
  width: 100%;
  position: relative;
}
.lv8m0s2 {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
}
.lv8m0s3 {
  display: flex;
  flex-flow: row;
  width: 100%;
  height: calc(100% - 40px);
  position: relative;
}
.lv8m0s4 {
  display: flex;
  flex-flow: row;
  height: 40px;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}
.lv8m0s5 {
  position: relative;
  z-index: 0;
  width: 100%;
  display: flex;
  flex: 1;
  max-width: 100%;
}
.lv8m0s5[data-client-border="true"] {
  border-radius: 6px;
  padding: 8px;
}
.lv8m0s5[data-client-border="true"][data-side-bar-open="true"] {
  padding-left: 0;
}
.lv8m0s5[data-client-border="true"][data-is-desktop="true"] {
  padding-top: 0;
}
.lv8m0s5[data-client-border="false"][data-is-desktop="true"][data-side-bar-open="true"] {
  border-top-left-radius: 6px;
}
.lv8m0s5[data-client-border="false"][data-is-desktop="true"] {
  border-top: 0.5px solid var(--border-default);
  border-left: 0.5px solid var(--border-default);
}
.lv8m0s5[data-transparent=true] {
  background-color: transparent;
}
@media print {
  html[data-theme="dark"] .lv8m0s0 {
    --background-codeBlock: #f5f5f5;
    --background-error: #fff1f1;
    --background-hoverFilled: #f5f5f5;
    --background-hoverOverlay: #0000000d;
    --background-modal: #000000b2;
    --background-overlay: #ffffff;
    --background-primary: #ffffff;
    --background-processing: #eef2ff;
    --background-secondary: #f5f5f5;
    --background-success: #f1fdf4;
    --background-tertiary: #f3f3f3;
    --background-warning: #fff7ee;
    --border-default: #e6e6e6;
    --border-error: #ed3f3f;
    --border-focus: #1e96eb;
    --border-inverse: #ffffff8c;
    --border-strong: #cdcdcd;
    --border-subtle: #0000001a;
    --border-success: #44b931;
    --color-blue-100: #e0f2fe;
    --color-blue-200: #bae6fd;
    --color-blue-300: #7dd3fc;
    --color-blue-400: #4ab1fa;
    --color-blue-50: #f0f9ff;
    --color-blue-500: #29a3fa;
    --color-blue-600: #0284c7;
    --color-blue-700: #0077cb;
    --color-blue-800: #005a9e;
    --color-blue-900: #002742;
    --color-brand-100: #b3dfff;
    --color-brand-200: #80caff;
    --color-brand-300: #4db5ff;
    --color-brand-400: #1aa0ff;
    --color-brand-50: #e6f4ff;
    --color-brand-500: #1e96eb;
    --color-brand-600: #0077cb;
    --color-brand-700: #005a9e;
    --color-brand-800: #003d6b;
    --color-brand-900: #002742;
    --color-green-100: #dcfdd7;
    --color-green-200: #b3f5a8;
    --color-green-300: #7ee96e;
    --color-green-400: #4fd93f;
    --color-green-50: #fbfef1;
    --color-green-500: #44b931;
    --color-green-600: #22bf07;
    --color-green-700: #1a9906;
    --color-green-800: #137305;
    --color-green-900: #0d4d03;
    --color-grey-0: #ffffff;
    --color-grey-100: #e6e6e6;
    --color-grey-150: #d9d9d9;
    --color-grey-200: #cdcdcd;
    --color-grey-25: #fafafa;
    --color-grey-300: #b3b3b3;
    --color-grey-400: #7a7a7a;
    --color-grey-50: #f3f3f3;
    --color-grey-500: #5c5c5c;
    --color-grey-600: #4a4a4a;
    --color-grey-700: #3d3d3d;
    --color-grey-800: #141414;
    --color-grey-900: #0a0a0a;
    --color-magenta-100: #ffecf6;
    --color-magenta-200: #ffc7e3;
    --color-magenta-300: #ff99cc;
    --color-magenta-400: #f37fba;
    --color-magenta-50: #fefaff;
    --color-magenta-500: #e052a0;
    --color-magenta-600: #cc4187;
    --color-magenta-700: #a3346c;
    --color-magenta-800: #7a2751;
    --color-magenta-900: #521a36;
    --color-orange-100: #ffe8d5;
    --color-orange-200: #ffd4b3;
    --color-orange-300: #ffae63;
    --color-orange-400: #ff9633;
    --color-orange-50: #fff7ee;
    --color-orange-500: #ff8c1a;
    --color-orange-600: #e67300;
    --color-orange-700: #b35900;
    --color-orange-800: #804000;
    --color-orange-900: #4d2600;
    --color-purple-100: #ede9fe;
    --color-purple-200: #ddd6fe;
    --color-purple-300: #c4b5fd;
    --color-purple-400: #a78bfa;
    --color-purple-50: #f9f7ff;
    --color-purple-500: #9681ef;
    --color-purple-600: #7c3aed;
    --color-purple-700: #6d28d9;
    --color-purple-800: #5b21b6;
    --color-purple-900: #4c1d95;
    --color-red-100: #ffe0e2;
    --color-red-200: #ffb3b8;
    --color-red-300: #ff808a;
    --color-red-400: #f45353;
    --color-red-50: #fff4f5;
    --color-red-500: #ed3f3f;
    --color-red-600: #c83030;
    --color-red-700: #a32424;
    --color-red-800: #7d1a1a;
    --color-red-900: #571212;
    --color-teal-100: #c7fff9;
    --color-teal-200: #99f6ed;
    --color-teal-300: #8be7dc;
    --color-teal-400: #5dd3c5;
    --color-teal-50: #eefffd;
    --color-teal-500: #448e86;
    --color-teal-600: #2d7169;
    --color-teal-700: #1f5550;
    --color-teal-800: #143937;
    --color-teal-900: #0a1d1c;
    --color-yellow-100: #fef9e6;
    --color-yellow-200: #fef3c7;
    --color-yellow-300: #fde68a;
    --color-yellow-400: #fde047;
    --color-yellow-50: #fdfcf4;
    --color-yellow-500: #facc15;
    --color-yellow-600: #ca9a04;
    --color-yellow-700: #a27b03;
    --color-yellow-800: #7a5c02;
    --color-yellow-900: #523d01;
    --divider-default: #7a7a7a38;
    --divider-strong: #cdcdcd;
    --font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    --font-sans-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    --font-mono-family: "Berkeley Mono", "Source Code Pro", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --font-code-family: "Berkeley Mono", "Source Code Pro", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    --font-number-family: Inter, -apple-system, BlinkMacSystemFont, "Tabular Nums", sans-serif;
    --font-serif-family: "Source Serif 4", Georgia, "Times New Roman", serif;
    --icon-active: #1e96eb;
    --icon-disabled: #b3b3b3;
    --icon-error: #ed3f3f;
    --icon-inverse: #ffffff;
    --icon-primary: #7a7a7a;
    --icon-secondary: #b3b3b3;
    --icon-success: #44b931;
    --icon-tertiary: #cdcdcd;
    --icon-warning: #ffae63;
    --interactive-checkbox: #1e96eb;
    --interactive-disabled: #b3b3b3;
    --interactive-error: #ed3f3f;
    --interactive-errorHover: #c83030;
    --interactive-focus: #1e96eb;
    --interactive-primary: #1e96eb;
    --interactive-primaryActive: #005a9e;
    --interactive-primaryHover: #0077cb;
    --interactive-secondary: #ffffff;
    --interactive-secondaryHover: #f5f5f5;
    --interactive-success: #44b931;
    --interactive-successHover: #22bf07;
    --selection-background: #1e96eb14;
    --selection-border: #1e96eb;
    --selection-text: #1e96eb;
    --shadow-active: 0 0 0 2px rgba(30, 150, 235, 0.3);
    --shadow-button: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    --shadow-buttonInner: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
    --shadow-dropdown: 0 3px 10px 0 rgba(0, 0, 0, 0.12);
    --shadow-focusRing: 0 0 0 2px rgba(30, 150, 235, 0.4);
    --shadow-lg: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    --shadow-menu: 0 4px 16px 0 rgba(0, 0, 0, 0.14);
    --shadow-modal: 0 10px 32px 0 rgba(0, 0, 0, 0.25);
    --shadow-overlay: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
    --shadow-popover: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
    --shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    --shadow-toolbar: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    --shadow-xl: 0 20px 40px 0 rgba(0, 0, 0, 0.3);
    --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --status-error: #ed3f3f;
    --status-errorBackground: #fff4f5;
    --status-info: #29a3fa;
    --status-infoBackground: #f0f9ff;
    --status-success: #44b931;
    --status-successBackground: #fbfef1;
    --status-warning: #ff8c1a;
    --status-warningBackground: #fff7ee;
    --surface-loading: #1e96eb;
    --surface-loadingBackground: rgba(0, 0, 0, 0.05);
    --surface-skeleton: #e6e6e6;
    --surface-tooltip: #0a0a0a;
    --surface-tooltipText: #ffffff;
    --text-disabled: #7a7a7a;
    --text-emphasis: #1e96eb;
    --text-inverse: #ffffff;
    --text-link: #005a9e;
    --text-placeholder: #b3b3b3;
    --text-primary: #141414;
    --text-secondary: #7a7a7a;
    --text-tertiary: #b3b3b3;
    --toggle-backgroundDisabled: #e6e6e6;
    --toggle-backgroundOff: #cdcdcd;
    --toggle-backgroundOn: #141414;
    --toggle-foreground: #ffffff;
    --toggle-foregroundDisabled: #b3b3b3;
  }
  .lv8m0s5[data-client-border="true"] {
    overflow: visible;
    padding: 0;
    border-radius: 0;
  }
}
.tlcbes0 {
  height: 100%;
  display: flex;
  flex-direction: column;
}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__pane.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}
.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}
.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    -webkit-animation: none;
            animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge:focus .react-flow__edge-path,
  .react-flow__edge:focus-visible .react-flow__edge-path {
    stroke: #555;
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge-textbg {
    fill: white;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__connectionline {
  z-index: 1001;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__node.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: -webkit-grab;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background: #1a192b;
  border: 1px solid white;
  border-radius: 100%;
}
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-top {
    left: 50%;
    top: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-left {
    top: 50%;
    left: -4px;
    transform: translate(0, -50%);
  }
.react-flow__handle-right {
    right: -4px;
    top: 50%;
    transform: translate(0, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.center {
    left: 50%;
    transform: translateX(-50%);
  }
.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@-webkit-keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  color: #222;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #1a192b;
  background-color: white;
}
.react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
    }
.react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: 0 0 0 0.5px #1a192b;
    }
.react-flow__node-group {
  background-color: rgba(240, 240, 240, 0.25);
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__controls-button {
    border: none;
    background: #fefefe;
    border-bottom: 1px solid #eee;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    padding: 5px;
  }
.react-flow__controls-button:hover {
      background: #f4f4f4;
    }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__minimap {
  background-color: #fff;
}
.react-flow__minimap svg {
  display: block;
}
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}

.j8mxba1 {
  --j8mxba0: 32px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: var(--background-overlay);
  box-shadow: var(--shadow-toolbar);
  border: 1px solid var(--border-default);
  margin-top: -6px;
}
.j8mxba2 {
  display: flex;
  align-items: center;
  gap: 2px;
}
.j8mxba3 {
  width: 1px;
  height: 20px;
  background: var(--border-default);
  flex-shrink: 0;
  margin: 0 2px;
}
.j8mxba4 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--j8mxba0);
  height: var(--j8mxba0);
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--icon-primary);
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: background 150ms ease, color 150ms ease;
}
.j8mxba4:hover {
  background: var(--background-hoverOverlay);
}
.j8mxba4[data-active="true"] {
  background: var(--interactive-primary);
  color: var(--text-inverse);
}
.j8mxba4[data-active="true"]:hover {
  background: var(--interactive-primaryHover);
}
.j8mxba4:disabled {
  opacity: 0.4;
  cursor: default;
}
.j8mxba4:disabled:hover {
  background: transparent;
}
.j8mxba5 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--j8mxba0);
  height: var(--j8mxba0);
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--icon-primary);
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: background 150ms ease, color 150ms ease;
}
.j8mxba5:hover {
  background: var(--background-hoverOverlay);
}
.j8mxba5[data-active="true"] {
  background: var(--interactive-primary);
  color: var(--text-inverse);
}
.j8mxba5[data-active="true"]:hover {
  background: var(--interactive-primaryHover);
}
.j8mxba6 {
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid currentColor;
  opacity: 0.6;
}
.j8mxba7 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
  padding: 8px;
  background: var(--background-overlay);
  border-radius: 12px;
  border: 1px solid var(--border-default);
  box-shadow: var(--shadow-popover);
}
.j8mxba8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--icon-primary);
  cursor: grab;
  padding: 4px;
  transition: background 150ms ease;
}
.j8mxba8:hover {
  background: var(--background-hoverOverlay);
}
.j8mxba8[data-active="true"] {
  background: var(--interactive-primary);
  color: var(--text-inverse);
}
.j8mxba9 {
  font-size: 9px;
  font-weight: 500;
  color: var(--text-secondary);
  text-align: center;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
[data-active="true"] .j8mxba9 {
  color: var(--text-inverse);
}
.j8mxbaa {
  position: absolute;
  top: -100000px;
  left: -100000px;
  pointer-events: none;
}
.j8mxbab {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  min-width: 40px;
  text-align: center;
  user-select: none;
  font-family: var(--font-number-family);
}
._156rqe80 {
  display: flex;
  height: 100%;
  overflow: hidden;
  width: 100%;
  flex-direction: column;
}
._156rqe81 {
  display: flex;
  flex: 1;
  height: 100%;
  position: relative;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  background: var(--background-primary);
}
._156rqe82 {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  z-index: 0;
}
._156rqe83 {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  bottom: 20px;
  z-index: 1000;
  cursor: pointer;
  display: flex;
  align-items: center;
  background: var(--text-primary);
  border-radius: 8px;
  border: 1px solid var(--border-subtle);
  box-shadow: var(--shadow-buttonInner);
  color: var(--background-primary);
  padding: 8px 18px;
  gap: 4px;
}
._156rqe84 {
  padding: 0px 4px;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}
@media print {
  ._156rqe83 {
    display: none;
  }
}
._14lfwp90 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
  width: 100%;
  max-width: var(--editor-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--editor-side-padding);
  padding-right: var(--editor-side-padding);
  margin-bottom: 200px;
}
._14lfwp91 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px;
  background: var(--background-overlay);
}
._14lfwp92 {
  font-size: 14px;
  color: var(--text-secondary);
  text-align: center;
}
._14lfwp93 {
  display: flex;
  padding: 0px 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: var(--text-primary);
}
._14lfwp93:visited {
  color: var(--text-primary);
}
@media screen and (max-width: 800px) {
  ._14lfwp90 {
    padding-left: 24px;
    padding-right: 24px;
  }
}
._1bqtg1i0 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  cursor: pointer;
  color: var(--text-primary);
}
._1bqtg1i0:visited {
  color: var(--text-primary);
}
._1bqtg1i1 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 8px;
}
._1bqtg1i2 {
  width: 1px;
  height: 20px;
  background: var(--border-default);
  display: none;
}
._1bqtg1i2[data-is-member="true"] {
  display: block;
}
._1bqtg1i2[data-is-canvas="true"] {
  display: block;
}
._1bqtg1i3 {
  background: var(--text-primary);
  color: var(--background-primary);
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: var(--shadow-buttonInner);
}
._1bqtg1i3 svg {
  color: var(--background-primary);
}
._1bqtg1i4 {
  padding: 4px 8px;
}
._1bqtg1i5 {
  display: flex;
  font-size: 12px;
  height: 20px;
  font-weight: 500;
  color: var(--text-inverse);
  background-color: var(--interactive-primary);
  padding: 0 4px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
}
._1bqtg1i6 {
  padding: 4px 8px;
  border-radius: 8px;
  user-select: none;
  display: flex;
  column-gap: 10px;
  justify-content: space-between;
  align-items: center;
}
._1bqtg1i7 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
._1bqtg1i8 {
  flex-grow: 1;
  min-width: 0;
}
._1bqtg1i9 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 4px;
  height: 22px;
}
._1bqtg1ia {
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 22px;
}
._1bqtg1ib {
  font-size: 12px;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  height: 20px;
}
@media screen and (max-width: 640px) {
  ._1bqtg1i2[data-is-member="false"][data-is-canvas="true"] {
    display: none;
  }
  ._1bqtg1i3 {
    display: none;
  }
}
.jd456n0 {
  display: flex;
  height: 52px;
  width: 100%;
  align-items: center;
  flex-shrink: 0;
  background: var(--background-primary);
  border-bottom: 1px solid var(--border-default);
  padding: 0 16px;
}
.jd456n1 {
  flex-grow: 1;
  min-width: 12px;
}
._1lr5npp1 {
  font-size: 20px;
  width: 1em;
  height: 1em;
  margin-right: 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--icon-secondary);
}
._1lr5npp2 {
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-primary);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1lr5npp0 [cmdk-root] {
  height: 100%;
}
._1lr5npp0 [cmdk-group-heading] {
  padding: 6px;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.67;
}
._1lr5npp0 [cmdk-group][hidden] {
  display: none;
}
._1lr5npp0 [cmdk-list] {
  max-height: 400px;
  min-height: 80px;
  overflow: auto;
  overscroll-behavior: contain;
  height: min(330px, calc(var(--cmdk-list-height) + 8px));
  margin: 4px 4px;
  scrollbar-gutter: stable;
  scroll-padding-block: 12px;
  scrollbar-width: thin;
  scrollbar-color: var(--icon-primary) transparent;
}
._1lr5npp0 [cmdk-list]:not([data-opening]) {
  transition: height .1s ease;
}
._1lr5npp0 [cmdk-list]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._1lr5npp0 [cmdk-list]::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-clip: padding-box;
}
._1lr5npp0 [cmdk-list]:hover::-webkit-scrollbar-thumb {
  background-color: var(--divider-default);
}
._1lr5npp0 [cmdk-list]:hover::-webkit-scrollbar-thumb:hover {
  background-color: var(--icon-primary);
}
._1lr5npp0 [cmdk-item] {
  display: flex;
  min-height: 30px;
  padding: 4px 12px;
  align-items: center;
  cursor: default;
  border-radius: 4px;
  user-select: none;
}
._1lr5npp0 [cmdk-item][data-selected=true] {
  background: var(--background-secondary);
}
._1lr5npp0 [cmdk-item][data-selected=true][data-is-danger=true] {
  background: var(--background-error);
  color: var(--status-error);
}
._1lr5npp0 [cmdk-item][data-selected=true] ._1lr5npp1 {
  color: var(--icon-primary);
}
._1lr5npp0 [cmdk-item][data-selected=true][data-is-danger=true] ._1lr5npp1 {
  color: var(--status-error);
}
._1lr5npp0 [cmdk-item][data-selected=true][data-is-danger=true] ._1lr5npp2 {
  color: var(--status-error);
}
._1lr5npp3 {
  height: 100%;
  display: flex;
  flex-direction: column;
}
._1lr5npp4 {
  display: flex;
  align-items: center;
  padding: 8px 12px 0;
  width: 100%;
}
._1lr5npp5 {
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  background-color: var(--background-secondary);
}
._1lr5npp6 {
  height: 40px;
  padding: 8px 12px;
  margin-bottom: 4px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--border-default);
  flex-shrink: 0;
}
._1lr5npp7 {
  padding-top: 8px;
  padding-bottom: 8px;
}
._1lr5npp8 {
  color: var(--text-primary);
  font-size: 15px;
  width: 100%;
}
._1lr5npp8::placeholder {
  color: var(--text-secondary);
}
._1lr5npp9 {
  display: flex;
  font-size: 12px;
  color: var(--text-secondary);
  min-width: 120px;
  flex-direction: row-reverse;
}
._1lr5nppa {
  display: flex;
  font-size: 12px;
  column-gap: 2px;
}
._1lr5nppb {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  border-radius: 4px;
  color: var(--text-secondary);
  background-color: var(--background-tertiary);
  min-width: 24px;
  height: 20px;
  text-transform: uppercase;
}
._1lr5nppc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
}
._1lr5nppd {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-align: justify;
}
._1lr5nppe {
  padding: 0px 8px 8px;
  font-size: 12px;
  color: var(--status-error);
}
._1n89x010 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._1n89x011 {
  display: inline-block;
  vertical-align: bottom;
  color: var(--interactive-primary);
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  max-width: 360px;
}
@keyframes b3am4p0 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.b3am4p1 {
  animation: b3am4p0 150ms ease-out;
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 16px;
  min-height: 400px;
}
.b3am4p2 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-default);
}
.b3am4p3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
}
.b3am4p4 {
  font-size: 13px;
  color: var(--text-secondary);
}
.b3am4p5 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}
.b3am4p6 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.b3am4p7 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
}
.b3am4p8 {
  background-color: var(--background-primary);
  border: 1px solid var(--border-default);
  border-radius: 8px;
  color: var(--text-primary);
  font-size: 14px;
  padding: 8px 12px;
  outline: none;
  transition: border-color 0.15s ease;
}
.b3am4p8:focus {
  border-color: var(--interactive-primary);
}
.b3am4p9 {
  background-color: var(--background-primary);
  border: 1px solid var(--border-default);
  border-radius: 8px;
  color: var(--text-primary);
  font-size: 14px;
  padding: 8px 12px;
  outline: none;
  font-family: inherit;
  resize: vertical;
  transition: border-color 0.15s ease;
}
.b3am4p9:focus {
  border-color: var(--interactive-primary);
}
.b3am4pa {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding-top: 12px;
  border-top: 1px solid var(--border-default);
}
.b3am4pb {
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all 0.15s ease;
}
.b3am4pc {
  background-color: var(--background-secondary);
  color: var(--text-primary);
}
.b3am4pc:hover {
  background-color: var(--background-hoverOverlay);
}
.b3am4pd {
  background-color: var(--interactive-primary);
  color: #fff;
}
.b3am4pd:hover {
  opacity: 0.9;
}
.b3am4pd:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@keyframes i4aw910 {
  from {
    opacity: 0;
    transform: translateY(-2%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes i4aw911 {
  to {
    opacity: 0;
    transform: translateY(-2%) scale(0.96);
  }
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.i4aw912 {
  position: fixed;
  inset: 0;
  background-color: transparent;
  z-index: 1000;
}
.i4aw913 {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 1000;
  padding: 13vh 16px 16px;
}
.i4aw915 {
  width: 640px;
  background-color: var(--background-overlay);
  box-shadow: var(--shadow-modal);
  border: 1px solid var(--border-default);
  border-radius: 12px;
  max-width: calc(100vw - 50px);
  min-width: 480px;
  outline: none;
  position: relative;
  z-index: 1000;
  will-change: transform, opacity;
}
.i4aw915[data-state=entered], .i4aw915[data-state=entering] {
  animation: i4aw910 var(--i4aw914) cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
.i4aw915[data-state=exited], .i4aw915[data-state=exiting] {
  animation: i4aw911 var(--i4aw914) cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
@media screen and (max-width: 520px) {
  .i4aw915 {
    min-width: auto;
  }
}
@keyframes _1p3gzdm0 {
  from {
    opacity: 0;
    transform: translateY(-2%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _1p3gzdm1 {
  to {
    opacity: 0;
    transform: translateY(-2%) scale(0.96);
  }
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._1p3gzdm3 {
  position: fixed;
  inset: 0;
  background-color: transparent;
  z-index: 1000;
}
._1p3gzdm4 {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 1000;
  padding: 13vh 16px 16px;
}
._1p3gzdm5 {
  width: 640px;
  background-color: var(--background-overlay);
  box-shadow: var(--shadow-modal);
  border: 1px solid var(--border-default);
  border-radius: 12px;
  max-width: calc(100vw - 50px);
  min-width: 480px;
  outline: none;
  position: relative;
  z-index: 1000;
  will-change: transform, opacity;
}
._1p3gzdm5[data-state=entered], ._1p3gzdm5[data-state=entering] {
  animation: _1p3gzdm0 var(--_1p3gzdm2) cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
._1p3gzdm5[data-state=exited], ._1p3gzdm5[data-state=exiting] {
  animation: _1p3gzdm1 var(--_1p3gzdm2) cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
._1p3gzdm6 {
  height: 40px;
  padding: 8px 12px;
  margin-bottom: 4px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--border-default);
  flex-shrink: 0;
}
._1p3gzdm7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  cursor: pointer;
  color: var(--text-secondary);
  border-radius: 4px;
}
._1p3gzdm7:hover {
  color: var(--text-primary);
  background: var(--background-hoverOverlay);
}
._1p3gzdm8 {
  color: var(--text-primary);
  font-size: 15px;
  width: 100%;
}
._1p3gzdm8::placeholder {
  color: var(--text-secondary);
}
._1p3gzdm9 {
  max-height: 400px;
  min-height: 80px;
  overflow: auto;
  overscroll-behavior: contain;
  margin: 4px;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: var(--icon-primary) transparent;
}
._1p3gzdma [cmdk-group-heading] {
  padding: 6px;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.67;
}
._1p3gzdmb {
  display: flex;
  min-height: 30px;
  padding: 4px 12px;
  align-items: center;
  cursor: default;
  border-radius: 4px;
  user-select: none;
}
._1p3gzdmb[data-selected="true"] {
  background: var(--background-hoverOverlay);
}
._1p3gzdmb:hover:not([data-disabled="true"]) {
  background: var(--background-hoverOverlay);
}
._1p3gzdmb[data-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}
._1p3gzdmc {
  font-size: 20px;
  width: 1em;
  height: 1em;
  margin-right: 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--icon-secondary);
}
._1p3gzdmb[data-selected=true] ._1p3gzdmc {
  color: var(--icon-primary);
}
._1p3gzdmd {
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-primary);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1p3gzdme {
  color: var(--text-link);
  font-weight: 600;
}
._1p3gzdmf {
  display: flex;
  font-size: 12px;
  column-gap: 2px;
}
._1p3gzdmg {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  border-radius: 4px;
  color: var(--text-secondary);
  background-color: var(--background-tertiary);
  min-width: 24px;
  height: 20px;
  text-transform: uppercase;
}
._1p3gzdmh {
  padding: 16px 12px;
  text-align: center;
  color: var(--text-secondary);
  font-size: 15px;
}
@media screen and (max-width: 520px) {
  ._1p3gzdm5 {
    min-width: auto;
  }
}
._1839eqp0 {
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: 320px;
  max-height: 480px;
  background-color: var(--background-primary);
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--background-hoverOverlay);
  display: flex;
  flex-direction: column;
  z-index: 9999;
}
._1839eqp1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid var(--background-hoverOverlay);
  user-select: none;
}
._1839eqp2 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}
._1839eqp3 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._1839eqp4 {
  padding: 8px 12px;
  border-bottom: 1px solid var(--background-hoverOverlay);
}
._1839eqp5 {
  width: 100%;
  padding: 6px 8px;
  font-size: 12px;
  border-radius: 6px;
  border: 1px solid var(--background-hoverOverlay);
  background-color: var(--background-secondary);
  color: var(--text-primary);
  outline: none;
  transition: border-color 0.2s;
}
._1839eqp5:focus {
  border-color: var(--interactive-primary);
}
._1839eqp5::placeholder {
  color: var(--text-tertiary);
}
._1839eqp6 {
  flex: 1;
  overflow: auto;
  padding: 4px;
}
._1839eqp7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.15s;
}
._1839eqp7:hover {
  background-color: var(--background-hoverOverlay);
}
._1839eqp8 {
  font-size: 12px;
  font-family: var(--font-mono-family);
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  margin-right: 8px;
}
._1839eqp9 {
  color: var(--text-tertiary);
}
._1839eqpa {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px;
  border-top: 1px solid var(--background-hoverOverlay);
  font-size: 11px;
  color: var(--text-tertiary);
}
._1839eqpb {
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 500;
  color: var(--text-link);
  background-color: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s;
}
._1839eqpb:hover {
  background-color: var(--background-hoverOverlay);
}
._1by0rsc0 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1by0rsc1 {
  width: 100%;
  max-width: 400px;
  padding: 4px 8px;
  font-size: 14px;
  color: var(--text-primary);
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
._1by0rsc1:focus {
  border-color: var(--interactive-primary);
}
._1by0rsc2 {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.5;
  padding: 4px 0;
}
._1by0rsc2 code {
  font-family: var(--font-mono-family);
  font-size: 12px;
  padding: 1px 4px;
  border-radius: 2px;
  background-color: var(--background-tertiary);
}
._1mks4o90 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  max-width: 600px;
}
._1mks4o91 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._1mks4o92 {
  flex: 1;
}
._1mks4o93 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid var(--border-default);
}
._1mks4o94 {
  flex: 1;
}
._12l0dp50 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._12l0dp51 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._12l0dp52 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  color: var(--text-secondary);
  cursor: pointer;
  white-space: nowrap;
}
._12l0dp53 {
  font-size: 12px;
  color: var(--status-error);
}
.rnh9k10 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  max-width: 600px;
}
.rnh9k11 {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 4px;
  align-items: center;
}
.rnh9k12 {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 4px;
  align-items: center;
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid var(--border-default);
}
.wiz5kp0 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  max-width: 600px;
}
.wiz5kp1 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wiz5kp2 {
  flex: 1;
}
.wiz5kp3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid var(--border-default);
}
.wiz5kp4 {
  flex: 1;
}
._1ojf57u0 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1ojf57u1 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._1ojf57u2 {
  font-size: 14px;
  color: var(--text-primary);
  font-family: var(--font-mono-family);
}
.wk63sl0 {
  width: 100%;
  max-width: 600px;
  padding: 8px;
  font-family: var(--font-mono-family);
  font-size: 14px;
  color: var(--text-primary);
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
  border-radius: 4px;
  resize: vertical;
  outline: none;
}
.wk63sl0:focus {
  border-color: var(--interactive-primary);
}
.n8olvk0 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.n8olvk1 {
  font-family: var(--font-mono-family);
  font-size: 12px;
  color: var(--text-secondary);
  background-color: var(--background-secondary);
  border: 1px solid var(--border-default);
  border-radius: 4px;
  padding: 8px;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 240px;
  overflow: auto;
}
.i5vfcm1 {
  width: 100%;
  height: 100%;
  background: var(--background-primary);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.i5vfcm2 {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.i5vfcm3 {
  flex-direction: row;
}
.i5vfcm4 {
  flex-direction: column;
}
.i5vfcm5 {
  overflow: hidden;
  position: relative;
}
.i5vfcm6 {
  flex-basis: var(--i5vfcm0);
  flex-grow: 0;
  flex-shrink: 0;
}
.i5vfcm7 {
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.i5vfcm8 {
  position: relative;
  flex-shrink: 0;
  z-index: 10;
}
.i5vfcm8[data-direction="row"] {
  width: 6px;
  cursor: col-resize;
}
.i5vfcm8[data-direction="column"] {
  height: 6px;
  cursor: row-resize;
}
.i5vfcm9 {
  position: absolute;
  background: transparent;
  transition: background 0.2s;
}
[data-direction="row"] .i5vfcm9 {
  width: 2px;
  height: 100%;
  left: 2px;
}
[data-direction="column"] .i5vfcm9 {
  height: 2px;
  width: 100%;
  top: 2px;
}
[data-resizing="true"] .i5vfcm9, .i5vfcm9:hover {
  background: var(--interactive-primary);
}
.i5vfcma {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--background-primary);
  border-radius: 4px;
}
.i5vfcmb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--border-default);
  background: var(--background-secondary);
  cursor: grab;
  user-select: none;
  position: relative;
  z-index: 200;
}
.i5vfcmb:active {
  cursor: grabbing;
}
.i5vfcmc {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.i5vfcmd {
  display: flex;
  gap: 4px;
}
.i5vfcme {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--icon-primary);
}
.i5vfcme:hover {
  background: var(--background-hoverOverlay);
}
.i5vfcmf {
  flex: 1;
  overflow: auto;
}
.i5vfcmg {
  outline: 2px solid;
  outline-color: var(--interactive-primary);
  outline-offset: -2px;
}
.i5vfcmh {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--text-secondary);
  font-size: 14px;
}
.i5vfcmi {
  position: absolute;
  z-index: 150;
  pointer-events: all;
}
.i5vfcmi[data-position="top"] {
  top: 0;
  left: 0;
  right: 0;
  height: max(40%, 60px);
}
.i5vfcmi[data-position="bottom"] {
  bottom: 0;
  left: 0;
  right: 0;
  height: max(40%, 60px);
}
.i5vfcmi[data-position="left"] {
  left: 0;
  top: 0;
  bottom: 0;
  width: max(40%, 60px);
}
.i5vfcmi[data-position="right"] {
  right: 0;
  top: 0;
  bottom: 0;
  width: max(40%, 60px);
}
.i5vfcmj {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.i5vfcmk {
  position: absolute;
  background: var(--interactive-primary);
  pointer-events: none;
  z-index: 200;
  opacity: 0.25;
}
.i5vfcmk[data-edge="top"] {
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
}
.i5vfcmk[data-edge="bottom"] {
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
}
.i5vfcmk[data-edge="left"] {
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
}
.i5vfcmk[data-edge="right"] {
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
}
.i5vfcml {
  position: absolute;
  pointer-events: all;
  z-index: 50;
}
.i5vfcml[data-position="top"] {
  top: 8px;
  left: 8px;
  right: 8px;
  height: 15%;
}
.i5vfcml[data-position="bottom"] {
  bottom: 8px;
  left: 8px;
  right: 8px;
  height: 15%;
}
.i5vfcml[data-position="left"] {
  left: 8px;
  top: 8px;
  bottom: 8px;
  width: 15%;
}
.i5vfcml[data-position="right"] {
  right: 8px;
  top: 8px;
  bottom: 8px;
  width: 15%;
}
.i5vfcmm {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1000;
}
.i5vfcmn {
  opacity: 0.5;
}
/**
 * Comprehensive CSS imports for the Lexical Editor
 * This file consolidates all CSS dependencies for the editor module
 */



._6qkeak0 {
  background: var(--background-overlay);
  box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  position: relative;
}
._6qkeak1 {
  padding: 0;
  list-style: none;
  margin: 0;
  border-radius: 8px;
  max-height: 200px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
._6qkeak1::-webkit-scrollbar {
  display: none;
}
._6qkeak2 {
  margin: 0;
  min-width: 180px;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  border-radius: 8px;
}
._6qkeak3 {
  background: var(--background-hoverOverlay);
}
._6qkeak4 {
  margin: 0 8px 0 8px;
  padding: 8px;
  color: var(--text-primary);
  cursor: pointer;
  line-height: 16px;
  font-size: 15px;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-shrink: 0;
  background: var(--background-primary);
  border-radius: 8px;
  border: 0;
  transition: background 0.2s;
}
._6qkeak4:first-child {
  border-radius: 8px 8px 0 0;
}
._6qkeak4:last-child {
  border-radius: 0 0 8px 8px;
}
._6qkeak4:hover {
  background: var(--background-hoverOverlay);
}
._6qkeak5 {
  display: flex;
  line-height: 20px;
  flex-grow: 1;
  min-width: 150px;
}
._6qkeak6 {
  display: flex;
  width: 20px;
  height: 20px;
  user-select: none;
  margin-right: 8px;
  flex-shrink: 0;
}
._6qkeak7 {
  width: 200px;
}
._6qkeak8 {
  width: 250px;
}
._6qkeak9 {
  width: 150px;
}
._6qkeaka {
  width: 200px;
}
._6qkeakb {
  z-index: 100;
  display: block;
  position: fixed;
  box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  min-height: 40px;
  background: var(--background-primary);
}
._6qkeakc {
  margin: 0 8px 0 8px;
  padding: 8px;
  color: var(--text-primary);
  cursor: pointer;
  line-height: 16px;
  font-size: 15px;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  background: var(--background-primary);
  border-radius: 8px;
  border: 0;
  max-width: 264px;
  min-width: 100px;
}
._6qkeakc:first-child {
  margin-top: 8px;
}
._6qkeakc:last-child {
  margin-bottom: 8px;
}
._6qkeakc:hover {
  background: var(--background-hoverOverlay);
}
._6qkeakd {
  align-items: center;
  width: 260px;
}
._6qkeake {
  display: flex;
}
._6qkeakf {
  display: flex;
  line-height: 20px;
  flex-grow: 1;
  min-width: 150px;
}
._6qkeakg {
  min-width: 120px;
}
._6qkeakh {
  display: flex;
  width: 20px;
  height: 20px;
  user-select: none;
  margin-right: 12px;
  flex-shrink: 0;
}
._6qkeaki {
  color: var(--text-secondary);
  align-self: flex-end;
}
._6qkeakj {
  width: auto;
  background: var(--border-default);
  margin: 4px 8px;
  height: 1px;
}
._6qkeakk:focus {
  box-shadow: var(--border-focus) 0px 0px 0px 2px;
  outline: none;
}
._6qkeakl {
  color: var(--text-secondary);
  font-size: var(--legacy-fontXs);
  text-align: right;
  display: block;
  position: absolute;
  left: 12px;
  bottom: 5px;
}
._6qkeakm {
  color: var(--status-error);
}
._6qkeakn {
  color: transparent;
  caret-color: var(--text-primary);
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 0 -1px;
}
._6qkeako {
  padding: 0 0.15em;
}
._6qkeako::selection {
  color: transparent;
  background-color: rgba(150, 150, 150, 0.4);
}
._6qkeako::moz-selection {
  color: transparent;
  background-color: rgba(150, 150, 150, 0.4);
}
._6qkeakp {
  color: var(--status-error);
  font-weight: 600;
}
._6qkeakq {
  z-index: 6;
  position: fixed;
  left: 10px;
  bottom: 70px;
  animation: slide-in 0.4s ease;
}
._6qkeakr {
  display: block;
  color: var(--text-primary);
  margin: 5px 0;
  background: var(--background-secondary);
  padding: 4px 8px;
  border-radius: 12px;
}
._6qkeaks {
  margin-right: 4px;
  line-height: 14px;
  width: 100px;
  font-size: var(--legacy-fontXs);
  display: inline-block;
  vertical-align: middle;
}
._6qkeakt {
  background: var(--border-default);
  height: 24px;
  box-sizing: border-box;
  border-radius: 12px;
  width: 44px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  outline: none;
  cursor: pointer;
  transition: background-color 0.1s;
  border: 2px solid transparent;
}
._6qkeakt:focus-visible {
  border-color: var(--border-focus);
}
._6qkeakt[aria-checked="true"] {
  background: var(--interactive-primary);
}
._6qkeaku {
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 12px;
  background: var(--background-primary);
  transition: transform 0.2s;
}
._6qkeakv {
  transform: translateX(20px);
}
._6qkeakw {
  width: 18px;
  height: 18px;
  color: var(--icon-primary);
  opacity: 0.6;
  transition: opacity 0.2s;
}
._6qkeakw:hover {
  opacity: 1;
}
._6qkeakx {
  opacity: 1;
}
._6qkeaky {
  opacity: 0.2;
  color: var(--icon-secondary);
}
._1v5mg0b0 {
  font-weight: bold;
  font-size: 14px;
  color: var(--text-secondary);
  border-radius: 4px;
  border-color: var(--border-default);
  height: 15px;
  padding: 2px 4px;
  text-align: center;
  width: 20px;
  align-self: center;
}
._1v5mg0b0:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
._1v5mg0b1 {
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2718%27%20height%3D%2718%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2010%2017%27%3E%20%20%20%20%3Cpath%20fill%3D%27%27%20d%3D%27M10%207H6V3H4v4H0v2h4v4h2V9h4z%27%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center;
}
._1v5mg0b2 {
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2718%27%20height%3D%2718%27%20version%3D%271.2%27%20baseProfile%3D%27tiny%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%208%2017%27%3E%20%20%20%20%3Cpath%20d%3D%27M0%207h8v2H0z%27%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center;
}
._1v5mg0b3 {
  padding: 0;
  margin-right: 3px;
}
._1v5mg0b4 {
  padding: 0;
  margin-left: 3px;
}