/* [project]/web/src/pages/orange/_styles/figma-theme.module.scss.module.css [client] (css) */
.figma-theme-module-scss-module__b8vFkG__dark, .figma-theme-module-scss-module__b8vFkG__light {
  --f-primary: var(--f-primary-style-1);
  --f-primary-hover: var(--f-primary-style-2);
  --f-primary-active: var(--f-primary-style-2);
  --f-text: #000;
  --f-bg-base: var(--f-secondary-style-8);
  --f-bg-container: var(--f-secondary-style-7);
  --f-text-secondary: var(--f-secondary-style-4);
  --f-bg-elevated: var(--f-secondary-style-6);
  --f-text-tertiary: #bbb8c5bf;
  --f-text-quaternary: #bbb8c599;
  --f-bg-mask: #000000db;
  --f-border: #23fff299;
  --f-secondary: var(--f-primary-style-6);
  --f-other-1: #fff;
  --f-other-2: #fff;
  --f-other-3: #fff;
  --f-other-4: #fff;
  --f-other-5: #fff;
  --f-other-6: #fff;
  --f-other-7: #fff;
  --f-other-8: #fff;
  --f-other-9: #fff;
  --f-other-10: #fff;
  --f-secondary-hover: var(--f-primary-style-5);
  --f-secondary-active: var(--f-primary-style-5);
  --f-bg-layout: var(--f-secondary-style-5);
  --f-text-disabled: var(--f-secondary-style-4);
  --f-bg-hover: var(--f-secondary-style-4);
  --f-bg-active: var(--f-secondary-style-4);
  --f-text-invert: var(--f-secondary-style-1);
  --f-bg-disabled: var(--f-secondary-style-5);
  --f-success-bg: var(--f-green-1);
  --f-success-bg-hover: var(--f-green-2);
  --f-success-border: var(--f-green-3);
  --f-success-border-hover: var(--f-green-4);
  --f-success: var(--f-green-5);
  --f-success-hover: var(--f-green-6);
  --f-success-active: var(--f-green-7);
  --f-warning-bg: var(--f-yellow-1);
  --f-warning-bg-hover: var(--f-yellow-2);
  --f-warning-border: var(--f-yellow-3);
  --f-warning-border-hover: var(--f-yellow-4);
  --f-warning: var(--f-yellow-5);
  --f-warning-hover: var(--f-yellow-6);
  --f-warning-active: var(--f-yellow-7);
  --f-error-bg: var(--f-red-1);
  --f-primary-style-1: #23fff2;
  --f-secondary-style-1: #fff;
  --f-secondary-style-2: #f4f5f9;
  --f-secondary-style-3: #bbb8c5;
  --f-secondary-style-4: #72737e;
  --f-secondary-style-5: #3f3f4b;
  --f-secondary-style-6: #29282e;
  --f-secondary-style-7: #1c1c1f;
  --f-secondary-style-8: #000;
  --f-blue-1: #1f86ff1a;
  --f-blue-2: #1f86ff40;
  --f-blue-3: #1f86ff73;
  --f-blue-4: #1f86ffa6;
  --f-blue-5: #1f86ff;
  --f-blue-6: #107eff;
  --f-blue-7: #0071f7;
  --f-primary-style-2: #a7fffa;
  --f-primary-style-3: #19b3a9;
  --f-primary-style-4: #2dffb5;
  --f-primary-style-5: #ba8fff;
  --f-primary-style-6: #723cff;
  --f-primary-style-7: #3b3753;
  --f-primary-style-8: #171711;
  --f-green-1: #52c41a1a;
  --f-green-2: #52c41a40;
  --f-green-3: #52c41a73;
  --f-green-4: #52c41aa6;
  --f-green-5: #52c41a;
  --f-green-6: #3fb804;
  --f-green-7: #44aa12;
  --f-yellow-1: #ffb7001a;
  --f-error-bg-hover: var(--f-red-2);
  --f-yellow-2: #ffb70040;
  --f-error-border: var(--f-red-3);
  --f-yellow-3: #ffb70073;
  --f-error-border-hover: var(--f-red-4);
  --f-error: var(--f-red-5);
  --f-yellow-4: #ffb700a6;
  --f-yellow-5: #ffb700;
  --f-error-hover: var(--f-red-6);
  --f-yellow-6: #eeac00;
  --f-yellow-7: #f7a300;
  --f-orange-1: #ff8d241a;
  --f-orange-2: #ff8d2440;
  --f-orange-3: #ff8d2473;
  --f-orange-4: #ff8d24a6;
  --f-orange-5: #ff8d24;
  --f-orange-6: #ff8d24;
  --f-orange-7: #f77803;
  --f-red-1: #ff4f511a;
  --f-red-2: #ff4f5140;
  --f-red-3: #ff4f5173;
  --f-red-4: #ff4f51a6;
  --f-red-5: #ff4f51;
  --f-red-6: #f5222d;
  --f-red-7: #cf1322;
  --f-border-hover: var(--f-primary-style-1);
  --f-border-active: var(--f-primary-style-1);
  --f-text-invert-secondary: var(--f-secondary-style-3);
  --f-border-secondary: #ffffff1f;
  --f-error-active: var(--f-red-7);
}

