:root {
  --background-gray-login: #f8f8f7;
  --background-gray-mobile: #f5f5f5;
  --background-selection: #b8d3f8;
  --background-tool-used: linear-gradient(176deg, #fff0 5.88%, #fff9 51.28%, #fff0 94.95%);
  --background-drag-overlay: #ffffff80;
  --background-thinking: linear-gradient(90deg, var(--text-primary) 0%, #d9d8d8 50.48%, var(--text-primary) 99.04%);
  --background-app-banner: linear-gradient(180deg, #f7f7f7 0%, #ececec 100%);
  --background-share-header: linear-gradient(0deg, #f8f8f700 0%, #f8f8f7 45.05%);
  --background-chat-with-image-toolbar: #f8f8f71f;
  --background-text-edit-panel: linear-gradient(180deg, #fff0 0%, var(--background-menu-white) 100%);
  --background-tool-used-image-loading: #000;
  --background-canvas-bg: #f0f0ef;
  --background-code-bg: #f0f0ef;
  --background-promotion: linear-gradient(90deg, #edf7ff 0%, #e9f6fd 100%);
  --border-menu-arrow: #0000000f;
}
@keyframes breathe {
  0%,
  to {
    opacity: 0;
  }
  50% {
    opacity: 0.05;
  }
}
.dark {
  --background-gray-login: #050505;
  --background-gray-mobile: #171718;
  --background-selection: #6580a5;
  --background-tool-used: linear-gradient(176deg, #28282800 5.88%, #ffffff14 51.28%, #28282800 94.95%);
  --background-drag-overlay: #00000080;
  --background-thinking: linear-gradient(90deg, var(--text-primary) 0%, #d9d8d8 50.48%, var(--text-primary) 99.04%);
  --background-app-banner: linear-gradient(180deg, #f7f7f7 0%, #ececec 100%);
  --background-share-header: linear-gradient(var(--background-gray-main) 0%, var(--background-gray-main) 45.05%);
  --background-chat-with-image-toolbar: #1717171f;
  --background-text-edit-panel: linear-gradient(180deg, #0000 0%, var(--background-menu-white) 100%);
  --background-tool-used-image-loading: #fff;
  --background-canvas-bg: #1c1c1c;
  --background-code-bg: #1c1c1c;
  --background-promotion: linear-gradient(90deg, #183359 0%, #1b415a 100%);
  --border-menu-arrow: #ffffff24;
}
:root {
  --text-primary: #34322d;
  --text-secondary: #5e5e5b;
  --text-tertiary: #858481;
  --text-disable: #b9b9b7;
  --text-blue: #0081f2;
  --text-onblack: #fff;
  --text-white: #fff;
  --text-white-tsp: #fff9;
  --theme-text-primary: #262626;
  --text-quaternary: #8c8c8c;
  --logo-color: #34322d;
  --text-shining: #e5e5e5;
  --text-blue-dark: #005fb3;
  --background-gray-main: #f8f8f7;
  --background-gray-secondary: #f3f3f3;
  --background-menu-white: #fff;
  --background-menu-gray: #f8f8f7;
  --background-tsp-menu-white: #ffffff14;
  --background-tsp-card-gray: #37352f0a;
  --background-nav: #f0f0f0;
  --background-card: #fafafa;
  --background-mask-black: #000000a6;
  --background-mask-white: #ffffffa6;
  --background-card-gray: #fafafa;
  --background-preview-mask: #000000d9;
  --background-dialog-mask: #0000004d;
  --border-main: #0000000f;
  --border-blue: #0081f247;
  --border-white: #fff3;
  --border-input-active: #0000004d;
  --border-light: #0000000a;
  --border-dark: #00000024;
  --border-primary: #4f59661f;
  --icon-primary: #34322d;
  --icon-secondary: #5e5e5b;
  --icon-tertiary: #858481;
  --icon-disable: #b9b9b7;
  --icon-blue: #0081f2;
  --icon-onblack: #fff;
  --icon-white: #fff;
  --icon-white-tsp: #ffffff60;
  --function-error: #f25a5a;
  --function-success: #25ba3b;
  --function-warning: #efa201;
  --function-error-tsp: #f25a5a14;
  --function-warning-tsp: #efa2011f;
  --function-success-tsp: #25ba3b14;
  --fill-blue: #0081f214;
  --fill-tsp-white-main: #37352f0f;
  --fill-tsp-white-dark: #37352f14;
  --fill-tsp-white-light: #37352f0a;
  --fill-tsp-gray-dark: #37352f14;
  --fill-tsp-gray-main: #37352f0a;
  --fill-tsp-gray-light: #37352f05;
  --fill-white: #fff;
  --fill-white-primary: #fff;
  --fill-black: #28282973;
  --fill-gray: #f8f8f7;
  --fill-overlay-white: #ffffff59;
  --fill-overlay-white-border: #fff3;
  --Button-black: #1a1a19;
  --Button-white: #fff;
  --Button-blue: #0081f2;
  --Button-blue-disabled: #7cbdf5;
  --Button-secondary-blue: #0081f21a;
  --Button-border-error: #f25a5a80;
  --Button-border-secondary: #0000001f;
  --tab-fill: #0000000a;
  --tab-active-black: #1a1a19;
  --tab-active-white: #ffffffd9;
  --shadow-L: #0000003d;
  --shadow-M: #0000000f;
  --shadow-S: #0000000a;
  --shadow-XS: #00000005;
  --shadow-Highlight: #0000;
  --shadows-inner-0: #fff0;
  --shadows-inner-1: #16191d14;
  --shadows-inner-2: #16191d1f;
  --shadows-drop-1: #16191d08;
  --shadows-drop-2: #16191d0a;
  --shadows-drop-3: #16191d14;
  --shadows-drop-4: #16191d1f;
  --shadows-highlight-1: #cce5ff;
  --shadows-highlight-2: #1487fa;
  --shadows-danger-1: #fed7d7;
  --shadows-danger-2: #ee3a3a;
  --shadows-card-border: #16191d1f;
  --shadows-card-border-2: #16191d1f;
  --background-menu-tooltips: #000000e6;
  --gradual-white-0: #fff0;
  --gradual-gray-100: #fff0;
  --gradual-gray-0: #fff0;
  --gradual-dark-20: #0003;
  --gradient-bg-mask-gray-0: #eaeaeb00;
  --gradient-input-solid: #ececeb;
  --gradual-white-menu-0: #fff0;
}
.dark {
  --text-primary: #dadada;
  --text-secondary: #acacac;
  --text-tertiary: #7f7f7f;
  --text-disable: #5f5f5f;
  --text-blue: #1a93fe;
  --text-onblack: #000000e5;
  --text-white: #fff;
  --text-white-tsp: #fff9;
  --theme-text-primary: #dbdbdb;
  --text-quaternary: #7a7a7a;
  --logo-color: #dadada;
  --text-shining: #474747;
  --text-blue-dark: #489ce6;
  --background-gray-main: #1a1a1a;
  --background-gray-secondary: #313131;
  --background-menu-white: #242424;
  --background-menu-gray: #1a1a1a;
  --background-tsp-menu-white: #ffffff0f;
  --background-tsp-card-gray: #ffffff0f;
  --background-nav: #1f1f1f;
  --background-card: #1c1c1c;
  --background-mask-black: #00000073;
  --background-mask-white: #3f3f3f52;
  --background-card-gray: #1c1c1c;
  --background-preview-mask: #000000d9;
  --background-dialog-mask: #0009;
  --border-main: #ffffff0f;
  --border-white: #00000014;
  --border-input-active: #ffffff52;
  --border-light: #ffffff08;
  --border-dark: #ffffff1f;
  --border-primary: #56565f52;
  --border-blue: #1a93fe47;
  --icon-primary: #dadada;
  --icon-secondary: #acacac;
  --icon-tertiary: #7f7f7f;
  --icon-disable: #5f5f5f;
  --icon-blue: #1a93fe;
  --icon-onblack: #000000d9;
  --icon-white: #fff;
  --icon-white-tsp: #ffffff60;
  --function-error: #eb4d4d;
  --function-success: #5eb92d;
  --function-warning: #ffbf36;
  --function-error-tsp: #eb4d4d1f;
  --function-warning-tsp: #ffbf361f;
  --function-success-tsp: #5eb92d1f;
  --fill-blue: #1a93fe1f;
  --fill-tsp-white-main: #ffffff0f;
  --fill-tsp-white-dark: #ffffff14;
  --fill-tsp-white-light: #ffffff0a;
  --fill-tsp-gray-dark: #0000004d;
  --fill-tsp-gray-main: #0003;
  --fill-tsp-gray-light: #0000001f;
  --fill-white: #242424;
  --fill-white-primary: #404040;
  --fill-black: #28282973;
  --fill-gray: #1c1c1c;
  --fill-overlay-white: #ffffff14;
  --fill-overlay-white-border: #ffffff14;
  --Button-black: #fffffff2;
  --Button-white: #ffffff14;
  --Button-blue: #1a93fe;
  --Button-blue-disabled: #215d93;
  --Button-secondary-blue: #1a93fe1f;
  --Button-border-error: #eb4d4d29;
  --Button-border-secondary: #ffffff1f;
  --tab-fill: #ffffff0a;
  --tab-active-black: #fff;
  --tab-active-white: #ffffff14;
  --shadow-L: #0006;
  --shadow-M: #00000047;
  --shadow-S: #00000029;
  --shadow-XS: #00000014;
  --shadow-Highlight: #ffffff24;
  --shadows-inner-0: #ffffff1f;
  --shadows-inner-1: #ffffff14;
  --shadows-inner-2: #ffffff1f;
  --shadows-drop-1: #0000001f;
  --shadows-drop-2: #0003;
  --shadows-drop-3: #00000047;
  --shadows-drop-4: #0000005c;
  --shadows-highlight-1: #1b61a6;
  --shadows-highlight-2: #1487fa;
  --shadows-danger-1: #8f1919;
  --shadows-danger-2: #ee3a3a;
  --shadows-card-border: #ffffff1f;
  --shadows-card-border-2: #fff0;
  --background-menu-tooltips: #000000e6;
  --gradual-white-0: #1a1a1a00;
  --gradual-gray-100: #1c1c1c;
  --gradual-gray-0: #1c1c1c00;
  --gradual-dark-20: #fff3;
  --gradient-bg-mask-gray-0: #1f1f1f00;
  --gradient-input-solid: #232323;
  --gradual-white-menu-0: #1f1f1f00;
}