/* [project]/web/src/pages/orange/_styles/theme.module.scss.module.css [client] (css) */
.theme-module-scss-module__LA-QAq__theme {
  --one-ui-color-primary: 35 255 242;
  --one-ui-color-primary-hover: 167 255 250;
  --one-ui-color-secondary: 26 35 78;
  --one-ui-color-secondary-hover: 26 35 78;
  --one-ui-color-fatal: 124 130 255;
  --one-ui-color-text-primary: 238 236 244;
  --one-ui-color-text-secondary: 190 186 202;
  --one-ui-color-text-tertiary: 190 186 202;
  --one-ui-color-text-placeholder: 190 186 202;
  --one-ui-color-text-disabled: 190 186 202;
  --one-ui-color-text-inverse: 255 255 255;
  --one-ui-color-text-link: 35 255 242;
  --one-ui-color-bg-primary: 0 0 0;
  --one-ui-color-bg-disabled: 61 54 78;
  --one-ui-color-border-primary: 88 75 138;
  --one-ui-rounded-primary: 4px;
  --ux-primary: 35 255 242;
  --ux-primary-hover: 167 255 250;
  --ux-secondary: 26 35 78;
  --ux-secondary-hover: 26 35 78;
  --ux-display: 238 236 244;
  --ux-display-secondary: 190 186 202;
  --ux-display-tertiary: 190 186 202;
  --ux-display-inverse: 255 255 255;
  --ux-color-border: 88 75 138;
  --ux-color-border-2: 88 75 138;
  --ux-color-bg-default: 0 0 0;
  --ux-color-bg-secondary: 26 35 78;
  --ux-color-bg-tertiary: 61 54 78;
}

.theme-module-scss-module__LA-QAq__theme input:-webkit-autofill {
  --tw-text-opacity: 1;
  color: rgb(var(--ux-display) / var(--tw-text-opacity, 1));
}

.theme-module-scss-module__LA-QAq__theme input:-webkit-autofill:focus {
  --tw-text-opacity: 1;
  color: rgb(var(--ux-display) / var(--tw-text-opacity, 1));
}

/* [project]/web/src/pages/orange/_layout/index.module.scss.module.css [client] (css) */
.index-module-scss-module__FE-ZNa__layout .scrollbar {
  scrollbar-width: auto;
  scrollbar-color: #94a2ae;
}

.index-module-scss-module__FE-ZNa__layout .scrollbar::-webkit-scrollbar {
  width: 6px;
}

.index-module-scss-module__FE-ZNa__layout .scrollbar::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 5px;
}

.index-module-scss-module__FE-ZNa__layout .scrollbar::-webkit-scrollbar-thumb {
  background-color: #55527280;
  border-radius: 14px;
}

.index-module-scss-module__FE-ZNa__layout .beautify-scroll::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}

.index-module-scss-module__FE-ZNa__layout .beautify-scroll::-webkit-scrollbar-thumb {
  background: #ffffff1a;
  border-radius: 5px;
  box-shadow: inset 0 0 5px #ffffff1a;
}

.index-module-scss-module__FE-ZNa__layout .beautify-scroll::-webkit-scrollbar-track {
  background: none;
  border-radius: 0;
}