mirror of
https://github.com/n8n-io/n8n.git
synced 2026-10-22 12:31:57 +02:00
14184 lines
389 KiB
CSS
14184 lines
389 KiB
CSS
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
@layer properties {
|
|
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
|
|
((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
*,
|
|
:before,
|
|
:after,
|
|
::backdrop {
|
|
--tw-rotate-x: initial;
|
|
--tw-rotate-y: initial;
|
|
--tw-rotate-z: initial;
|
|
--tw-skew-x: initial;
|
|
--tw-skew-y: initial;
|
|
--tw-border-style: solid;
|
|
--tw-font-weight: initial;
|
|
--tw-ordinal: initial;
|
|
--tw-slashed-zero: initial;
|
|
--tw-numeric-figure: initial;
|
|
--tw-numeric-spacing: initial;
|
|
--tw-numeric-fraction: initial;
|
|
--tw-outline-style: solid;
|
|
--tw-blur: initial;
|
|
--tw-brightness: initial;
|
|
--tw-contrast: initial;
|
|
--tw-grayscale: initial;
|
|
--tw-hue-rotate: initial;
|
|
--tw-invert: initial;
|
|
--tw-opacity: initial;
|
|
--tw-saturate: initial;
|
|
--tw-sepia: initial;
|
|
--tw-drop-shadow: initial;
|
|
--tw-drop-shadow-color: initial;
|
|
--tw-drop-shadow-alpha: 100%;
|
|
--tw-drop-shadow-size: initial;
|
|
--tw-backdrop-blur: initial;
|
|
--tw-backdrop-brightness: initial;
|
|
--tw-backdrop-contrast: initial;
|
|
--tw-backdrop-grayscale: initial;
|
|
--tw-backdrop-hue-rotate: initial;
|
|
--tw-backdrop-invert: initial;
|
|
--tw-backdrop-opacity: initial;
|
|
--tw-backdrop-saturate: initial;
|
|
--tw-backdrop-sepia: initial;
|
|
}
|
|
}
|
|
}
|
|
@layer theme {
|
|
:root,
|
|
:host {
|
|
--font-weight-normal: 400;
|
|
--font-weight-semibold: 600;
|
|
--default-transition-duration: 0.15s;
|
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
}
|
|
@layer base {
|
|
:root {
|
|
--color--pink-50: oklch(97.14% 0.0141 343.2);
|
|
--color--pink-100: oklch(94.82% 0.0276 342.26);
|
|
--color--pink-150: oklch(92.3% 0.0423 343.08);
|
|
--color--pink-200: oklch(89.85% 0.0615 343.45);
|
|
--color--pink-250: oklch(86.04% 0.0898 343.69);
|
|
--color--pink-300: oklch(82.25% 0.119 346.16);
|
|
--color--pink-400: oklch(71.76% 0.2017 349.7);
|
|
--color--pink-500: oklch(65.58% 0.2404 354.32);
|
|
--color--pink-600: oklch(59.79% 0.2417 1.37);
|
|
--color--pink-700: oklch(53.17% 0.2137 4.81);
|
|
--color--pink-800: oklch(46.07% 0.1853 4.1);
|
|
--color--pink-900: oklch(40.82% 0.1533 2.23);
|
|
--color--pink-950: oklch(28.41% 0.1089 3.59);
|
|
--color--white-alpha-50: oklch(100% 0 89.88/0.05);
|
|
--color--white-alpha-100: oklch(100% 0 89.88/0.1);
|
|
--color--white-alpha-150: oklch(100% 0 89.88/0.15);
|
|
--color--white-alpha-200: oklch(100% 0 89.88/0.2);
|
|
--color--white-alpha-250: oklch(100% 0 89.88/0.25);
|
|
--color--white-alpha-300: oklch(100% 0 89.88/0.3);
|
|
--color--white-alpha-400: oklch(100% 0 89.88/0.4);
|
|
--color--white-alpha-500: oklch(100% 0 89.88/0.5);
|
|
--color--white-alpha-600: oklch(100% 0 89.88/0.6);
|
|
--color--white-alpha-700: oklch(100% 0 89.88/0.7);
|
|
--color--white-alpha-800: oklch(100% 0 89.88/0.8);
|
|
--color--white-alpha-900: oklch(100% 0 89.88/0.9);
|
|
--color--white-alpha-950: oklch(100% 0 89.88/0.95);
|
|
--color--black-alpha-50: oklch(0% 0 0/0.05);
|
|
--color--black-alpha-100: oklch(0% 0 0/0.1);
|
|
--color--black-alpha-150: oklch(0% 0 0/0.15);
|
|
--color--black-alpha-200: oklch(0% 0 0/0.2);
|
|
--color--black-alpha-250: oklch(0% 0 0/0.25);
|
|
--color--black-alpha-300: oklch(0% 0 0/0.3);
|
|
--color--black-alpha-400: oklch(0% 0 0/0.4);
|
|
--color--black-alpha-500: oklch(0% 0 0/0.5);
|
|
--color--black-alpha-600: oklch(0% 0 0/0.6);
|
|
--color--black-alpha-700: oklch(0% 0 0/0.7);
|
|
--color--black-alpha-800: oklch(0% 0 0/0.8);
|
|
--color--black-alpha-900: oklch(0% 0 0/0.9);
|
|
--color--black-alpha-950: oklch(0% 0 0/0.95);
|
|
--color--neutral-white: oklch(100% 0 89.88);
|
|
--color--neutral-50: oklch(98.51% 0 89.88);
|
|
--color--neutral-100: oklch(97.02% 0 89.88);
|
|
--color--neutral-150: oklch(95.51% 0 89.88);
|
|
--color--neutral-200: oklch(92.19% 0 89.88);
|
|
--color--neutral-250: oklch(90.67% 0 89.88);
|
|
--color--neutral-300: oklch(88.53% 0 89.88);
|
|
--color--neutral-400: oklch(79.21% 0 89.88);
|
|
--color--neutral-500: oklch(68.3% 0 89.88);
|
|
--color--neutral-600: oklch(55.55% 0 89.88);
|
|
--color--neutral-700: oklch(38.67% 0 89.88);
|
|
--color--neutral-800: oklch(31.71% 0 89.88);
|
|
--color--neutral-900: oklch(26.86% 0 89.88);
|
|
--color--neutral-950: oklch(20.46% 0 89.88);
|
|
--color--neutral-black: oklch(0% 0 0);
|
|
--color--orange-50: oklch(97.96% 0.0158 73.68);
|
|
--color--orange-100: oklch(95.4% 0.0382 76.2);
|
|
--color--orange-150: oklch(95.4% 0.0382 76.2);
|
|
--color--orange-200: oklch(89.99% 0.0763 70.44);
|
|
--color--orange-250: oklch(89.99% 0.0763 70.44);
|
|
--color--orange-300: oklch(83.37% 0.1256 67.19);
|
|
--color--orange-400: oklch(74.58% 0.1802 56.73);
|
|
--color--orange-500: oklch(69.96% 0.202 44.44);
|
|
--color--orange-600: oklch(64.71% 0.2173 36.85);
|
|
--color--orange-700: oklch(55.42% 0.1922 35.48);
|
|
--color--orange-800: oklch(46.96% 0.1566 37.15);
|
|
--color--orange-900: oklch(40.73% 0.1228 38.02);
|
|
--color--orange-950: oklch(26.62% 0.0789 35.91);
|
|
--color--orange-alpha-100: oklch(69.96% 0.202 44.44/0.1);
|
|
--color--orange-alpha-150: oklch(69.96% 0.202 44.44/0.15);
|
|
--color--orange-alpha-200: oklch(69.96% 0.202 44.44/0.2);
|
|
--color--orange-alpha-300: oklch(69.96% 0.202 44.44/0.3);
|
|
--color--orange-alpha-400: oklch(69.96% 0.202 44.44/0.4);
|
|
--color--orange-alpha-500: oklch(69.96% 0.202 44.44/0.5);
|
|
--color--orange-alpha-600: oklch(69.96% 0.202 44.44/0.6);
|
|
--color--orange-alpha-700: oklch(69.96% 0.202 44.44/0.7);
|
|
--color--orange-alpha-800: oklch(69.96% 0.202 44.44/0.8);
|
|
--color--orange-alpha-900: oklch(69.96% 0.202 44.44/0.9);
|
|
--color--orange-alpha-950: oklch(69.96% 0.202 44.44/0.95);
|
|
--color--green-50: oklch(98.19% 0.0181 155.83);
|
|
--color--green-100: oklch(96.24% 0.0434 156.74);
|
|
--color--green-150: oklch(94.08% 0.0693 155.66);
|
|
--color--green-200: oklch(92.58% 0.0845 155.86);
|
|
--color--green-250: oklch(88.88% 0.1311 154.31);
|
|
--color--green-300: oklch(87.04% 0.149 154.62);
|
|
--color--green-400: oklch(79.14% 0.2091 151.66);
|
|
--color--green-500: oklch(72.89% 0.2119 147.82);
|
|
--color--green-600: oklch(63.2% 0.186 147.37);
|
|
--color--green-700: oklch(52.96% 0.1495 148.99);
|
|
--color--green-800: oklch(44.68% 0.1187 151.4);
|
|
--color--green-900: oklch(39.35% 0.0957 152.28);
|
|
--color--green-950: oklch(26.54% 0.0651 152.77);
|
|
--color--green-alpha-100: oklch(58.78% 0.1343 153.89/0.149);
|
|
--color--green-alpha-200: oklch(58.78% 0.1343 153.89/0.251);
|
|
--color--purple-50: oklch(96.91% 0.0161 293.76);
|
|
--color--purple-100: oklch(94.33% 0.0284 294.59);
|
|
--color--purple-150: oklch(94.33% 0.0284 294.59);
|
|
--color--purple-200: oklch(89.46% 0.0562 293.06);
|
|
--color--purple-250: oklch(89.46% 0.0562 293.06);
|
|
--color--purple-300: oklch(81.01% 0.1055 293.7);
|
|
--color--purple-400: oklch(69.89% 0.176 294.12);
|
|
--color--purple-500: oklch(60.06% 0.2425 293.89);
|
|
--color--purple-600: oklch(54.05% 0.2811 292.85);
|
|
--color--purple-700: oklch(49.07% 0.2699 292.56);
|
|
--color--purple-800: oklch(43.16% 0.232 292.71);
|
|
--color--purple-900: oklch(38.01% 0.1888 293.64);
|
|
--color--purple-950: oklch(28.4% 0.1414 291.29);
|
|
--color--purple-alpha-100: oklch(49.83% 0.1772 283.27/0.102);
|
|
--color--purple-alpha-200: oklch(49.83% 0.1772 283.27/0.251);
|
|
--color--purple-alpha-300: oklch(49.83% 0.1772 283.27/0.402);
|
|
--color--purple-alpha-400: oklch(49.83% 0.1772 283.27/0.602);
|
|
--color--purple-alpha-500: oklch(49.83% 0.1772 283.27/0.802);
|
|
--color--mint-50: oklch(98.36% 0.0142 180.72);
|
|
--color--mint-100: oklch(95.2% 0.0507 181.07);
|
|
--color--mint-150: oklch(91.84% 0.0887 179.84);
|
|
--color--mint-200: oklch(91.08% 0.0962 180.11);
|
|
--color--mint-250: oklch(89.1% 0.1141 179.41);
|
|
--color--mint-300: oklch(85.39% 0.1375 181.57);
|
|
--color--mint-400: oklch(78.3% 0.1408 181.38);
|
|
--color--mint-500: oklch(71.05% 0.1276 181.6);
|
|
--color--mint-600: oklch(60.49% 0.107 184.17);
|
|
--color--mint-700: oklch(51.52% 0.0905 185.73);
|
|
--color--mint-800: oklch(43.76% 0.0759 188.55);
|
|
--color--mint-900: oklch(38.71% 0.0634 187.21);
|
|
--color--mint-950: oklch(27.66% 0.046 192.53);
|
|
--color--red-50: oklch(97.05% 0.0129 17.38);
|
|
--color--red-100: oklch(93.65% 0.032 17.74);
|
|
--color--red-150: oklch(91.08% 0.046 18.03);
|
|
--color--red-200: oklch(88.34% 0.0616 18.39);
|
|
--color--red-250: oklch(84.85% 0.0827 18.93);
|
|
--color--red-300: oklch(80.53% 0.1109 19.78);
|
|
--color--red-400: oklch(70.22% 0.1892 22.23);
|
|
--color--red-500: oklch(63.78% 0.2373 25.44);
|
|
--color--red-600: oklch(58.3% 0.2387 28.48);
|
|
--color--red-700: oklch(50.95% 0.2086 28.51);
|
|
--color--red-800: oklch(44.46% 0.1774 26.79);
|
|
--color--red-900: oklch(39.67% 0.1408 25.71);
|
|
--color--red-950: oklch(25.75% 0.0918 25.84);
|
|
--color--red-alpha-020: oklch(59.99% 0.2299 24.84/0.2);
|
|
--color--blue-50: oklch(97.05% 0.0142 254.6);
|
|
--color--blue-100: oklch(93.19% 0.0316 255.59);
|
|
--color--blue-150: oklch(90.6% 0.0446 255.63);
|
|
--color--blue-200: oklch(88.2% 0.0588 253.97);
|
|
--color--blue-250: oklch(83.4% 0.0842 254.17);
|
|
--color--blue-300: oklch(80.71% 0.1007 250.45);
|
|
--color--blue-400: oklch(70.4% 0.1583 253.63);
|
|
--color--blue-500: oklch(61.87% 0.2067 259.23);
|
|
--color--blue-600: oklch(54.65% 0.2455 262.87);
|
|
--color--blue-700: oklch(48.78% 0.2432 264.4);
|
|
--color--blue-800: oklch(42.42% 0.1982 265.5);
|
|
--color--blue-900: oklch(37.96% 0.1453 265.47);
|
|
--color--blue-950: oklch(28.1% 0.0924 268.13);
|
|
--color--yellow-50: oklch(98.73% 0.0262 102.21);
|
|
--color--yellow-100: oklch(97.27% 0.0706 103.29);
|
|
--color--yellow-150: oklch(95.75% 0.1125 103.41);
|
|
--color--yellow-200: oklch(94.53% 0.1293 101.4);
|
|
--color--yellow-250: oklch(93.07% 0.1604 101.32);
|
|
--color--yellow-300: oklch(90.32% 0.1817 98.27);
|
|
--color--yellow-400: oklch(85.35% 0.1744 88.77);
|
|
--color--yellow-500: oklch(79.77% 0.1641 82.71);
|
|
--color--yellow-600: oklch(68.22% 0.1465 71.47);
|
|
--color--yellow-700: oklch(55.48% 0.1271 62.52);
|
|
--color--yellow-800: oklch(47.76% 0.1115 60.43);
|
|
--color--yellow-900: oklch(42.15% 0.0952 57.94);
|
|
--color--yellow-950: oklch(28.71% 0.0662 54.59);
|
|
--color--gold-50: oklch(98.3% 0.0114 84.58);
|
|
--color--gold-100: oklch(92.41% 0.0463 78.84);
|
|
--color--gold-200: oklch(89.52% 0.0631 77.82);
|
|
--color--gold-300: oklch(84.14% 0.0975 76.95);
|
|
--color--gold-400: oklch(76.08% 0.1386 73.14);
|
|
--color--gold-500: oklch(69.33% 0.143 69.76);
|
|
--color--gold-600: oklch(61.78% 0.1267 70.31);
|
|
--color--gold-700: oklch(52.43% 0.1059 70.78);
|
|
--color--gold-800: oklch(40.5% 0.0793 72.23);
|
|
--color--gold-900: oklch(24.57% 0.0436 73.41);
|
|
--color--gold-alpha-020: oklch(76.08% 0.1386 73.14/0.2);
|
|
--color--slate-100: oklch(91.8% 0.0068 295.44);
|
|
--color--slate-200: oklch(83.35% 0.0138 290.7);
|
|
--color--slate-300: oklch(74.76% 0.0214 292);
|
|
--color--slate-400: oklch(65.92% 0.0295 292.45);
|
|
--color--slate-500: oklch(56.71% 0.0383 290.62);
|
|
--color--slate-600: oklch(48.5% 0.0319 292.04);
|
|
--color--slate-700: oklch(39.82% 0.0251 291.33);
|
|
--color--slate-800: oklch(30.63% 0.0179 289.89);
|
|
--color--slate-900: oklch(20.8% 0.0099 294.69);
|
|
--color--slate-alpha-700: oklch(39.82% 0.0251 291.33/0.749);
|
|
--color--neutral-125: #f5f5f5;
|
|
--color--neutral-750: #424242;
|
|
--color--neutral-850: #2b2b2b;
|
|
--color--neutral-150-alpha-100: #ededed1a;
|
|
--color--neutral-300-alpha-100: #adadad1a;
|
|
--color--neutral-800-alpha-100: #3d3d3d1a;
|
|
--spacing--5xs: 0.125rem;
|
|
--spacing--4xs: 0.25rem;
|
|
--spacing--3xs: 0.375rem;
|
|
--spacing--2xs: 0.5rem;
|
|
--spacing--xs: 0.75rem;
|
|
--spacing--sm: 1rem;
|
|
--spacing--md: 1.25rem;
|
|
--spacing--lg: 1.5rem;
|
|
--spacing--xl: 2rem;
|
|
--spacing--2xl: 3rem;
|
|
--spacing--3xl: 4rem;
|
|
--spacing--4xl: 8rem;
|
|
--spacing--5xl: 16rem;
|
|
--font-family: InterVariable, sans-serif;
|
|
--font-family--monospace:
|
|
CommitMono, ui-monospace, Menlo, Consolas, 'DejaVu Sans Mono', monospace;
|
|
--font-size--4xs: 0.5rem;
|
|
--font-size--3xs: 0.625rem;
|
|
--font-size--2xs: 0.75rem;
|
|
--font-size--xs: 0.8125rem;
|
|
--font-size--sm: 0.875rem;
|
|
--font-size--md: 1rem;
|
|
--font-size--lg: 1.125rem;
|
|
--font-size--xl: 1.25rem;
|
|
--font-size--2xl: 1.75rem;
|
|
--font-weight--regular: 400;
|
|
--font-weight--medium: 500;
|
|
--font-weight--bold: 600;
|
|
--line-height--xs: 1;
|
|
--line-height--sm: 1.25;
|
|
--line-height--md: 1.3;
|
|
--line-height--lg: 1.35;
|
|
--line-height--xl: 1.5;
|
|
--letter-spacing--tightest: -0.05em;
|
|
--letter-spacing--tighter: -0.025em;
|
|
--letter-spacing--tight: -0.01em;
|
|
--letter-spacing--normal: 0;
|
|
--letter-spacing--wide: 0.025em;
|
|
--letter-spacing--wider: 0.05em;
|
|
--letter-spacing--widest: 0.1em;
|
|
--radius--4xs: 0.125rem;
|
|
--radius--3xs: 0.25rem;
|
|
--radius--2xs: 0.375rem;
|
|
--radius--xs: 0.5rem;
|
|
--radius--sm: 0.75rem;
|
|
--radius--md: 1rem;
|
|
--radius--lg: 1.25rem;
|
|
--radius--xl: 1.5rem;
|
|
--radius--2xl: 2rem;
|
|
--radius--full: 9999px;
|
|
--height--5xs: 0.5rem;
|
|
--height--4xs: 0.75rem;
|
|
--height--3xs: 1rem;
|
|
--height--2xs: 1.25rem;
|
|
--height--xs: 1.5rem;
|
|
--height--sm: 1.75rem;
|
|
--height--md: 2rem;
|
|
--height--lg: 2.25rem;
|
|
--height--xl: 2.5rem;
|
|
--height--2xl: 3rem;
|
|
--height--3xl: 3.5rem;
|
|
--height--4xl: 4rem;
|
|
--height--5xl: 6rem;
|
|
--duration--snappy: 0.2s;
|
|
--duration--base: 0.4s;
|
|
--duration--slow: 1s;
|
|
--duration--slowest: 1.5s;
|
|
--easing--ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
--easing--ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
--easing--ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
--easing--spring: cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
--easing--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
--easing--ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
|
|
--easing--ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
|
|
--shadow-color: var(--color--black-alpha-100);
|
|
--shadow-color--outline: var(--color--black-alpha-100);
|
|
--shadow--outline: 0 0 0 1px var(--shadow-color--outline);
|
|
--shadow--2xs: 0 1px var(--shadow-color);
|
|
--shadow--xs: 0 1px 3px -1px var(--shadow-color);
|
|
--shadow--sm: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -2px var(--shadow-color);
|
|
--shadow--md: 0 10px 15px -3px var(--shadow-color), 0 4px 6px -4px var(--shadow-color);
|
|
--shadow--xl: 0 20px 25px -5px var(--shadow-color), 0 8px 10px -6px var(--shadow-color);
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
:root body:not([data-theme]) {
|
|
--shadow-color: var(--color--black-alpha-250);
|
|
--shadow-color--outline: var(--color--white-alpha-100);
|
|
}
|
|
}
|
|
:root [data-theme='dark'] {
|
|
--shadow-color: var(--color--black-alpha-250);
|
|
--shadow-color--outline: var(--color--white-alpha-100);
|
|
}
|
|
:root {
|
|
--lightningcss-light: initial;
|
|
--lightningcss-dark: ;
|
|
color-scheme: light dark;
|
|
--color--primary--h: 7;
|
|
--color--primary--s: 100%;
|
|
--color--primary--l: 68%;
|
|
--color--primary--shade-1: var(--color-primary-shade-1, var(--color--primary));
|
|
--color--primary: var(--color-primary, var(--color--orange-500));
|
|
--color--primary--tint-1: var(--color-primary-tint-1, var(--color--orange-400));
|
|
--color--primary--tint-2: var(--color-primary-tint-2, var(--color--orange-250));
|
|
--color--primary--tint-3: var(--color-primary-tint-3, var(--color--orange-100));
|
|
--text--color: var(--text-color);
|
|
--color--secondary--shade-1: var(--color-secondary-shade-1, var(--color--purple-700));
|
|
--color--secondary: var(--color-secondary, var(--color--purple-600));
|
|
--color--secondary--tint-1: var(--color-secondary-tint-1, var(--color--purple-300));
|
|
--color--secondary--tint-2: var(--color-secondary-tint-3, var(--color--purple-200));
|
|
--color--success--shade-1: var(--color-success-shade-1, var(--color--green-700));
|
|
--color--success: var(--color-success, var(--color--green-600));
|
|
--color--success--tint-1: var(--color-success-light, var(--color--green-300));
|
|
--color--success--tint-2: var(--color-success-light-2, var(--color--green-200));
|
|
--color--success--tint-3: var(--color-success-tint-1, var(--color--green-100));
|
|
--color--success--tint-4: var(--color-success-tint-2, var(--color--green-50));
|
|
--color--warning--shade-1: var(--color-warning-shade-1, var(--color--gold-500));
|
|
--color--warning: var(--color-warning, var(--color--gold-600));
|
|
--color--warning--tint-1: var(--color-warning-tint-1, var(--color--gold-200));
|
|
--color--warning--tint-2: var(--color-warning-tint-2, var(--color--gold-50));
|
|
--color--danger--shade-1: var(--color-danger-shade-1, var(--color--red-700));
|
|
--color--danger: var(--color-danger, var(--color--red-600));
|
|
--color--danger--tint-1: var(--color-danger-light, var(--color--red-400));
|
|
--color--danger--tint-2: var(--color-danger-light-2, var(--color--red-300));
|
|
--color--danger--tint-3: var(--color-danger-tint-1, var(--color--red-100));
|
|
--color--danger--tint-4: var(--color-danger-tint-2, var(--color--red-50));
|
|
--color--text--shade-1: var(--color-text-dark, var(--color--neutral-900));
|
|
--color--text: var(--color-text-base, var(--color--neutral-700));
|
|
--color--text--tint-1: var(--color-text-light, var(--color--neutral-500));
|
|
--color--text--tint-2: var(--color-text-lighter, var(--color--neutral-200));
|
|
--color--text--tint-3: var(--color-text-xlight, var(--color--neutral-white));
|
|
--color--text--danger: var(--color-text-danger, var(--color--red-600));
|
|
--color--foreground--shade-2: var(--color-foreground-xdark, var(--color--neutral-500));
|
|
--color--foreground--shade-1: var(--color-foreground-dark, var(--color--neutral-250));
|
|
--color--foreground: var(--color-foreground-base, var(--color--neutral-200));
|
|
--color--foreground--tint-1: var(--color-foreground-light, var(--color--neutral-150));
|
|
--color--foreground--tint-2: var(--color-foreground-xlight, var(--color--neutral-white));
|
|
--color--background--shade-2: var(--color-background-dark, var(--color--neutral-950));
|
|
--color--background--shade-1: var(--color-background-medium, var(--color--neutral-200));
|
|
--color--background: var(--color-background-base, var(--color--neutral-125));
|
|
--color--background--light-1: var(--color-background-light-base, var(--color--neutral-100));
|
|
--color--background--light-2: var(--color-background-light, var(--color--neutral-50));
|
|
--color--background--light-3: var(--color-background-xlight, var(--color--neutral-white));
|
|
--shadow: var(
|
|
--box-shadow-base,
|
|
0 2px 4px var(--color--black-alpha-200),
|
|
0 0 6px var(--color--black-alpha-100)
|
|
);
|
|
--shadow--dark: var(
|
|
--box-shadow-dark,
|
|
0 2px 4px var(--color--black-alpha-200),
|
|
0 0 6px var(--color--black-alpha-200)
|
|
);
|
|
--shadow--light: var(--box-shadow-light, 0 2px 12px 0 var(--color--black-alpha-100));
|
|
--shadow--card-hover: 0 2px 8px #441c171a;
|
|
--radius--xl: var(--border-radius-xlarge, 12px);
|
|
--radius--lg: var(--border-radius-large, 8px);
|
|
--radius: var(--border-radius-base, 4px);
|
|
--radius--sm: var(--border-radius-small, 2px);
|
|
--border-color--light: var(--border-color-light, var(--color--foreground--tint-1));
|
|
--border-style: var(--border-style-base, solid);
|
|
--border-width: var(--border-width-base, 1px);
|
|
--border: var(--border-width, 1px) var(--border-style, solid) var(--border-color);
|
|
--background--brand: var(--color--orange-500);
|
|
--background--brand--hover: var(--color--orange-600);
|
|
--background--brand--active: var(--color--orange-700);
|
|
--background--brand--focus: var(--color--orange-400);
|
|
--background--brand--disabled: var(--color--neutral-200);
|
|
--background--surface: var(--color--neutral-white);
|
|
--background--subtle: var(--color--neutral-50);
|
|
--background--hover: var(--color--black-alpha-50);
|
|
--background--active: var(--color--black-alpha-100);
|
|
--background--focus: var(--color--black-alpha-100);
|
|
--background--disabled: var(--color--neutral-200);
|
|
--border-color: var(--border-color-base, var(--color--black-alpha-100));
|
|
--border-color--subtle: var(--color--black-alpha-50);
|
|
--border-color--strong: var(--color--black-alpha-200);
|
|
--border-color--stronger: var(--color--black-alpha-300);
|
|
--icon-color: var(--color--neutral-500);
|
|
--icon-color--subtle: var(--color--neutral-200);
|
|
--icon-color--strong: var(--color--neutral-800);
|
|
--text-color: var(--color--neutral-900);
|
|
--text-color--subtle: var(--color--neutral-700);
|
|
--text-color--subtler: var(--color--neutral-500);
|
|
--text-color--disabled: var(--color--neutral-400);
|
|
--background--success: var(--color--green-50);
|
|
--border-color--success: var(--color--green-200);
|
|
--text-color--success: var(--color--green-800);
|
|
--icon-color--success: var(--color--green-800);
|
|
--background--warning: var(--color--yellow-100);
|
|
--border-color--warning: var(--color--yellow-200);
|
|
--text-color--warning: var(--color--yellow-800);
|
|
--icon-color--warning: var(--color--yellow-800);
|
|
--background--danger: var(--color--red-50);
|
|
--border-color--danger: var(--color--red-200);
|
|
--text-color--danger: var(--color--red-800);
|
|
--icon-color--danger: var(--color--red-800);
|
|
--background--info: var(--color--blue-50);
|
|
--border-color--info: var(--color--blue-200);
|
|
--text-color--info: var(--color--blue-800);
|
|
--icon-color--info: var(--color--blue-800);
|
|
--background--inverse: var(--color--neutral-900);
|
|
--border-color--inverse: var(--color--neutral-700);
|
|
--text-color--inverse: var(--color--neutral-100);
|
|
--icon-color--inverse: var(--color--neutral-100);
|
|
--focus--border-width: 2px;
|
|
--focus--outline-color: var(--color--purple-alpha-200);
|
|
--focus--border-color: var(--color--purple-500);
|
|
--lm-chat--messages--color--background: var(--color--background);
|
|
--lm-chat--bot--color--background: var(--color--neutral-white);
|
|
--lm-chat--user--color--background: var(--color--green-600);
|
|
--lm-chat--user--color: var(--color--text--tint-3);
|
|
--canvas--color--background: var(--color--neutral-125);
|
|
--canvas--dot--color: var(--color--neutral-500);
|
|
--canvas--read-only-line--color: var(--color--neutral-200);
|
|
--canvas--color--selected: var(--color--neutral-150);
|
|
--canvas--color--selected-transparent: #2941701a;
|
|
--canvas--label--color: var(--color--neutral-600);
|
|
--canvas--label--color--background: oklch(from var(--canvas--color--background) l c h / 0.85);
|
|
--node--color--background: var(--color--background--light-3);
|
|
--node--color--background--executing: var(--color--primary--tint-3);
|
|
--node--color--background--executing-1: var(--color--primary--tint-3);
|
|
--node--border-color--pinned: var(--color--secondary);
|
|
--node--border-color--running: var(--color--primary);
|
|
--node--type-main--color: var(--color--neutral-500);
|
|
--sticky--color--background: var(--color--yellow-100);
|
|
--sticky--border-color: var(--color--yellow-200);
|
|
--sticky--color--text: var(--color--neutral-850);
|
|
--sticky--code--color--text: var(--color--secondary);
|
|
--sticky--code--color--background: var(--color--background);
|
|
--sticky--color--background--variant-1: var(--sticky--color--background);
|
|
--sticky--border-color--variant-1: var(--sticky--border-color);
|
|
--sticky--color--background--variant-2: var(--color--gold-100);
|
|
--sticky--border-color--variant-2: var(--color--gold-300);
|
|
--sticky--color--background--variant-3: var(--color--red-100);
|
|
--sticky--border-color--variant-3: var(--color--red-250);
|
|
--sticky--color--background--variant-4: var(--color--green-100);
|
|
--sticky--border-color--variant-4: var(--color--green-300);
|
|
--sticky--color--background--variant-5: var(--color--blue-100);
|
|
--sticky--border-color--variant-5: var(--color--blue-200);
|
|
--sticky--color--background--variant-6: var(--color--purple-200);
|
|
--sticky--border-color--variant-6: var(--color--purple-300);
|
|
--sticky--color--background--variant-7: var(--color--neutral-100);
|
|
--sticky--border-color--variant-7: var(--color--neutral-200);
|
|
--assistant--button--color--background--gradient: linear-gradient(
|
|
var(--color--background--light-3),
|
|
var(--color--background--light-3)
|
|
);
|
|
--assistant--button--color--background--gradient--hover: linear-gradient(
|
|
var(--color--background--light-3),
|
|
var(--color--background--light-3)
|
|
);
|
|
--assistant--button--color--background--gradient--active: linear-gradient(
|
|
var(--color--background--light-3),
|
|
var(--color--background--light-3)
|
|
);
|
|
--assistant--color--highlight-1: #5b60e8;
|
|
--assistant--color--highlight-2: #aa7bec;
|
|
--assistant--color--highlight-3: #ec7b8e;
|
|
--assistant--color--highlight-gradient: linear-gradient(
|
|
105deg,
|
|
var(--assistant--color--highlight-1) 0%,
|
|
var(--assistant--color--highlight-2) 50%,
|
|
var(--assistant--color--highlight-3) 100%
|
|
);
|
|
--assistant--color--highlight-gradient--reverse: linear-gradient(
|
|
105deg,
|
|
var(--assistant--color--highlight-3) 0%,
|
|
var(--assistant--color--highlight-2) 50%,
|
|
var(--assistant--color--highlight-1) 100%
|
|
);
|
|
--assistant--color--text--subtle: var(--color--neutral-500);
|
|
--assistant--icon-color--subtle: var(--color--neutral-500);
|
|
--assistant--color--text: var(--color--neutral-800);
|
|
--assistant--color--text--user-bubble: var(--color--neutral-750);
|
|
--assistant--color--background--user-bubble: var(--color--neutral-150);
|
|
--assistant--text-message--collapsed--max-height: 200px;
|
|
--assistant--button--color--background--hover: linear-gradient(
|
|
108.82deg,
|
|
#ec7b8e1f 0%,
|
|
#aa7bec1f 50.5%,
|
|
#5b60e81f 100%
|
|
);
|
|
--assistant--button--color--background--active: linear-gradient(
|
|
108.82deg,
|
|
#ec7b8e40 0%,
|
|
#aa7bec40 50.5%,
|
|
#5b60e840 100%
|
|
);
|
|
--node--icon--color--neutral: var(--color--neutral-400);
|
|
--node--icon--color--gray: #7d7d87;
|
|
--node--icon--color--black: var(--color--neutral-800);
|
|
--node--icon--color--blue: #3a42e9;
|
|
--node--icon--color--light-blue: #5fabf7;
|
|
--node--icon--color--dark-blue: #353f6e;
|
|
--node--icon--color--sky-blue: #5699ff;
|
|
--node--icon--color--orange: #ff965a;
|
|
--node--icon--color--orange-red: var(--color--orange-500);
|
|
--node--icon--color--amber: #f92;
|
|
--node--icon--color--rust: #e44d26;
|
|
--node--icon--color--pink-red: #ea4b71;
|
|
--node--icon--color--magenta: #e91e63;
|
|
--node--icon--color--red: var(--color--red-600);
|
|
--node--icon--color--light-green: #31c4ab;
|
|
--node--icon--color--green: var(--color--mint-700);
|
|
--node--icon--color--dark-green: #157562;
|
|
--node--icon--color--emerald: #2fb67c;
|
|
--node--icon--color--forest-green: #4a4;
|
|
--node--icon--color--lime: #62f730;
|
|
--node--icon--color--azure: #54b8c9;
|
|
--node--icon--color--teal: #00b7bc;
|
|
--node--icon--color--purple: #539;
|
|
--node--icon--color--violet: #9b6dd5;
|
|
--node--icon--color--lavender: #8287eb;
|
|
--node--icon--color--crimson: #724;
|
|
--expression-editor--resolvable--color--foreground--valid: var(--color--green-600);
|
|
--expression-editor--resolvable--color--background--valid: var(--color--green-100);
|
|
--expression-editor--resolvable--color--foreground--invalid: var(--color--red-600);
|
|
--expression-editor--resolvable--color--background--invalid: var(--color--red-50);
|
|
--expression-editor--resolvable--color--foreground--pending: var(--color--text);
|
|
--expression-editor--resolvable--color--background--pending: var(--color--neutral-125);
|
|
--expression-editor--color--background: var(--color--neutral-white);
|
|
--expression-editor--modal--color--background: var(--color--background);
|
|
--expression-editor--syntax-example--color: var(--color--neutral-125);
|
|
--autocomplete--item--color--selected: var(--color--secondary);
|
|
--autocomplete--section-header--border-color: var(--color--foreground--tint-1);
|
|
--autocomplete--infobox--color--background: var(--color--background--light-1);
|
|
--autocomplete--infobox--examples--border-color: var(--color--foreground--tint-1);
|
|
--code-tags--string--color: #032f62;
|
|
--code-tags--regex--color: #032f62;
|
|
--code-tags--primitive--color: #005cc5;
|
|
--code-tags--keyword--color: #d73a49;
|
|
--code-tags--variable--color: #005cc5;
|
|
--code-tags--parameter--color: var(--color--neutral-850);
|
|
--code-tags--function--color: #6f42c1;
|
|
--code-tags--constant--color: #005cc5;
|
|
--code-tags--property--color: #005cc5;
|
|
--code-tags--type--color: #005cc5;
|
|
--code-tags--class--color: #6f42c1;
|
|
--code-tags--heading--color: #005cc5;
|
|
--code-tags--invalid--color: #cb2431;
|
|
--code-tags--comment--color: #6a737d;
|
|
--json--color: var(--color--purple-700);
|
|
--json--null--color: var(--color--red-600);
|
|
--json--boolean--color: var(--color--green-600);
|
|
--json--number--color: var(--color--green-600);
|
|
--json--string--color: var(--color--purple-700);
|
|
--json--key--color: var(--color--neutral-700);
|
|
--json--brackets--color: var(--color--neutral-700);
|
|
--json--brackets--color--hover: var(--color--blue-400);
|
|
--json--line--color: var(--color--neutral-250);
|
|
--json--highlight--color: var(--color--background);
|
|
--code--color--background: var(--color--neutral-white);
|
|
--code--color--background--readonly: var(--color--neutral-125);
|
|
--code--line-highlight--color: var(--color--neutral-300-alpha-100);
|
|
--code--color--foreground: var(--color--neutral-700);
|
|
--code--caret--color: var(--color--neutral-950);
|
|
--code--selection--color: #0366d625;
|
|
--code--selection--color--highlight: #34d05840;
|
|
--code--gutter--color--background: var(--color--neutral-white);
|
|
--code--gutter--color--foreground: var(--color--neutral-300);
|
|
--code--gutter--color--foreground--active: var(--color--neutral-700);
|
|
--code--indentation-marker--color: var(--color--neutral-150);
|
|
--code--indentation-marker--color--active: var(--color--neutral-250);
|
|
--line-break--color: var(--color--neutral-300);
|
|
--code--line-break--color: var(--color--purple-400);
|
|
--tag--height: 20px;
|
|
--tag--padding: 0 var(--spacing--4xs);
|
|
--tag--color--background: var(--color--neutral-125);
|
|
--tag--color--background--hover: var(--color--neutral-150);
|
|
--tag--color--background--active: var(--color--neutral-200);
|
|
--tag--border-color: var(--color--neutral-150);
|
|
--tag--border-color--hover: var(--color--neutral-200);
|
|
--tag--border-color--active: var(--color--neutral-250);
|
|
--tag--radius: var(--radius);
|
|
--tag--color--text: var(--color--text);
|
|
--tag--font-size: var(--font-size--2xs);
|
|
--tag--font-weight: var(--font-weight--regular);
|
|
--tag--line-height: 0;
|
|
--variables-usage--color--text: var(--color--success);
|
|
--variables-usage--syntax--color--background: var(--color--success--tint-4);
|
|
--button--color--text--primary: var(--color--neutral-white);
|
|
--button--border-color--primary: var(--color--orange-500);
|
|
--button--color--background--primary: var(--color--orange-500);
|
|
--button--border-color--primary--hover-active: var(--color--primary);
|
|
--button--color--background--primary--hover-active-focus: var(--color--primary);
|
|
--button--outline-color--primary--focus: var(--color--orange-alpha-300);
|
|
--button--color--text--primary--disabled: var(--color--white-alpha-800);
|
|
--button--border-color--primary--disabled: var(--color--orange-400);
|
|
--button--color--background--primary--disabled: var(--color--orange-400);
|
|
--button--color--text--secondary: var(--color--neutral-700);
|
|
--button--border-color--secondary: var(--color--neutral-300);
|
|
--button--color--background--secondary: var(--color--neutral-white);
|
|
--button--color--text--secondary--hover-active-focus: var(--color--orange-500);
|
|
--button--border-color--secondary--hover-active-focus: var(--color--orange-600);
|
|
--button--color--background--secondary--hover: var(--color--orange-50);
|
|
--button--color--background--secondary--active-focus: var(--color--orange-100);
|
|
--button--outline-color--secondary--focus: var(--color--neutral-200);
|
|
--button--color--text--secondary--disabled: var(--color--neutral-250);
|
|
--button--border-color--secondary--disabled: var(--color--neutral-250);
|
|
--button--color--text--highlight: var(--color--neutral-700);
|
|
--button--border-color--highlight: transparent;
|
|
--button--color--background--highlight: transparent;
|
|
--button--color--text--highlight--hover-active-focus: var(--color--orange-400);
|
|
--button--border-color--highlight--hover-active-focus: var(--color--neutral-125);
|
|
--button--color--background--highlight--hover: var(--color--neutral-125);
|
|
--button--color--background--highlight--active-focus: var(--color--neutral-125);
|
|
--button--outline-color--highlight--focus: var(--color--neutral-125);
|
|
--button--color--text--highlight--disabled: var(--color--neutral-200);
|
|
--button--border-color--highlight--disabled: transparent;
|
|
--button--color--background--highlight--disabled: transparent;
|
|
--button--color--text--highlight-fill: var(--color--text--shade-1);
|
|
--button--border-color--highlight-fill: transparent;
|
|
--button--color--background--highlight-fill: var(--color--background);
|
|
--button--color--text--highlight-fill--hover-active-focus: var(--color--primary);
|
|
--button--border-color--highlight-fill--hover-active-focus: transparent;
|
|
--button--color--background--highlight-fill--hover: var(--color--background);
|
|
--button--color--background--highlight-fill--active-focus: var(--color--background);
|
|
--button--outline-color--highlight-fill--focus: var(--color--neutral-125);
|
|
--button--color--text--highlight-fill--disabled: var(--color--neutral-200);
|
|
--button--border-color--highlight-fill--disabled: transparent;
|
|
--button--color--background--highlight-fill--disabled: var(--color--background);
|
|
--button--color--text--success: var(--color--neutral-white);
|
|
--button--color--text--success--disabled: var(--color--white-alpha-800);
|
|
--button--color--text--warning: var(--color--text--tint-3);
|
|
--button--color--text--warning--disabled: var(--color--white-alpha-800);
|
|
--button--color--text--danger: var(--color--text--tint-3);
|
|
--button--border-color--danger: var(--color--danger);
|
|
--button--outline-color--danger--focus: var(--color--danger--tint-3);
|
|
--button--color--text--danger--disabled: var(--color--white-alpha-800);
|
|
--button--border-color--danger--disabled: var(--color--danger--tint-3);
|
|
--button--color--background--danger--disabled: var(--color--danger--tint-3);
|
|
--text-button--color--text--secondary: var(--color--neutral-700);
|
|
--node-creator--button--color--text: var(--color--neutral-600);
|
|
--node-creator--button--color--text--hover: var(--color--orange-500);
|
|
--node-creator--button--border-color--hover: var(--color--orange-500);
|
|
--node-creator--button--color--background: var(--color--neutral-white);
|
|
--table--header--color--background: var(--color--background);
|
|
--table--row--color--background: var(--color--background--light-3);
|
|
--table--row--color--background--even: var(--color--background--light-2);
|
|
--table--row--color--background--hover: var(--color--primary--tint-3);
|
|
--table--row--color--background--highlight: var(--color--warning--tint-1);
|
|
--notification--color--background: var(--color--background--light-3);
|
|
--execution-card--border-color--new: var(--color--neutral-250);
|
|
--execution-card--border-color--success: var(--color--green-300);
|
|
--execution-card--border-color--error: var(--color--red-300);
|
|
--execution-card--border-color--waiting: var(--color--purple-300);
|
|
--execution-card--border-color--running: var(--color--gold-200);
|
|
--execution-card--border-color--unknown: var(--color--neutral-200);
|
|
--execution-card--color--background: var(--color--foreground--tint-2);
|
|
--execution-card--color--background--hover: var(--color--foreground--tint-1);
|
|
--execution-card--color--text--waiting: var(--color--secondary);
|
|
--execution-selector--color--background: var(--color--background--shade-2);
|
|
--execution-selector--color--text: var(--color--text--tint-3);
|
|
--execution-select-all--color--text: var(--color--danger);
|
|
--run-data--color--background: var(--color--neutral-150);
|
|
--ndv--run-data--color--background: var(--color--neutral-125);
|
|
--ndv--droppable-parameter--color: var(--color--secondary);
|
|
--ndv--droppable-parameter--color--background: var(--color--purple-alpha-100);
|
|
--ndv--droppable-parameter--color--background--active: var(--color--green-alpha-100);
|
|
--ndv--back--color--text: var(--color--neutral-white);
|
|
--ndv--background--color: var(--color--background--light-3);
|
|
--ndv--header--color: var(--color--background);
|
|
--ndv--header--height: calc(var(--height--xl) + var(--spacing--5xs));
|
|
--notice--border-color--warning: var(--color--warning--tint-1);
|
|
--notice--color--background--warning: var(--color--warning--tint-2);
|
|
--notice--color--text: var(--color--text);
|
|
--callout--border-color--info: var(--color--foreground);
|
|
--callout--color--background--info: var(--color--foreground--tint-2);
|
|
--callout--color--text--info: var(--color--text);
|
|
--callout--icon-color--info: var(--color--text--tint-1);
|
|
--callout--border-color--success: var(--color--success--tint-2);
|
|
--callout--color--background--success: var(--color--success--tint-4);
|
|
--callout--color--text--success: var(--color--success);
|
|
--callout--icon-color--success: var(--color--success);
|
|
--callout--border-color--warning: var(--color--warning--tint-1);
|
|
--callout--color--background--warning: var(--color--warning--tint-2);
|
|
--callout--color--text--warning: var(--color--warning);
|
|
--callout--icon-color--warning: var(--color--warning);
|
|
--callout--border-color--danger: var(--color--danger--tint-3);
|
|
--callout--color--background--danger: var(--color--danger--tint-4);
|
|
--callout--color--text--danger: var(--color--danger);
|
|
--callout--icon-color--danger: var(--color--danger);
|
|
--callout--border-color--secondary: var(--color--secondary--tint-1);
|
|
--callout--color--background--secondary: var(--color--secondary--tint-2);
|
|
--callout--color--text--secondary: var(--color--secondary);
|
|
--callout--icon-color--secondary: var(--color--secondary);
|
|
--dialog--color--background: var(--color--neutral-white);
|
|
--dialog--overlay--color--background: var(--color--white-alpha-800);
|
|
--dialog--overlay--color--background--dark: var(--color--black-alpha-600);
|
|
--block-ui--overlay--color: var(--color--neutral-950);
|
|
--avatar--color--text: var(--color--text--tint-3);
|
|
--nps-survey--color--background: var(--color--neutral-850);
|
|
--nps-survey--color--text: var(--color--neutral-white);
|
|
--action-dropdown--item--color--background--active: var(--color--background);
|
|
--switch--color--background: var(--color--neutral-400);
|
|
--switch--color--background--active: var(--color--green-500);
|
|
--switch--border-color: transparent;
|
|
--switch--toggle--color: var(--color--neutral-white);
|
|
--feature-request--color--text: var(--color--neutral-white);
|
|
--input-triple--color--background: var(--color--background--light-2);
|
|
--node--error-output--color--text: var(--color--danger);
|
|
--mfa--recovery-code--color--background: var(--color--background);
|
|
--mfa--recovery-code--color: var(--color--neutral-500);
|
|
--mfa--lose-access--color--text: var(--color--danger);
|
|
--text-highlight--color--background: var(--color--yellow-200);
|
|
--qr-code--border-color: var(--color--neutral-50);
|
|
--node-type--color--background--l: 95%;
|
|
--node-type--supplemental--label--color--h: 235;
|
|
--node-type--supplemental--label--color--s: 28%;
|
|
--node-type--supplemental--label--color--l: 40%;
|
|
--node-type--supplemental--color--h: 235;
|
|
--node-type--supplemental--color--s: 28%;
|
|
--node-type--supplemental--color--l: 60%;
|
|
--node-type--supplemental--label--color: hsl(
|
|
var(--node-type--supplemental--label--color--h),
|
|
var(--node-type--supplemental--label--color--s),
|
|
var(--node-type--supplemental--label--color--l)
|
|
);
|
|
--node-type--supplemental--icon--color: var(--color--foreground--shade-1);
|
|
--node-type--supplemental--color: hsl(
|
|
var(--node-type--supplemental--color--h),
|
|
var(--node-type--supplemental--color--s),
|
|
var(--node-type--supplemental--color--l)
|
|
);
|
|
--node-type--supplemental--color--background: hsl(
|
|
var(--node-type--supplemental--color--h),
|
|
var(--node-type--supplemental--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--supplemental--connector--color: var(--color--foreground--shade-1);
|
|
--node-type--ai-chain--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-chain--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-chain--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-chain--color: hsl(
|
|
var(--node-type--ai-chain--color--h),
|
|
var(--node-type--ai-chain--color--s),
|
|
var(--node-type--ai-chain--color--l)
|
|
);
|
|
--node-type--chain--color--background: hsl(
|
|
var(--node-type--ai-chain--color--h),
|
|
var(--node-type--ai-chain--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-document--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-document--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-document--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-document--color: hsl(
|
|
var(--node-type--ai-document--color--h),
|
|
var(--node-type--ai-document--color--s),
|
|
var(--node-type--ai-document--color--l)
|
|
);
|
|
--node-type--ai-document--color--background: hsl(
|
|
var(--node-type--ai-document--color--h),
|
|
var(--node-type--ai-document--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-embedding--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-embedding--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-embedding--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-embedding--color: hsl(
|
|
var(--node-type--ai-embedding--color--h),
|
|
var(--node-type--ai-embedding--color--s),
|
|
var(--node-type--ai-embedding--color--l)
|
|
);
|
|
--node-type--ai-embedding--color--background: hsl(
|
|
var(--node-type--ai-embedding--color--h),
|
|
var(--node-type--ai-embedding--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-language-model--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-language-model--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-language-model--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-language-model--color: hsl(
|
|
var(--node-type--ai-language-model--color--h),
|
|
var(--node-type--ai-language-model--color--s),
|
|
var(--node-type--ai-language-model--color--l)
|
|
);
|
|
--node-type--ai-language-model--color--background: hsl(
|
|
var(--node-type--ai-language-model--color--h),
|
|
var(--node-type--ai-language-model--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-memory--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-memory--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-memory--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-memory--color: hsl(
|
|
var(--node-type--ai-memory--color--h),
|
|
var(--node-type--ai-memory--color--s),
|
|
var(--node-type--ai-memory--color--l)
|
|
);
|
|
--node-type--ai-memory--color--background: hsl(
|
|
var(--node-type--ai-memory--color--h),
|
|
var(--node-type--ai-memory--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-output-parser--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-output-parser--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-output-parser--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-output-parser--color: hsl(
|
|
var(--node-type--ai-output-parser--color--h),
|
|
var(--node-type--ai-output-parser--color--s),
|
|
var(--node-type--ai-output-parser--color--l)
|
|
);
|
|
--node-type--ai-output-parser--color--background: hsl(
|
|
var(--node-type--ai-output-parser--color--h),
|
|
var(--node-type--ai-output-parser--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-tool--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-tool--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-tool--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-tool--color: hsl(
|
|
var(--node-type--ai-tool--color--h),
|
|
var(--node-type--ai-tool--color--s),
|
|
var(--node-type--ai-tool--color--l)
|
|
);
|
|
--node-type--ai-tool--color--background: hsl(
|
|
var(--node-type--ai-tool--color--h),
|
|
var(--node-type--ai-tool--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-retriever--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-retriever--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-retriever--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-retriever--color: hsl(
|
|
var(--node-type--ai-retriever--color--h),
|
|
var(--node-type--ai-retriever--color--s),
|
|
var(--node-type--ai-retriever--color--l)
|
|
);
|
|
--node-type--ai-retriever--color--background: hsl(
|
|
var(--node-type--ai-retriever--color--h),
|
|
var(--node-type--ai-retriever--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-text-splitter--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-text-splitter--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-text-splitter--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-text-splitter--color: hsl(
|
|
var(--node-type--ai-text-splitter--color--h),
|
|
var(--node-type--ai-text-splitter--color--s),
|
|
var(--node-type--ai-text-splitter--color--l)
|
|
);
|
|
--node-type--ai-text-splitter--color--background: hsl(
|
|
var(--node-type--ai-text-splitter--color--h),
|
|
var(--node-type--ai-text-splitter--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-vector-retriever--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-vector-retriever--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-vector-retriever--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-vector-retriever--color: hsl(
|
|
var(--node-type--ai-vector-retriever--color--h),
|
|
var(--node-type--ai-vector-retriever--color--s),
|
|
var(--node-type--ai-vector-retriever--color--l)
|
|
);
|
|
--node-type--ai-vector-retriever--color--background: hsl(
|
|
var(--node-type--ai-vector-retriever--color--h),
|
|
var(--node-type--ai-vector-retriever--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-vector-store--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-vector-store--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-vector-store--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-vector-store--color: hsl(
|
|
var(--node-type--ai-vector-store--color--h),
|
|
var(--node-type--ai-vector-store--color--s),
|
|
var(--node-type--ai-vector-store--color--l)
|
|
);
|
|
--node-type--ai-vector-store--color--background: hsl(
|
|
var(--node-type--ai-vector-store--color--h),
|
|
var(--node-type--ai-vector-store--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--diff--color--new: #0eab54;
|
|
--diff--color--new--light: #b4efc4;
|
|
--diff--color--new--faint: #ddfbe7;
|
|
--diff--color--modified: #bf941f;
|
|
--diff--color--modified--light: #f3dca1;
|
|
--diff--color--modified--faint: var(--color--yellow-100);
|
|
--diff--color--deleted: #f51f32;
|
|
--diff--color--deleted--light: var(--color--red-200);
|
|
--diff--color--deleted--faint: var(--color--red-50);
|
|
--avatar--color--accent-1: var(--color--neutral-200);
|
|
--avatar--color--accent-2: var(--color--blue-500);
|
|
--color--info: var(--color--neutral-400);
|
|
--color--info--tint-1: var(--color--neutral-200);
|
|
--color--info--tint-2: var(--color--neutral-125);
|
|
--color--neutral: var(--color--neutral-250);
|
|
--color--neutral--light: var(--color--neutral-200);
|
|
--node--configurable-name--color: var(--color--text--shade-1);
|
|
--link--color--secondary: var(--color--secondary);
|
|
--link--color--secondary--hover: var(--color--secondary--shade-1);
|
|
--menu--color--background: var(--color--neutral-white);
|
|
--menu--color--background--hover: var(--color--neutral-200);
|
|
--menu--color--background--active: var(--color--neutral-200);
|
|
--icon--color: var(--color--text--tint-1);
|
|
--icon--color--hover: var(--color--orange-600);
|
|
--grid--row--color--background--selected: var(--color--purple-200);
|
|
--grid--cell--border-color--editing: 2px solid var(--color--secondary);
|
|
--command-bar-item--color--background--hover: var(--color--background);
|
|
--command-bar-item--height: 40px;
|
|
--command-bar--shadow:
|
|
0 15px 45px 0 var(--color--black-alpha-200), 0 5px 10px 0 var(--color--black-alpha-200);
|
|
--animation--duration: var(--duration--base);
|
|
--animation--duration--snappy: var(--duration--snappy);
|
|
--animation--easing: var(--easing--ease-out);
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--lightningcss-light: ;
|
|
--lightningcss-dark: initial;
|
|
}
|
|
}
|
|
[data-theme='light'] {
|
|
--color--primary--h: 7;
|
|
--color--primary--s: 100%;
|
|
--color--primary--l: 68%;
|
|
--color--primary--shade-1: var(--color-primary-shade-1, var(--color--primary));
|
|
--color--primary: var(--color-primary, var(--color--orange-500));
|
|
--color--primary--tint-1: var(--color-primary-tint-1, var(--color--orange-400));
|
|
--color--primary--tint-2: var(--color-primary-tint-2, var(--color--orange-250));
|
|
--color--primary--tint-3: var(--color-primary-tint-3, var(--color--orange-100));
|
|
--text--color: var(--text-color);
|
|
--color--secondary--shade-1: var(--color-secondary-shade-1, var(--color--purple-700));
|
|
--color--secondary: var(--color-secondary, var(--color--purple-600));
|
|
--color--secondary--tint-1: var(--color-secondary-tint-1, var(--color--purple-300));
|
|
--color--secondary--tint-2: var(--color-secondary-tint-3, var(--color--purple-200));
|
|
--color--success--shade-1: var(--color-success-shade-1, var(--color--green-700));
|
|
--color--success: var(--color-success, var(--color--green-600));
|
|
--color--success--tint-1: var(--color-success-light, var(--color--green-300));
|
|
--color--success--tint-2: var(--color-success-light-2, var(--color--green-200));
|
|
--color--success--tint-3: var(--color-success-tint-1, var(--color--green-100));
|
|
--color--success--tint-4: var(--color-success-tint-2, var(--color--green-50));
|
|
--color--warning--shade-1: var(--color-warning-shade-1, var(--color--gold-500));
|
|
--color--warning: var(--color-warning, var(--color--gold-600));
|
|
--color--warning--tint-1: var(--color-warning-tint-1, var(--color--gold-200));
|
|
--color--warning--tint-2: var(--color-warning-tint-2, var(--color--gold-50));
|
|
--color--danger--shade-1: var(--color-danger-shade-1, var(--color--red-700));
|
|
--color--danger: var(--color-danger, var(--color--red-600));
|
|
--color--danger--tint-1: var(--color-danger-light, var(--color--red-400));
|
|
--color--danger--tint-2: var(--color-danger-light-2, var(--color--red-300));
|
|
--color--danger--tint-3: var(--color-danger-tint-1, var(--color--red-100));
|
|
--color--danger--tint-4: var(--color-danger-tint-2, var(--color--red-50));
|
|
--color--text--shade-1: var(--color-text-dark, var(--color--neutral-900));
|
|
--color--text: var(--color-text-base, var(--color--neutral-700));
|
|
--color--text--tint-1: var(--color-text-light, var(--color--neutral-500));
|
|
--color--text--tint-2: var(--color-text-lighter, var(--color--neutral-200));
|
|
--color--text--tint-3: var(--color-text-xlight, var(--color--neutral-white));
|
|
--color--text--danger: var(--color-text-danger, var(--color--red-600));
|
|
--color--foreground--shade-2: var(--color-foreground-xdark, var(--color--neutral-500));
|
|
--color--foreground--shade-1: var(--color-foreground-dark, var(--color--neutral-250));
|
|
--color--foreground: var(--color-foreground-base, var(--color--neutral-200));
|
|
--color--foreground--tint-1: var(--color-foreground-light, var(--color--neutral-150));
|
|
--color--foreground--tint-2: var(--color-foreground-xlight, var(--color--neutral-white));
|
|
--color--background--shade-2: var(--color-background-dark, var(--color--neutral-950));
|
|
--color--background--shade-1: var(--color-background-medium, var(--color--neutral-200));
|
|
--color--background: var(--color-background-base, var(--color--neutral-125));
|
|
--color--background--light-1: var(--color-background-light-base, var(--color--neutral-100));
|
|
--color--background--light-2: var(--color-background-light, var(--color--neutral-50));
|
|
--color--background--light-3: var(--color-background-xlight, var(--color--neutral-white));
|
|
--shadow: var(
|
|
--box-shadow-base,
|
|
0 2px 4px var(--color--black-alpha-200),
|
|
0 0 6px var(--color--black-alpha-100)
|
|
);
|
|
--shadow--dark: var(
|
|
--box-shadow-dark,
|
|
0 2px 4px var(--color--black-alpha-200),
|
|
0 0 6px var(--color--black-alpha-200)
|
|
);
|
|
--shadow--light: var(--box-shadow-light, 0 2px 12px 0 var(--color--black-alpha-100));
|
|
--shadow--card-hover: 0 2px 8px #441c171a;
|
|
--radius--xl: var(--border-radius-xlarge, 12px);
|
|
--radius--lg: var(--border-radius-large, 8px);
|
|
--radius: var(--border-radius-base, 4px);
|
|
--radius--sm: var(--border-radius-small, 2px);
|
|
--border-color--light: var(--border-color-light, var(--color--foreground--tint-1));
|
|
--border-style: var(--border-style-base, solid);
|
|
--border-width: var(--border-width-base, 1px);
|
|
--border: var(--border-width, 1px) var(--border-style, solid) var(--border-color);
|
|
--background--brand: var(--color--orange-500);
|
|
--background--brand--hover: var(--color--orange-600);
|
|
--background--brand--active: var(--color--orange-700);
|
|
--background--brand--focus: var(--color--orange-400);
|
|
--background--brand--disabled: var(--color--neutral-200);
|
|
--background--surface: var(--color--neutral-white);
|
|
--background--subtle: var(--color--neutral-50);
|
|
--background--hover: var(--color--black-alpha-50);
|
|
--background--active: var(--color--black-alpha-100);
|
|
--background--focus: var(--color--black-alpha-100);
|
|
--background--disabled: var(--color--neutral-200);
|
|
--border-color: var(--border-color-base, var(--color--black-alpha-100));
|
|
--border-color--subtle: var(--color--black-alpha-50);
|
|
--border-color--strong: var(--color--black-alpha-200);
|
|
--border-color--stronger: var(--color--black-alpha-300);
|
|
--icon-color: var(--color--neutral-500);
|
|
--icon-color--subtle: var(--color--neutral-200);
|
|
--icon-color--strong: var(--color--neutral-800);
|
|
--text-color: var(--color--neutral-900);
|
|
--text-color--subtle: var(--color--neutral-700);
|
|
--text-color--subtler: var(--color--neutral-500);
|
|
--text-color--disabled: var(--color--neutral-400);
|
|
--background--success: var(--color--green-50);
|
|
--border-color--success: var(--color--green-200);
|
|
--text-color--success: var(--color--green-800);
|
|
--icon-color--success: var(--color--green-800);
|
|
--background--warning: var(--color--yellow-100);
|
|
--border-color--warning: var(--color--yellow-200);
|
|
--text-color--warning: var(--color--yellow-800);
|
|
--icon-color--warning: var(--color--yellow-800);
|
|
--background--danger: var(--color--red-50);
|
|
--border-color--danger: var(--color--red-200);
|
|
--text-color--danger: var(--color--red-800);
|
|
--icon-color--danger: var(--color--red-800);
|
|
--background--info: var(--color--blue-50);
|
|
--border-color--info: var(--color--blue-200);
|
|
--text-color--info: var(--color--blue-800);
|
|
--icon-color--info: var(--color--blue-800);
|
|
--background--inverse: var(--color--neutral-900);
|
|
--border-color--inverse: var(--color--neutral-700);
|
|
--text-color--inverse: var(--color--neutral-100);
|
|
--icon-color--inverse: var(--color--neutral-100);
|
|
--focus--border-width: 2px;
|
|
--focus--outline-color: var(--color--purple-alpha-200);
|
|
--focus--border-color: var(--color--purple-500);
|
|
--lm-chat--messages--color--background: var(--color--background);
|
|
--lm-chat--bot--color--background: var(--color--neutral-white);
|
|
--lm-chat--user--color--background: var(--color--green-600);
|
|
--lm-chat--user--color: var(--color--text--tint-3);
|
|
--canvas--color--background: var(--color--neutral-125);
|
|
--canvas--dot--color: var(--color--neutral-500);
|
|
--canvas--read-only-line--color: var(--color--neutral-200);
|
|
--canvas--color--selected: var(--color--neutral-150);
|
|
--canvas--color--selected-transparent: #2941701a;
|
|
--canvas--label--color: var(--color--neutral-600);
|
|
--canvas--label--color--background: oklch(from var(--canvas--color--background) l c h / 0.85);
|
|
--node--color--background: var(--color--background--light-3);
|
|
--node--color--background--executing: var(--color--primary--tint-3);
|
|
--node--color--background--executing-1: var(--color--primary--tint-3);
|
|
--node--border-color--pinned: var(--color--secondary);
|
|
--node--border-color--running: var(--color--primary);
|
|
--node--type-main--color: var(--color--neutral-500);
|
|
--sticky--color--background: var(--color--yellow-100);
|
|
--sticky--border-color: var(--color--yellow-200);
|
|
--sticky--color--text: var(--color--neutral-850);
|
|
--sticky--code--color--text: var(--color--secondary);
|
|
--sticky--code--color--background: var(--color--background);
|
|
--sticky--color--background--variant-1: var(--sticky--color--background);
|
|
--sticky--border-color--variant-1: var(--sticky--border-color);
|
|
--sticky--color--background--variant-2: var(--color--gold-100);
|
|
--sticky--border-color--variant-2: var(--color--gold-300);
|
|
--sticky--color--background--variant-3: var(--color--red-100);
|
|
--sticky--border-color--variant-3: var(--color--red-250);
|
|
--sticky--color--background--variant-4: var(--color--green-100);
|
|
--sticky--border-color--variant-4: var(--color--green-300);
|
|
--sticky--color--background--variant-5: var(--color--blue-100);
|
|
--sticky--border-color--variant-5: var(--color--blue-200);
|
|
--sticky--color--background--variant-6: var(--color--purple-200);
|
|
--sticky--border-color--variant-6: var(--color--purple-300);
|
|
--sticky--color--background--variant-7: var(--color--neutral-100);
|
|
--sticky--border-color--variant-7: var(--color--neutral-200);
|
|
--assistant--button--color--background--gradient: linear-gradient(
|
|
var(--color--background--light-3),
|
|
var(--color--background--light-3)
|
|
);
|
|
--assistant--button--color--background--gradient--hover: linear-gradient(
|
|
var(--color--background--light-3),
|
|
var(--color--background--light-3)
|
|
);
|
|
--assistant--button--color--background--gradient--active: linear-gradient(
|
|
var(--color--background--light-3),
|
|
var(--color--background--light-3)
|
|
);
|
|
--assistant--color--highlight-1: #5b60e8;
|
|
--assistant--color--highlight-2: #aa7bec;
|
|
--assistant--color--highlight-3: #ec7b8e;
|
|
--assistant--color--highlight-gradient: linear-gradient(
|
|
105deg,
|
|
var(--assistant--color--highlight-1) 0%,
|
|
var(--assistant--color--highlight-2) 50%,
|
|
var(--assistant--color--highlight-3) 100%
|
|
);
|
|
--assistant--color--highlight-gradient--reverse: linear-gradient(
|
|
105deg,
|
|
var(--assistant--color--highlight-3) 0%,
|
|
var(--assistant--color--highlight-2) 50%,
|
|
var(--assistant--color--highlight-1) 100%
|
|
);
|
|
--assistant--color--text--subtle: var(--color--neutral-500);
|
|
--assistant--icon-color--subtle: var(--color--neutral-500);
|
|
--assistant--color--text: var(--color--neutral-800);
|
|
--assistant--color--text--user-bubble: var(--color--neutral-750);
|
|
--assistant--color--background--user-bubble: var(--color--neutral-150);
|
|
--assistant--text-message--collapsed--max-height: 200px;
|
|
--assistant--button--color--background--hover: linear-gradient(
|
|
108.82deg,
|
|
#ec7b8e1f 0%,
|
|
#aa7bec1f 50.5%,
|
|
#5b60e81f 100%
|
|
);
|
|
--assistant--button--color--background--active: linear-gradient(
|
|
108.82deg,
|
|
#ec7b8e40 0%,
|
|
#aa7bec40 50.5%,
|
|
#5b60e840 100%
|
|
);
|
|
--node--icon--color--neutral: var(--color--neutral-400);
|
|
--node--icon--color--gray: #7d7d87;
|
|
--node--icon--color--black: var(--color--neutral-800);
|
|
--node--icon--color--blue: #3a42e9;
|
|
--node--icon--color--light-blue: #5fabf7;
|
|
--node--icon--color--dark-blue: #353f6e;
|
|
--node--icon--color--sky-blue: #5699ff;
|
|
--node--icon--color--orange: #ff965a;
|
|
--node--icon--color--orange-red: var(--color--orange-500);
|
|
--node--icon--color--amber: #f92;
|
|
--node--icon--color--rust: #e44d26;
|
|
--node--icon--color--pink-red: #ea4b71;
|
|
--node--icon--color--magenta: #e91e63;
|
|
--node--icon--color--red: var(--color--red-600);
|
|
--node--icon--color--light-green: #31c4ab;
|
|
--node--icon--color--green: var(--color--mint-700);
|
|
--node--icon--color--dark-green: #157562;
|
|
--node--icon--color--emerald: #2fb67c;
|
|
--node--icon--color--forest-green: #4a4;
|
|
--node--icon--color--lime: #62f730;
|
|
--node--icon--color--azure: #54b8c9;
|
|
--node--icon--color--teal: #00b7bc;
|
|
--node--icon--color--purple: #539;
|
|
--node--icon--color--violet: #9b6dd5;
|
|
--node--icon--color--lavender: #8287eb;
|
|
--node--icon--color--crimson: #724;
|
|
--expression-editor--resolvable--color--foreground--valid: var(--color--green-600);
|
|
--expression-editor--resolvable--color--background--valid: var(--color--green-100);
|
|
--expression-editor--resolvable--color--foreground--invalid: var(--color--red-600);
|
|
--expression-editor--resolvable--color--background--invalid: var(--color--red-50);
|
|
--expression-editor--resolvable--color--foreground--pending: var(--color--text);
|
|
--expression-editor--resolvable--color--background--pending: var(--color--neutral-125);
|
|
--expression-editor--color--background: var(--color--neutral-white);
|
|
--expression-editor--modal--color--background: var(--color--background);
|
|
--expression-editor--syntax-example--color: var(--color--neutral-125);
|
|
--autocomplete--item--color--selected: var(--color--secondary);
|
|
--autocomplete--section-header--border-color: var(--color--foreground--tint-1);
|
|
--autocomplete--infobox--color--background: var(--color--background--light-1);
|
|
--autocomplete--infobox--examples--border-color: var(--color--foreground--tint-1);
|
|
--code-tags--string--color: #032f62;
|
|
--code-tags--regex--color: #032f62;
|
|
--code-tags--primitive--color: #005cc5;
|
|
--code-tags--keyword--color: #d73a49;
|
|
--code-tags--variable--color: #005cc5;
|
|
--code-tags--parameter--color: var(--color--neutral-850);
|
|
--code-tags--function--color: #6f42c1;
|
|
--code-tags--constant--color: #005cc5;
|
|
--code-tags--property--color: #005cc5;
|
|
--code-tags--type--color: #005cc5;
|
|
--code-tags--class--color: #6f42c1;
|
|
--code-tags--heading--color: #005cc5;
|
|
--code-tags--invalid--color: #cb2431;
|
|
--code-tags--comment--color: #6a737d;
|
|
--json--color: var(--color--purple-700);
|
|
--json--null--color: var(--color--red-600);
|
|
--json--boolean--color: var(--color--green-600);
|
|
--json--number--color: var(--color--green-600);
|
|
--json--string--color: var(--color--purple-700);
|
|
--json--key--color: var(--color--neutral-700);
|
|
--json--brackets--color: var(--color--neutral-700);
|
|
--json--brackets--color--hover: var(--color--blue-400);
|
|
--json--line--color: var(--color--neutral-250);
|
|
--json--highlight--color: var(--color--background);
|
|
--code--color--background: var(--color--neutral-white);
|
|
--code--color--background--readonly: var(--color--neutral-125);
|
|
--code--line-highlight--color: var(--color--neutral-300-alpha-100);
|
|
--code--color--foreground: var(--color--neutral-700);
|
|
--code--caret--color: var(--color--neutral-950);
|
|
--code--selection--color: #0366d625;
|
|
--code--selection--color--highlight: #34d05840;
|
|
--code--gutter--color--background: var(--color--neutral-white);
|
|
--code--gutter--color--foreground: var(--color--neutral-300);
|
|
--code--gutter--color--foreground--active: var(--color--neutral-700);
|
|
--code--indentation-marker--color: var(--color--neutral-150);
|
|
--code--indentation-marker--color--active: var(--color--neutral-250);
|
|
--line-break--color: var(--color--neutral-300);
|
|
--code--line-break--color: var(--color--purple-400);
|
|
--tag--height: 20px;
|
|
--tag--padding: 0 var(--spacing--4xs);
|
|
--tag--color--background: var(--color--neutral-125);
|
|
--tag--color--background--hover: var(--color--neutral-150);
|
|
--tag--color--background--active: var(--color--neutral-200);
|
|
--tag--border-color: var(--color--neutral-150);
|
|
--tag--border-color--hover: var(--color--neutral-200);
|
|
--tag--border-color--active: var(--color--neutral-250);
|
|
--tag--radius: var(--radius);
|
|
--tag--color--text: var(--color--text);
|
|
--tag--font-size: var(--font-size--2xs);
|
|
--tag--font-weight: var(--font-weight--regular);
|
|
--tag--line-height: 0;
|
|
--variables-usage--color--text: var(--color--success);
|
|
--variables-usage--syntax--color--background: var(--color--success--tint-4);
|
|
--button--color--text--primary: var(--color--neutral-white);
|
|
--button--border-color--primary: var(--color--orange-500);
|
|
--button--color--background--primary: var(--color--orange-500);
|
|
--button--border-color--primary--hover-active: var(--color--primary);
|
|
--button--color--background--primary--hover-active-focus: var(--color--primary);
|
|
--button--outline-color--primary--focus: var(--color--orange-alpha-300);
|
|
--button--color--text--primary--disabled: var(--color--white-alpha-800);
|
|
--button--border-color--primary--disabled: var(--color--orange-400);
|
|
--button--color--background--primary--disabled: var(--color--orange-400);
|
|
--button--color--text--secondary: var(--color--neutral-700);
|
|
--button--border-color--secondary: var(--color--neutral-300);
|
|
--button--color--background--secondary: var(--color--neutral-white);
|
|
--button--color--text--secondary--hover-active-focus: var(--color--orange-500);
|
|
--button--border-color--secondary--hover-active-focus: var(--color--orange-600);
|
|
--button--color--background--secondary--hover: var(--color--orange-50);
|
|
--button--color--background--secondary--active-focus: var(--color--orange-100);
|
|
--button--outline-color--secondary--focus: var(--color--neutral-200);
|
|
--button--color--text--secondary--disabled: var(--color--neutral-250);
|
|
--button--border-color--secondary--disabled: var(--color--neutral-250);
|
|
--button--color--text--highlight: var(--color--neutral-700);
|
|
--button--border-color--highlight: transparent;
|
|
--button--color--background--highlight: transparent;
|
|
--button--color--text--highlight--hover-active-focus: var(--color--orange-400);
|
|
--button--border-color--highlight--hover-active-focus: var(--color--neutral-125);
|
|
--button--color--background--highlight--hover: var(--color--neutral-125);
|
|
--button--color--background--highlight--active-focus: var(--color--neutral-125);
|
|
--button--outline-color--highlight--focus: var(--color--neutral-125);
|
|
--button--color--text--highlight--disabled: var(--color--neutral-200);
|
|
--button--border-color--highlight--disabled: transparent;
|
|
--button--color--background--highlight--disabled: transparent;
|
|
--button--color--text--highlight-fill: var(--color--text--shade-1);
|
|
--button--border-color--highlight-fill: transparent;
|
|
--button--color--background--highlight-fill: var(--color--background);
|
|
--button--color--text--highlight-fill--hover-active-focus: var(--color--primary);
|
|
--button--border-color--highlight-fill--hover-active-focus: transparent;
|
|
--button--color--background--highlight-fill--hover: var(--color--background);
|
|
--button--color--background--highlight-fill--active-focus: var(--color--background);
|
|
--button--outline-color--highlight-fill--focus: var(--color--neutral-125);
|
|
--button--color--text--highlight-fill--disabled: var(--color--neutral-200);
|
|
--button--border-color--highlight-fill--disabled: transparent;
|
|
--button--color--background--highlight-fill--disabled: var(--color--background);
|
|
--button--color--text--success: var(--color--neutral-white);
|
|
--button--color--text--success--disabled: var(--color--white-alpha-800);
|
|
--button--color--text--warning: var(--color--text--tint-3);
|
|
--button--color--text--warning--disabled: var(--color--white-alpha-800);
|
|
--button--color--text--danger: var(--color--text--tint-3);
|
|
--button--border-color--danger: var(--color--danger);
|
|
--button--outline-color--danger--focus: var(--color--danger--tint-3);
|
|
--button--color--text--danger--disabled: var(--color--white-alpha-800);
|
|
--button--border-color--danger--disabled: var(--color--danger--tint-3);
|
|
--button--color--background--danger--disabled: var(--color--danger--tint-3);
|
|
--text-button--color--text--secondary: var(--color--neutral-700);
|
|
--node-creator--button--color--text: var(--color--neutral-600);
|
|
--node-creator--button--color--text--hover: var(--color--orange-500);
|
|
--node-creator--button--border-color--hover: var(--color--orange-500);
|
|
--node-creator--button--color--background: var(--color--neutral-white);
|
|
--table--header--color--background: var(--color--background);
|
|
--table--row--color--background: var(--color--background--light-3);
|
|
--table--row--color--background--even: var(--color--background--light-2);
|
|
--table--row--color--background--hover: var(--color--primary--tint-3);
|
|
--table--row--color--background--highlight: var(--color--warning--tint-1);
|
|
--notification--color--background: var(--color--background--light-3);
|
|
--execution-card--border-color--new: var(--color--neutral-250);
|
|
--execution-card--border-color--success: var(--color--green-300);
|
|
--execution-card--border-color--error: var(--color--red-300);
|
|
--execution-card--border-color--waiting: var(--color--purple-300);
|
|
--execution-card--border-color--running: var(--color--gold-200);
|
|
--execution-card--border-color--unknown: var(--color--neutral-200);
|
|
--execution-card--color--background: var(--color--foreground--tint-2);
|
|
--execution-card--color--background--hover: var(--color--foreground--tint-1);
|
|
--execution-card--color--text--waiting: var(--color--secondary);
|
|
--execution-selector--color--background: var(--color--background--shade-2);
|
|
--execution-selector--color--text: var(--color--text--tint-3);
|
|
--execution-select-all--color--text: var(--color--danger);
|
|
--run-data--color--background: var(--color--neutral-150);
|
|
--ndv--run-data--color--background: var(--color--neutral-125);
|
|
--ndv--droppable-parameter--color: var(--color--secondary);
|
|
--ndv--droppable-parameter--color--background: var(--color--purple-alpha-100);
|
|
--ndv--droppable-parameter--color--background--active: var(--color--green-alpha-100);
|
|
--ndv--back--color--text: var(--color--neutral-white);
|
|
--ndv--background--color: var(--color--background--light-3);
|
|
--ndv--header--color: var(--color--background);
|
|
--ndv--header--height: calc(var(--height--xl) + var(--spacing--5xs));
|
|
--notice--border-color--warning: var(--color--warning--tint-1);
|
|
--notice--color--background--warning: var(--color--warning--tint-2);
|
|
--notice--color--text: var(--color--text);
|
|
--callout--border-color--info: var(--color--foreground);
|
|
--callout--color--background--info: var(--color--foreground--tint-2);
|
|
--callout--color--text--info: var(--color--text);
|
|
--callout--icon-color--info: var(--color--text--tint-1);
|
|
--callout--border-color--success: var(--color--success--tint-2);
|
|
--callout--color--background--success: var(--color--success--tint-4);
|
|
--callout--color--text--success: var(--color--success);
|
|
--callout--icon-color--success: var(--color--success);
|
|
--callout--border-color--warning: var(--color--warning--tint-1);
|
|
--callout--color--background--warning: var(--color--warning--tint-2);
|
|
--callout--color--text--warning: var(--color--warning);
|
|
--callout--icon-color--warning: var(--color--warning);
|
|
--callout--border-color--danger: var(--color--danger--tint-3);
|
|
--callout--color--background--danger: var(--color--danger--tint-4);
|
|
--callout--color--text--danger: var(--color--danger);
|
|
--callout--icon-color--danger: var(--color--danger);
|
|
--callout--border-color--secondary: var(--color--secondary--tint-1);
|
|
--callout--color--background--secondary: var(--color--secondary--tint-2);
|
|
--callout--color--text--secondary: var(--color--secondary);
|
|
--callout--icon-color--secondary: var(--color--secondary);
|
|
--dialog--color--background: var(--color--neutral-white);
|
|
--dialog--overlay--color--background: var(--color--white-alpha-800);
|
|
--dialog--overlay--color--background--dark: var(--color--black-alpha-600);
|
|
--block-ui--overlay--color: var(--color--neutral-950);
|
|
--avatar--color--text: var(--color--text--tint-3);
|
|
--nps-survey--color--background: var(--color--neutral-850);
|
|
--nps-survey--color--text: var(--color--neutral-white);
|
|
--action-dropdown--item--color--background--active: var(--color--background);
|
|
--switch--color--background: var(--color--neutral-400);
|
|
--switch--color--background--active: var(--color--green-500);
|
|
--switch--border-color: transparent;
|
|
--switch--toggle--color: var(--color--neutral-white);
|
|
--feature-request--color--text: var(--color--neutral-white);
|
|
--input-triple--color--background: var(--color--background--light-2);
|
|
--node--error-output--color--text: var(--color--danger);
|
|
--mfa--recovery-code--color--background: var(--color--background);
|
|
--mfa--recovery-code--color: var(--color--neutral-500);
|
|
--mfa--lose-access--color--text: var(--color--danger);
|
|
--text-highlight--color--background: var(--color--yellow-200);
|
|
--qr-code--border-color: var(--color--neutral-50);
|
|
--node-type--color--background--l: 95%;
|
|
--node-type--supplemental--label--color--h: 235;
|
|
--node-type--supplemental--label--color--s: 28%;
|
|
--node-type--supplemental--label--color--l: 40%;
|
|
--node-type--supplemental--color--h: 235;
|
|
--node-type--supplemental--color--s: 28%;
|
|
--node-type--supplemental--color--l: 60%;
|
|
--node-type--supplemental--label--color: hsl(
|
|
var(--node-type--supplemental--label--color--h),
|
|
var(--node-type--supplemental--label--color--s),
|
|
var(--node-type--supplemental--label--color--l)
|
|
);
|
|
--node-type--supplemental--icon--color: var(--color--foreground--shade-1);
|
|
--node-type--supplemental--color: hsl(
|
|
var(--node-type--supplemental--color--h),
|
|
var(--node-type--supplemental--color--s),
|
|
var(--node-type--supplemental--color--l)
|
|
);
|
|
--node-type--supplemental--color--background: hsl(
|
|
var(--node-type--supplemental--color--h),
|
|
var(--node-type--supplemental--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--supplemental--connector--color: var(--color--foreground--shade-1);
|
|
--node-type--ai-chain--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-chain--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-chain--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-chain--color: hsl(
|
|
var(--node-type--ai-chain--color--h),
|
|
var(--node-type--ai-chain--color--s),
|
|
var(--node-type--ai-chain--color--l)
|
|
);
|
|
--node-type--chain--color--background: hsl(
|
|
var(--node-type--ai-chain--color--h),
|
|
var(--node-type--ai-chain--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-document--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-document--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-document--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-document--color: hsl(
|
|
var(--node-type--ai-document--color--h),
|
|
var(--node-type--ai-document--color--s),
|
|
var(--node-type--ai-document--color--l)
|
|
);
|
|
--node-type--ai-document--color--background: hsl(
|
|
var(--node-type--ai-document--color--h),
|
|
var(--node-type--ai-document--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-embedding--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-embedding--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-embedding--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-embedding--color: hsl(
|
|
var(--node-type--ai-embedding--color--h),
|
|
var(--node-type--ai-embedding--color--s),
|
|
var(--node-type--ai-embedding--color--l)
|
|
);
|
|
--node-type--ai-embedding--color--background: hsl(
|
|
var(--node-type--ai-embedding--color--h),
|
|
var(--node-type--ai-embedding--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-language-model--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-language-model--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-language-model--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-language-model--color: hsl(
|
|
var(--node-type--ai-language-model--color--h),
|
|
var(--node-type--ai-language-model--color--s),
|
|
var(--node-type--ai-language-model--color--l)
|
|
);
|
|
--node-type--ai-language-model--color--background: hsl(
|
|
var(--node-type--ai-language-model--color--h),
|
|
var(--node-type--ai-language-model--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-memory--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-memory--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-memory--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-memory--color: hsl(
|
|
var(--node-type--ai-memory--color--h),
|
|
var(--node-type--ai-memory--color--s),
|
|
var(--node-type--ai-memory--color--l)
|
|
);
|
|
--node-type--ai-memory--color--background: hsl(
|
|
var(--node-type--ai-memory--color--h),
|
|
var(--node-type--ai-memory--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-output-parser--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-output-parser--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-output-parser--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-output-parser--color: hsl(
|
|
var(--node-type--ai-output-parser--color--h),
|
|
var(--node-type--ai-output-parser--color--s),
|
|
var(--node-type--ai-output-parser--color--l)
|
|
);
|
|
--node-type--ai-output-parser--color--background: hsl(
|
|
var(--node-type--ai-output-parser--color--h),
|
|
var(--node-type--ai-output-parser--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-tool--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-tool--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-tool--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-tool--color: hsl(
|
|
var(--node-type--ai-tool--color--h),
|
|
var(--node-type--ai-tool--color--s),
|
|
var(--node-type--ai-tool--color--l)
|
|
);
|
|
--node-type--ai-tool--color--background: hsl(
|
|
var(--node-type--ai-tool--color--h),
|
|
var(--node-type--ai-tool--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-retriever--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-retriever--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-retriever--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-retriever--color: hsl(
|
|
var(--node-type--ai-retriever--color--h),
|
|
var(--node-type--ai-retriever--color--s),
|
|
var(--node-type--ai-retriever--color--l)
|
|
);
|
|
--node-type--ai-retriever--color--background: hsl(
|
|
var(--node-type--ai-retriever--color--h),
|
|
var(--node-type--ai-retriever--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-text-splitter--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-text-splitter--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-text-splitter--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-text-splitter--color: hsl(
|
|
var(--node-type--ai-text-splitter--color--h),
|
|
var(--node-type--ai-text-splitter--color--s),
|
|
var(--node-type--ai-text-splitter--color--l)
|
|
);
|
|
--node-type--ai-text-splitter--color--background: hsl(
|
|
var(--node-type--ai-text-splitter--color--h),
|
|
var(--node-type--ai-text-splitter--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-vector-retriever--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-vector-retriever--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-vector-retriever--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-vector-retriever--color: hsl(
|
|
var(--node-type--ai-vector-retriever--color--h),
|
|
var(--node-type--ai-vector-retriever--color--s),
|
|
var(--node-type--ai-vector-retriever--color--l)
|
|
);
|
|
--node-type--ai-vector-retriever--color--background: hsl(
|
|
var(--node-type--ai-vector-retriever--color--h),
|
|
var(--node-type--ai-vector-retriever--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-vector-store--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-vector-store--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-vector-store--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-vector-store--color: hsl(
|
|
var(--node-type--ai-vector-store--color--h),
|
|
var(--node-type--ai-vector-store--color--s),
|
|
var(--node-type--ai-vector-store--color--l)
|
|
);
|
|
--node-type--ai-vector-store--color--background: hsl(
|
|
var(--node-type--ai-vector-store--color--h),
|
|
var(--node-type--ai-vector-store--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--diff--color--new: #0eab54;
|
|
--diff--color--new--light: #b4efc4;
|
|
--diff--color--new--faint: #ddfbe7;
|
|
--diff--color--modified: #bf941f;
|
|
--diff--color--modified--light: #f3dca1;
|
|
--diff--color--modified--faint: var(--color--yellow-100);
|
|
--diff--color--deleted: #f51f32;
|
|
--diff--color--deleted--light: var(--color--red-200);
|
|
--diff--color--deleted--faint: var(--color--red-50);
|
|
--avatar--color--accent-1: var(--color--neutral-200);
|
|
--avatar--color--accent-2: var(--color--blue-500);
|
|
--color--info: var(--color--neutral-400);
|
|
--color--info--tint-1: var(--color--neutral-200);
|
|
--color--info--tint-2: var(--color--neutral-125);
|
|
--color--neutral: var(--color--neutral-250);
|
|
--color--neutral--light: var(--color--neutral-200);
|
|
--node--configurable-name--color: var(--color--text--shade-1);
|
|
--link--color--secondary: var(--color--secondary);
|
|
--link--color--secondary--hover: var(--color--secondary--shade-1);
|
|
--menu--color--background: var(--color--neutral-white);
|
|
--menu--color--background--hover: var(--color--neutral-200);
|
|
--menu--color--background--active: var(--color--neutral-200);
|
|
--icon--color: var(--color--text--tint-1);
|
|
--icon--color--hover: var(--color--orange-600);
|
|
--grid--row--color--background--selected: var(--color--purple-200);
|
|
--grid--cell--border-color--editing: 2px solid var(--color--secondary);
|
|
--command-bar-item--color--background--hover: var(--color--background);
|
|
--command-bar-item--height: 40px;
|
|
--command-bar--shadow:
|
|
0 15px 45px 0 var(--color--black-alpha-200), 0 5px 10px 0 var(--color--black-alpha-200);
|
|
--animation--duration: var(--duration--base);
|
|
--animation--duration--snappy: var(--duration--snappy);
|
|
--animation--easing: var(--easing--ease-out);
|
|
--lightningcss-light: initial;
|
|
--lightningcss-dark: ;
|
|
color-scheme: light;
|
|
}
|
|
[data-theme='dark'] {
|
|
--color--danger: var(--color--red-400);
|
|
--color--text--shade-1: var(--color--neutral-white);
|
|
--color--text: var(--color--neutral-200);
|
|
--color--text--tint-1: var(--color--neutral-400);
|
|
--color--text--tint-2: var(--color--neutral-600);
|
|
--color--text--tint-3: var(--color--neutral-800);
|
|
--color--text--danger: var(--color--red-400);
|
|
--color--foreground--shade-2: var(--color--neutral-400);
|
|
--color--foreground--shade-1: var(--color--neutral-700);
|
|
--color--foreground: var(--color--neutral-800);
|
|
--color--foreground--tint-1: var(--color--neutral-850);
|
|
--color--foreground--tint-2: var(--color--neutral-950);
|
|
--color--background--shade-2: var(--color--neutral-150);
|
|
--color--background--shade-1: var(--color--neutral-600);
|
|
--color--background: var(--color--neutral-700);
|
|
--color--background--light-1: var(--color--neutral-850);
|
|
--color--background--light-2: var(--color--neutral-950);
|
|
--color--background--light-3: var(--color--neutral-900);
|
|
--border: var(
|
|
--border-base,
|
|
var(--border-width) var(--border-style) var(--color--white-alpha-100)
|
|
);
|
|
--background--brand: var(--color--orange-500);
|
|
--background--brand--hover: var(--color--orange-600);
|
|
--background--brand--active: var(--color--orange-700);
|
|
--background--brand--focus: var(--color--orange-400);
|
|
--background--brand--disabled: var(--color--neutral-800);
|
|
--background--surface: var(--color--neutral-900);
|
|
--background--subtle: var(--color--neutral-800);
|
|
--background--hover: var(--color--white-alpha-100);
|
|
--background--active: var(--color--white-alpha-150);
|
|
--background--focus: var(--color--white-alpha-150);
|
|
--background--disabled: var(--color--neutral-800);
|
|
--border-color: var(--border-color-base, var(--color--white-alpha-100));
|
|
--border-color--subtle: var(--color--white-alpha-50);
|
|
--border-color--strong: var(--color--white-alpha-200);
|
|
--border-color--stronger: var(--color--white-alpha-400);
|
|
--icon-color--subtle: var(--color--neutral-600);
|
|
--icon-color: var(--color--neutral-300);
|
|
--icon-color--strong: var(--color--neutral-white);
|
|
--text-color: var(--color--neutral-white);
|
|
--text-color--subtle: var(--color--neutral-200);
|
|
--text-color--subtler: var(--color--neutral-400);
|
|
--text-color--disabled: var(--color--neutral-600);
|
|
--background--success: var(--color--green-950);
|
|
--border-color--success: var(--color--green-800);
|
|
--text-color--success: var(--color--green-50);
|
|
--icon-color--success: var(--color--green-50);
|
|
--background--warning: var(--color--yellow-900);
|
|
--border-color--warning: var(--color--yellow-800);
|
|
--text-color--warning: var(--color--yellow-100);
|
|
--icon-color--warning: var(--color--yellow-100);
|
|
--background--danger: var(--color--red-950);
|
|
--border-color--danger: var(--color--red-800);
|
|
--text-color--danger: var(--color--red-50);
|
|
--icon-color--danger: var(--color--red-50);
|
|
--background--info: var(--color--blue-900);
|
|
--border-color--info: var(--color--blue-800);
|
|
--text-color--info: var(--color--blue-50);
|
|
--icon-color--info: var(--color--blue-50);
|
|
--background--inverse: var(--color--neutral-white);
|
|
--border-color--inverse: var(--color--neutral-200);
|
|
--text-color--inverse: var(--color--neutral-800);
|
|
--icon-color--inverse: var(--color--neutral-800);
|
|
--assistant--color--highlight-1: #8c90f2;
|
|
--assistant--color--highlight-2: #a977f0;
|
|
--assistant--color--highlight-3: #f0778b;
|
|
--assistant--button--color--background--gradient: linear-gradient(
|
|
var(--color--neutral-850),
|
|
var(--color--neutral-850)
|
|
);
|
|
--assistant--button--color--background--gradient--hover: linear-gradient(#383839, #383839);
|
|
--assistant--button--color--background--gradient--active: linear-gradient(
|
|
var(--color--neutral-750),
|
|
var(--color--neutral-750)
|
|
);
|
|
--assistant--button--color--background--hover: var(
|
|
--assistant--button--color--background--gradient--hover
|
|
);
|
|
--assistant--button--color--background--active: var(
|
|
--assistant--button--color--background--gradient--active
|
|
);
|
|
--assistant--color--highlight-gradient: linear-gradient(
|
|
105deg,
|
|
var(--assistant--color--highlight-1) 0%,
|
|
var(--assistant--color--highlight-2) 50%,
|
|
var(--assistant--color--highlight-3) 100%
|
|
);
|
|
--assistant--color--highlight-gradient--reverse: linear-gradient(
|
|
105deg,
|
|
var(--assistant--color--highlight-3) 0%,
|
|
var(--assistant--color--highlight-2) 50%,
|
|
var(--assistant--color--highlight-1) 100%
|
|
);
|
|
--assistant--color--text--subtle: var(--color--neutral-250);
|
|
--assistant--icon-color--subtle: var(--color--neutral-250);
|
|
--assistant--color--text: var(--color--neutral-white);
|
|
--assistant--color--text--user-bubble: var(--color--blue-50);
|
|
--assistant--color--background--user-bubble: var(--color--neutral-800);
|
|
--lm-chat--messages--color--background: var(--color--neutral-950);
|
|
--lm-chat--bot--color--background: var(--color--neutral-850);
|
|
--lm-chat--bot--border-color: var(--color--neutral-500);
|
|
--lm-chat--user--color--background: var(--color--green-700);
|
|
--lm-chat--user--border-color: var(--color--green-600);
|
|
--canvas--color--background: var(--color--neutral-950);
|
|
--canvas--dot--color: var(--color--neutral-700);
|
|
--canvas--read-only-line--color: var(--color--neutral-900);
|
|
--canvas--color--selected: var(--color--white-alpha-400);
|
|
--canvas--color--selected-transparent: var(--canvas--color--selected);
|
|
--canvas--label--color: var(--color--neutral-500);
|
|
--canvas--label--color--background: oklch(from var(--canvas--color--background) l c h / 0.85);
|
|
--node--color--background: var(--color--neutral-850);
|
|
--node--color--background--executing: var(--color--neutral-700);
|
|
--node--color--background--executing-1: var(--color--neutral-700);
|
|
--node--border-color--pinned: var(--color--purple-500);
|
|
--node--type-main--color: var(--color--neutral-400);
|
|
--sticky--color--background: var(--color--yellow-900);
|
|
--sticky--border-color: var(--color--yellow-800);
|
|
--sticky--color--text: var(--color--neutral-125);
|
|
--sticky--code--color--text: var(--color--purple-300);
|
|
--sticky--code--color--background: var(--color--neutral-150-alpha-100);
|
|
--sticky--color--background--variant-1: var(--color--yellow-900);
|
|
--sticky--border-color--variant-1: var(--color--yellow-800);
|
|
--sticky--color--background--variant-2: var(--color--gold-900);
|
|
--sticky--border-color--variant-2: var(--color--gold-800);
|
|
--sticky--color--background--variant-3: var(--color--red-950);
|
|
--sticky--border-color--variant-3: var(--color--red-900);
|
|
--sticky--color--background--variant-4: var(--color--green-950);
|
|
--sticky--border-color--variant-4: var(--color--green-900);
|
|
--sticky--color--background--variant-5: var(--color--blue-900);
|
|
--sticky--border-color--variant-5: var(--color--blue-800);
|
|
--sticky--color--background--variant-6: var(--color--purple-950);
|
|
--sticky--border-color--variant-6: var(--color--purple-800);
|
|
--sticky--color--background--variant-7: var(--color--neutral-900);
|
|
--sticky--border-color--variant-7: var(--color--neutral-800);
|
|
--node--icon--color--neutral: var(--color--neutral-200);
|
|
--node--icon--color--gray: #a5a5ad;
|
|
--node--icon--color--black: var(--color--neutral-200);
|
|
--node--icon--color--blue: #898fff;
|
|
--node--icon--color--light-blue: #58abff;
|
|
--node--icon--color--dark-blue: #7ba7ff;
|
|
--node--icon--color--sky-blue: #7fb3ff;
|
|
--node--icon--color--orange: #ffb080;
|
|
--node--icon--color--orange-red: var(--color--orange-500);
|
|
--node--icon--color--amber: #ffb966;
|
|
--node--icon--color--rust: #f75;
|
|
--node--icon--color--pink-red: #f85d82;
|
|
--node--icon--color--magenta: #ff4d80;
|
|
--node--icon--color--red: var(--color--red-400);
|
|
--node--icon--color--light-green: #20b69e;
|
|
--node--icon--color--green: var(--color--green-500);
|
|
--node--icon--color--dark-green: #86decc;
|
|
--node--icon--color--emerald: #50d499;
|
|
--node--icon--color--forest-green: #6c6;
|
|
--node--icon--color--lime: #7fff55;
|
|
--node--icon--color--azure: #7dd6e3;
|
|
--node--icon--color--teal: #33d6db;
|
|
--node--icon--color--purple: #9b6dd5;
|
|
--node--icon--color--violet: #b48de6;
|
|
--node--icon--color--lavender: #a8acff;
|
|
--node--icon--color--crimson: #f188a2;
|
|
--expression-editor--resolvable--color--foreground--valid: var(--color--green-300);
|
|
--expression-editor--resolvable--color--background--valid: var(--color--green-alpha-200);
|
|
--expression-editor--resolvable--color--foreground--invalid: var(--color--red-300);
|
|
--expression-editor--resolvable--color--background--invalid: var(--color--red-alpha-020);
|
|
--expression-editor--resolvable--color--foreground--pending: var(--color--text);
|
|
--expression-editor--resolvable--color--background--pending: var(
|
|
--color--neutral-150-alpha-100
|
|
);
|
|
--expression-editor--color--background: var(--color--neutral-900);
|
|
--expression-editor--modal--color--background: var(--color--neutral-900);
|
|
--expression-editor--syntax-example--color: var(--color--neutral-700);
|
|
--autocomplete--item--color--selected: var(--color--purple-400);
|
|
--autocomplete--section-header--border-color: var(--color--neutral-600);
|
|
--autocomplete--infobox--color--background: var(--color--neutral-900);
|
|
--autocomplete--infobox--examples--border-color: var(--color--neutral-700);
|
|
--code-tags--string--color: #9ecbff;
|
|
--code-tags--regex--color: #9ecbff;
|
|
--code-tags--primitive--color: #79b8ff;
|
|
--code-tags--keyword--color: #f97583;
|
|
--code-tags--variable--color: #79b8ff;
|
|
--code-tags--parameter--color: var(--color--slate-100);
|
|
--code-tags--function--color: #b392f0;
|
|
--code-tags--constant--color: #79b8ff;
|
|
--code-tags--property--color: #79b8ff;
|
|
--code-tags--type--color: #b392f0;
|
|
--code-tags--class--color: #b392f0;
|
|
--code-tags--heading--color: #79b8ff;
|
|
--code-tags--invalid--color: #f97583;
|
|
--code-tags--comment--color: #6a737d;
|
|
--json--color: var(--color--purple-400);
|
|
--json--null--color: var(--color--danger);
|
|
--json--boolean--color: var(--color--green-600);
|
|
--json--number--color: var(--color--green-600);
|
|
--json--string--color: var(--color--purple-400);
|
|
--json--key--color: var(--color--text--shade-1);
|
|
--json--brackets--color: var(--color--neutral-700);
|
|
--json--brackets--color--hover: var(--color--blue-400);
|
|
--json--line--color: var(--color--neutral-250);
|
|
--json--highlight--color: var(--color--background);
|
|
--code--color--background: var(--color--neutral-950);
|
|
--code--color--background--readonly: var(--color--neutral-850);
|
|
--code--line-highlight--color: var(--color--neutral-300-alpha-100);
|
|
--code--color--foreground: var(--color--neutral-150);
|
|
--code--caret--color: var(--color--neutral-50);
|
|
--code--selection--color: #3392ff44;
|
|
--code--selection--color--highlight: #17e5e633;
|
|
--code--gutter--color--background: var(--color--neutral-950);
|
|
--code--gutter--color--foreground: var(--color--neutral-300);
|
|
--code--gutter--color--foreground--active: var(--color--neutral-50);
|
|
--code--indentation-marker--color: var(--color--neutral-850);
|
|
--code--indentation-marker--color--active: var(--color--neutral-700);
|
|
--line-break--color: var(--color--neutral-400);
|
|
--code--line-break--color: var(--color--purple-500);
|
|
--tag--color--background: var(--color--neutral-700);
|
|
--tag--color--background--hover: var(--color--neutral-600);
|
|
--tag--color--background--active: var(--color--neutral-500);
|
|
--tag--border-color: var(--color--neutral-800);
|
|
--tag--border-color--hover: var(--color--neutral-700);
|
|
--tag--border-color--active: var(--color--neutral-600);
|
|
--tag--color--text: var(--color--text--shade-1);
|
|
--variables-usage--color--text: var(--color--green-300);
|
|
--variables-usage--syntax--color--background: var(--color--green-alpha-200);
|
|
--button--outline-color--primary--focus: var(--color--orange-alpha-300);
|
|
--button--color--text--primary--disabled: var(--color--white-alpha-500);
|
|
--button--border-color--primary--disabled: transparent;
|
|
--button--color--background--primary--disabled: var(--color--orange-alpha-500);
|
|
--button--color--text--secondary: var(--color--neutral-150);
|
|
--button--border-color--secondary: var(--color--foreground);
|
|
--button--color--background--secondary: var(--color--background--light-2);
|
|
--button--color--text--secondary--hover-active-focus: var(--color--orange-250);
|
|
--button--color--background--secondary--hover: var(--color--background--light-2);
|
|
--button--color--background--secondary--active-focus: var(--color--orange-alpha-100);
|
|
--button--outline-color--secondary--focus: var(--color--orange-alpha-300);
|
|
--button--color--text--secondary--disabled: var(--color--white-alpha-500);
|
|
--button--border-color--secondary--disabled: var(--color--foreground);
|
|
--button--color--text--highlight: var(--color--neutral-300);
|
|
--button--border-color--highlight: transparent;
|
|
--button--color--background--highlight: transparent;
|
|
--button--color--text--highlight--hover-active-focus: var(--color--orange-400);
|
|
--button--border-color--highlight--hover-active-focus: var(--color--neutral-700);
|
|
--button--color--background--highlight--hover: var(--color--neutral-700);
|
|
--button--color--background--highlight--active-focus: var(--color--neutral-700);
|
|
--button--outline-color--highlight--focus: var(--color--neutral-700);
|
|
--button--color--text--highlight--disabled: var(--color--neutral-600);
|
|
--button--border-color--highlight--disabled: transparent;
|
|
--button--color--text--highlight-fill: var(--color--text--shade-1);
|
|
--button--border-color--highlight-fill: transparent;
|
|
--button--color--background--highlight-fill: var(--color--background);
|
|
--button--color--text--highlight-fill--hover-active-focus: var(--color--primary);
|
|
--button--border-color--highlight-fill--hover-active-focus: transparent;
|
|
--button--color--background--highlight-fill--hover: var(--color--background);
|
|
--button--color--background--highlight-fill--active-focus: var(--color--background);
|
|
--button--outline-color--highlight-fill--focus: var(--color--neutral-700);
|
|
--button--color--text--highlight-fill--disabled: var(--color--neutral-600);
|
|
--button--border-color--highlight-fill--disabled: transparent;
|
|
--button--color--background--highlight-fill--disabled: var(--color--background);
|
|
--button--color--text--danger: var(--color--neutral-white);
|
|
--button--border-color--danger: transparent;
|
|
--button--outline-color--danger--focus: var(--color--red-300);
|
|
--button--color--text--danger--disabled: var(--color--white-alpha-400);
|
|
--button--border-color--danger--disabled: transparent;
|
|
--button--color--background--danger--disabled: var(--color--red-alpha-020);
|
|
--text-button--color--text--secondary: var(--color--neutral-300);
|
|
--node-creator--button--color--text: var(--button--color--text--secondary);
|
|
--node-creator--button--color--text--hover: var(
|
|
--button--color--text--secondary--hover-active-focus
|
|
);
|
|
--node-creator--button--border-color--hover: var(--color--orange-500);
|
|
--node-creator--button--color--background: var(--color--orange-alpha-100);
|
|
--table--header--color--background: var(--color--neutral-850);
|
|
--table--row--color--background: var(--color--neutral-950);
|
|
--table--row--color--background--even: var(--color--neutral-900);
|
|
--table--row--color--background--hover: var(--color--neutral-850);
|
|
--table--row--color--background--highlight: var(--color--warning--tint-1);
|
|
--notification--color--background: var(--color--neutral-850);
|
|
--execution-card--color--background: var(--color--foreground--tint-1);
|
|
--execution-card--color--background--hover: var(--color--foreground);
|
|
--execution-selector--color--background: var(--color--background--shade-2);
|
|
--execution-selector--color--text: var(--color--text--tint-3);
|
|
--execution-select-all--color--text: var(--color--text);
|
|
--execution-card--color--text--waiting: var(--color--purple-500);
|
|
--run-data--color--background: var(--color--neutral-900);
|
|
--ndv--run-data--color--background: var(--color--neutral-900);
|
|
--ndv--droppable-parameter--color: var(--color--orange-500);
|
|
--ndv--droppable-parameter--color--background: var(--color--orange-alpha-100);
|
|
--ndv--droppable-parameter--color--background--active: var(--color--green-alpha-100);
|
|
--ndv--back--color--text: var(--color--neutral-white);
|
|
--ndv--background--color: var(--color--background--light-1);
|
|
--notice--border-color--warning: var(--color--gold-200);
|
|
--notice--color--background--warning: var(--color--gold-alpha-020);
|
|
--notice--color--text: var(--color--neutral-white);
|
|
--callout--border-color--info: var(--color--foreground);
|
|
--callout--color--background--info: var(--color--neutral-900);
|
|
--callout--color--text--info: var(--color--neutral-white);
|
|
--callout--border-color--success: var(--color--success);
|
|
--callout--color--background--success: var(--color--green-900);
|
|
--callout--color--text--success: var(--color--neutral-white);
|
|
--callout--border-color--warning: var(--color--warning);
|
|
--callout--color--background--warning: var(--color--gold-800);
|
|
--callout--color--text--warning: var(--color--neutral-white);
|
|
--callout--border-color--danger: var(--color--red-800);
|
|
--callout--color--background--danger: var(--color--red-950);
|
|
--callout--color--text--danger: var(--color--neutral-white);
|
|
--callout--icon-color--danger: var(--color--danger);
|
|
--callout--border-color--secondary: var(--color--secondary);
|
|
--callout--color--background--secondary: var(--color--purple-alpha-200);
|
|
--callout--color--text--secondary: var(--color--neutral-white);
|
|
--dialog--color--background: var(--color--neutral-900);
|
|
--dialog--overlay--color--background: var(--color--slate-alpha-700);
|
|
--dialog--overlay--color--background--dark: var(--color--black-alpha-600);
|
|
--avatar--color--text: var(--color--neutral-white);
|
|
--nps-survey--color--background: var(--color--neutral-850);
|
|
--nps-survey--color--text: var(--color--neutral-white);
|
|
--switch--color--background: var(--color--neutral-950);
|
|
--switch--border-color: var(--color--neutral-700);
|
|
--switch--toggle--color: var(--color--neutral-125);
|
|
--action-dropdown--item--color--background--active: var(--color--background--light-3);
|
|
--input-triple--color--background: var(--color--neutral-900);
|
|
--node--error-output--color--text: var(--color--danger);
|
|
--mfa--recovery-code--color--background: var(--color--background--light-3);
|
|
--mfa--recovery-code--color: var(--color--text--shade-1);
|
|
--mfa--lose-access--color--text: var(--color--danger);
|
|
--text-highlight--color--background: var(--color--yellow-700);
|
|
--node-type--color--background--l: 20%;
|
|
--node-type--supplemental--label--color--h: 235;
|
|
--node-type--supplemental--label--color--s: 28%;
|
|
--node-type--supplemental--label--color--l: 100%;
|
|
--node-type--supplemental--color--h: 235;
|
|
--node-type--supplemental--color--s: 13%;
|
|
--node-type--supplemental--color--l: 60%;
|
|
--node-type--supplemental--label--color: hsl(
|
|
var(--node-type--supplemental--label--color--h),
|
|
var(--node-type--supplemental--label--color--s),
|
|
var(--node-type--supplemental--label--color--l)
|
|
);
|
|
--node-type--supplemental--icon--color: var(--color--foreground--shade-1);
|
|
--node-type--supplemental--color: hsl(
|
|
var(--node-type--supplemental--color--h),
|
|
var(--node-type--supplemental--color--s),
|
|
var(--node-type--supplemental--color--l)
|
|
);
|
|
--node-type--supplemental--color--background: hsl(
|
|
var(--node-type--supplemental--color--h),
|
|
var(--node-type--supplemental--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--supplemental--connector--color: var(--color--foreground--shade-1);
|
|
--node-type--ai-chain--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-chain--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-chain--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-chain--color: hsl(
|
|
var(--node-type--ai-chain--color--h),
|
|
var(--node-type--ai-chain--color--s),
|
|
var(--node-type--ai-chain--color--l)
|
|
);
|
|
--node-type--chain--color--background: hsl(
|
|
var(--node-type--ai-chain--color--h),
|
|
var(--node-type--ai-chain--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-document--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-document--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-document--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-document--color: hsl(
|
|
var(--node-type--ai-document--color--h),
|
|
var(--node-type--ai-document--color--s),
|
|
var(--node-type--ai-document--color--l)
|
|
);
|
|
--node-type--ai-document--color--background: hsl(
|
|
var(--node-type--ai-document--color--h),
|
|
var(--node-type--ai-document--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-embedding--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-embedding--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-embedding--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-embedding--color: hsl(
|
|
var(--node-type--ai-embedding--color--h),
|
|
var(--node-type--ai-embedding--color--s),
|
|
var(--node-type--ai-embedding--color--l)
|
|
);
|
|
--node-type--ai-embedding--color--background: hsl(
|
|
var(--node-type--ai-embedding--color--h),
|
|
var(--node-type--ai-embedding--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-language-model--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-language-model--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-language-model--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-language-model--color: hsl(
|
|
var(--node-type--ai-language-model--color--h),
|
|
var(--node-type--ai-language-model--color--s),
|
|
var(--node-type--ai-language-model--color--l)
|
|
);
|
|
--node-type--ai-language-model--color--background: hsl(
|
|
var(--node-type--ai-language-model--color--h),
|
|
var(--node-type--ai-language-model--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-memory--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-memory--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-memory--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-memory--color: hsl(
|
|
var(--node-type--ai-memory--color--h),
|
|
var(--node-type--ai-memory--color--s),
|
|
var(--node-type--ai-memory--color--l)
|
|
);
|
|
--node-type--ai-memory--color--background: hsl(
|
|
var(--node-type--ai-memory--color--h),
|
|
var(--node-type--ai-memory--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-output-parser--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-output-parser--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-output-parser--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-output-parser--color: hsl(
|
|
var(--node-type--ai-output-parser--color--h),
|
|
var(--node-type--ai-output-parser--color--s),
|
|
var(--node-type--ai-output-parser--color--l)
|
|
);
|
|
--node-type--ai-output-parser--color--background: hsl(
|
|
var(--node-type--ai-output-parser--color--h),
|
|
var(--node-type--ai-output-parser--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-tool--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-tool--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-tool--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-tool--color: hsl(
|
|
var(--node-type--ai-tool--color--h),
|
|
var(--node-type--ai-tool--color--s),
|
|
var(--node-type--ai-tool--color--l)
|
|
);
|
|
--node-type--ai-tool--color--background: hsl(
|
|
var(--node-type--ai-tool--color--h),
|
|
var(--node-type--ai-tool--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-retriever--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-retriever--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-retriever--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-retriever--color: hsl(
|
|
var(--node-type--ai-retriever--color--h),
|
|
var(--node-type--ai-retriever--color--s),
|
|
var(--node-type--ai-retriever--color--l)
|
|
);
|
|
--node-type--ai-retriever--color--background: hsl(
|
|
var(--node-type--ai-retriever--color--h),
|
|
var(--node-type--ai-retriever--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-text-splitter--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-text-splitter--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-text-splitter--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-text-splitter--color: hsl(
|
|
var(--node-type--ai-text-splitter--color--h),
|
|
var(--node-type--ai-text-splitter--color--s),
|
|
var(--node-type--ai-text-splitter--color--l)
|
|
);
|
|
--node-type--ai-text-splitter--color--background: hsl(
|
|
var(--node-type--ai-text-splitter--color--h),
|
|
var(--node-type--ai-text-splitter--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-vector-retriever--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-vector-retriever--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-vector-retriever--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-vector-retriever--color: hsl(
|
|
var(--node-type--ai-vector-retriever--color--h),
|
|
var(--node-type--ai-vector-retriever--color--s),
|
|
var(--node-type--ai-vector-retriever--color--l)
|
|
);
|
|
--node-type--ai-vector-retriever--color--background: hsl(
|
|
var(--node-type--ai-vector-retriever--color--h),
|
|
var(--node-type--ai-vector-retriever--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-vector-store--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-vector-store--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-vector-store--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-vector-store--color: hsl(
|
|
var(--node-type--ai-vector-store--color--h),
|
|
var(--node-type--ai-vector-store--color--s),
|
|
var(--node-type--ai-vector-store--color--l)
|
|
);
|
|
--node-type--ai-vector-store--color--background: hsl(
|
|
var(--node-type--ai-vector-store--color--h),
|
|
var(--node-type--ai-vector-store--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--diff--color--new: var(--color--green-500);
|
|
--diff--color--new--light: #43674f;
|
|
--diff--color--new--faint: #3a463e;
|
|
--diff--color--modified: #d6a625;
|
|
--diff--color--modified--light: #6a5c38;
|
|
--diff--color--modified--faint: #464236;
|
|
--diff--color--deleted: #fb887a;
|
|
--diff--color--deleted--light: #7a524e;
|
|
--diff--color--deleted--faint: #4d3e3d;
|
|
--color--info--tint-1: var(--color--neutral-400);
|
|
--color--info--tint-2: var(--color--neutral-850);
|
|
--node--configurable-name--color: var(--color--text--shade-1);
|
|
--link--color--secondary: var(--color--purple-400);
|
|
--link--color--secondary--hover: var(--color--purple-500);
|
|
--icon--color: var(--color--text--tint-1);
|
|
--icon--color--hover: var(--color--orange-500);
|
|
--menu--color--background: var(--color--neutral-900);
|
|
--menu--color--background--hover: var(--color--neutral-700);
|
|
--menu--color--background--active: var(--color--neutral-700);
|
|
--grid--row--color--background--selected: var(--color--purple-900);
|
|
--command-bar-item--color--background--hover: var(--color--background--light-1);
|
|
--command-bar--shadow:
|
|
0 15px 45px 0 var(--color--black-alpha-400), 0 5px 10px 0 var(--color--black-alpha-200);
|
|
--lightningcss-light: ;
|
|
--lightningcss-dark: initial;
|
|
color-scheme: dark;
|
|
}
|
|
body:not([data-theme]) {
|
|
--lightningcss-light: initial;
|
|
--lightningcss-dark: ;
|
|
color-scheme: light dark;
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
body:not([data-theme]) {
|
|
--lightningcss-light: ;
|
|
--lightningcss-dark: initial;
|
|
--color--danger: var(--color--red-400);
|
|
--color--text--shade-1: var(--color--neutral-white);
|
|
--color--text: var(--color--neutral-200);
|
|
--color--text--tint-1: var(--color--neutral-400);
|
|
--color--text--tint-2: var(--color--neutral-600);
|
|
--color--text--tint-3: var(--color--neutral-800);
|
|
--color--text--danger: var(--color--red-400);
|
|
--color--foreground--shade-2: var(--color--neutral-400);
|
|
--color--foreground--shade-1: var(--color--neutral-700);
|
|
--color--foreground: var(--color--neutral-800);
|
|
--color--foreground--tint-1: var(--color--neutral-850);
|
|
--color--foreground--tint-2: var(--color--neutral-950);
|
|
--color--background--shade-2: var(--color--neutral-150);
|
|
--color--background--shade-1: var(--color--neutral-600);
|
|
--color--background: var(--color--neutral-700);
|
|
--color--background--light-1: var(--color--neutral-850);
|
|
--color--background--light-2: var(--color--neutral-950);
|
|
--color--background--light-3: var(--color--neutral-900);
|
|
--border: var(
|
|
--border-base,
|
|
var(--border-width) var(--border-style) var(--color--white-alpha-100)
|
|
);
|
|
--background--brand: var(--color--orange-500);
|
|
--background--brand--hover: var(--color--orange-600);
|
|
--background--brand--active: var(--color--orange-700);
|
|
--background--brand--focus: var(--color--orange-400);
|
|
--background--brand--disabled: var(--color--neutral-800);
|
|
--background--surface: var(--color--neutral-900);
|
|
--background--subtle: var(--color--neutral-800);
|
|
--background--hover: var(--color--white-alpha-100);
|
|
--background--active: var(--color--white-alpha-150);
|
|
--background--focus: var(--color--white-alpha-150);
|
|
--background--disabled: var(--color--neutral-800);
|
|
--border-color: var(--border-color-base, var(--color--white-alpha-100));
|
|
--border-color--subtle: var(--color--white-alpha-50);
|
|
--border-color--strong: var(--color--white-alpha-200);
|
|
--border-color--stronger: var(--color--white-alpha-400);
|
|
--icon-color--subtle: var(--color--neutral-600);
|
|
--icon-color: var(--color--neutral-300);
|
|
--icon-color--strong: var(--color--neutral-white);
|
|
--text-color: var(--color--neutral-white);
|
|
--text-color--subtle: var(--color--neutral-200);
|
|
--text-color--subtler: var(--color--neutral-400);
|
|
--text-color--disabled: var(--color--neutral-600);
|
|
--background--success: var(--color--green-950);
|
|
--border-color--success: var(--color--green-800);
|
|
--text-color--success: var(--color--green-50);
|
|
--icon-color--success: var(--color--green-50);
|
|
--background--warning: var(--color--yellow-900);
|
|
--border-color--warning: var(--color--yellow-800);
|
|
--text-color--warning: var(--color--yellow-100);
|
|
--icon-color--warning: var(--color--yellow-100);
|
|
--background--danger: var(--color--red-950);
|
|
--border-color--danger: var(--color--red-800);
|
|
--text-color--danger: var(--color--red-50);
|
|
--icon-color--danger: var(--color--red-50);
|
|
--background--info: var(--color--blue-900);
|
|
--border-color--info: var(--color--blue-800);
|
|
--text-color--info: var(--color--blue-50);
|
|
--icon-color--info: var(--color--blue-50);
|
|
--background--inverse: var(--color--neutral-white);
|
|
--border-color--inverse: var(--color--neutral-200);
|
|
--text-color--inverse: var(--color--neutral-800);
|
|
--icon-color--inverse: var(--color--neutral-800);
|
|
--assistant--color--highlight-1: #8c90f2;
|
|
--assistant--color--highlight-2: #a977f0;
|
|
--assistant--color--highlight-3: #f0778b;
|
|
--assistant--button--color--background--gradient: linear-gradient(
|
|
var(--color--neutral-850),
|
|
var(--color--neutral-850)
|
|
);
|
|
--assistant--button--color--background--gradient--hover: linear-gradient(#383839, #383839);
|
|
--assistant--button--color--background--gradient--active: linear-gradient(
|
|
var(--color--neutral-750),
|
|
var(--color--neutral-750)
|
|
);
|
|
--assistant--button--color--background--hover: var(
|
|
--assistant--button--color--background--gradient--hover
|
|
);
|
|
--assistant--button--color--background--active: var(
|
|
--assistant--button--color--background--gradient--active
|
|
);
|
|
--assistant--color--highlight-gradient: linear-gradient(
|
|
105deg,
|
|
var(--assistant--color--highlight-1) 0%,
|
|
var(--assistant--color--highlight-2) 50%,
|
|
var(--assistant--color--highlight-3) 100%
|
|
);
|
|
--assistant--color--highlight-gradient--reverse: linear-gradient(
|
|
105deg,
|
|
var(--assistant--color--highlight-3) 0%,
|
|
var(--assistant--color--highlight-2) 50%,
|
|
var(--assistant--color--highlight-1) 100%
|
|
);
|
|
--assistant--color--text--subtle: var(--color--neutral-250);
|
|
--assistant--icon-color--subtle: var(--color--neutral-250);
|
|
--assistant--color--text: var(--color--neutral-white);
|
|
--assistant--color--text--user-bubble: var(--color--blue-50);
|
|
--assistant--color--background--user-bubble: var(--color--neutral-800);
|
|
--lm-chat--messages--color--background: var(--color--neutral-950);
|
|
--lm-chat--bot--color--background: var(--color--neutral-850);
|
|
--lm-chat--bot--border-color: var(--color--neutral-500);
|
|
--lm-chat--user--color--background: var(--color--green-700);
|
|
--lm-chat--user--border-color: var(--color--green-600);
|
|
--canvas--color--background: var(--color--neutral-950);
|
|
--canvas--dot--color: var(--color--neutral-700);
|
|
--canvas--read-only-line--color: var(--color--neutral-900);
|
|
--canvas--color--selected: var(--color--white-alpha-400);
|
|
--canvas--color--selected-transparent: var(--canvas--color--selected);
|
|
--canvas--label--color: var(--color--neutral-500);
|
|
--canvas--label--color--background: oklch(from var(--canvas--color--background) l c h / 0.85);
|
|
--node--color--background: var(--color--neutral-850);
|
|
--node--color--background--executing: var(--color--neutral-700);
|
|
--node--color--background--executing-1: var(--color--neutral-700);
|
|
--node--border-color--pinned: var(--color--purple-500);
|
|
--node--type-main--color: var(--color--neutral-400);
|
|
--sticky--color--background: var(--color--yellow-900);
|
|
--sticky--border-color: var(--color--yellow-800);
|
|
--sticky--color--text: var(--color--neutral-125);
|
|
--sticky--code--color--text: var(--color--purple-300);
|
|
--sticky--code--color--background: var(--color--neutral-150-alpha-100);
|
|
--sticky--color--background--variant-1: var(--color--yellow-900);
|
|
--sticky--border-color--variant-1: var(--color--yellow-800);
|
|
--sticky--color--background--variant-2: var(--color--gold-900);
|
|
--sticky--border-color--variant-2: var(--color--gold-800);
|
|
--sticky--color--background--variant-3: var(--color--red-950);
|
|
--sticky--border-color--variant-3: var(--color--red-900);
|
|
--sticky--color--background--variant-4: var(--color--green-950);
|
|
--sticky--border-color--variant-4: var(--color--green-900);
|
|
--sticky--color--background--variant-5: var(--color--blue-900);
|
|
--sticky--border-color--variant-5: var(--color--blue-800);
|
|
--sticky--color--background--variant-6: var(--color--purple-950);
|
|
--sticky--border-color--variant-6: var(--color--purple-800);
|
|
--sticky--color--background--variant-7: var(--color--neutral-900);
|
|
--sticky--border-color--variant-7: var(--color--neutral-800);
|
|
--node--icon--color--neutral: var(--color--neutral-200);
|
|
--node--icon--color--gray: #a5a5ad;
|
|
--node--icon--color--black: var(--color--neutral-200);
|
|
--node--icon--color--blue: #898fff;
|
|
--node--icon--color--light-blue: #58abff;
|
|
--node--icon--color--dark-blue: #7ba7ff;
|
|
--node--icon--color--sky-blue: #7fb3ff;
|
|
--node--icon--color--orange: #ffb080;
|
|
--node--icon--color--orange-red: var(--color--orange-500);
|
|
--node--icon--color--amber: #ffb966;
|
|
--node--icon--color--rust: #f75;
|
|
--node--icon--color--pink-red: #f85d82;
|
|
--node--icon--color--magenta: #ff4d80;
|
|
--node--icon--color--red: var(--color--red-400);
|
|
--node--icon--color--light-green: #20b69e;
|
|
--node--icon--color--green: var(--color--green-500);
|
|
--node--icon--color--dark-green: #86decc;
|
|
--node--icon--color--emerald: #50d499;
|
|
--node--icon--color--forest-green: #6c6;
|
|
--node--icon--color--lime: #7fff55;
|
|
--node--icon--color--azure: #7dd6e3;
|
|
--node--icon--color--teal: #33d6db;
|
|
--node--icon--color--purple: #9b6dd5;
|
|
--node--icon--color--violet: #b48de6;
|
|
--node--icon--color--lavender: #a8acff;
|
|
--node--icon--color--crimson: #f188a2;
|
|
--expression-editor--resolvable--color--foreground--valid: var(--color--green-300);
|
|
--expression-editor--resolvable--color--background--valid: var(--color--green-alpha-200);
|
|
--expression-editor--resolvable--color--foreground--invalid: var(--color--red-300);
|
|
--expression-editor--resolvable--color--background--invalid: var(--color--red-alpha-020);
|
|
--expression-editor--resolvable--color--foreground--pending: var(--color--text);
|
|
--expression-editor--resolvable--color--background--pending: var(
|
|
--color--neutral-150-alpha-100
|
|
);
|
|
--expression-editor--color--background: var(--color--neutral-900);
|
|
--expression-editor--modal--color--background: var(--color--neutral-900);
|
|
--expression-editor--syntax-example--color: var(--color--neutral-700);
|
|
--autocomplete--item--color--selected: var(--color--purple-400);
|
|
--autocomplete--section-header--border-color: var(--color--neutral-600);
|
|
--autocomplete--infobox--color--background: var(--color--neutral-900);
|
|
--autocomplete--infobox--examples--border-color: var(--color--neutral-700);
|
|
--code-tags--string--color: #9ecbff;
|
|
--code-tags--regex--color: #9ecbff;
|
|
--code-tags--primitive--color: #79b8ff;
|
|
--code-tags--keyword--color: #f97583;
|
|
--code-tags--variable--color: #79b8ff;
|
|
--code-tags--parameter--color: var(--color--slate-100);
|
|
--code-tags--function--color: #b392f0;
|
|
--code-tags--constant--color: #79b8ff;
|
|
--code-tags--property--color: #79b8ff;
|
|
--code-tags--type--color: #b392f0;
|
|
--code-tags--class--color: #b392f0;
|
|
--code-tags--heading--color: #79b8ff;
|
|
--code-tags--invalid--color: #f97583;
|
|
--code-tags--comment--color: #6a737d;
|
|
--json--color: var(--color--purple-400);
|
|
--json--null--color: var(--color--danger);
|
|
--json--boolean--color: var(--color--green-600);
|
|
--json--number--color: var(--color--green-600);
|
|
--json--string--color: var(--color--purple-400);
|
|
--json--key--color: var(--color--text--shade-1);
|
|
--json--brackets--color: var(--color--neutral-700);
|
|
--json--brackets--color--hover: var(--color--blue-400);
|
|
--json--line--color: var(--color--neutral-250);
|
|
--json--highlight--color: var(--color--background);
|
|
--code--color--background: var(--color--neutral-950);
|
|
--code--color--background--readonly: var(--color--neutral-850);
|
|
--code--line-highlight--color: var(--color--neutral-300-alpha-100);
|
|
--code--color--foreground: var(--color--neutral-150);
|
|
--code--caret--color: var(--color--neutral-50);
|
|
--code--selection--color: #3392ff44;
|
|
--code--selection--color--highlight: #17e5e633;
|
|
--code--gutter--color--background: var(--color--neutral-950);
|
|
--code--gutter--color--foreground: var(--color--neutral-300);
|
|
--code--gutter--color--foreground--active: var(--color--neutral-50);
|
|
--code--indentation-marker--color: var(--color--neutral-850);
|
|
--code--indentation-marker--color--active: var(--color--neutral-700);
|
|
--line-break--color: var(--color--neutral-400);
|
|
--code--line-break--color: var(--color--purple-500);
|
|
--tag--color--background: var(--color--neutral-700);
|
|
--tag--color--background--hover: var(--color--neutral-600);
|
|
--tag--color--background--active: var(--color--neutral-500);
|
|
--tag--border-color: var(--color--neutral-800);
|
|
--tag--border-color--hover: var(--color--neutral-700);
|
|
--tag--border-color--active: var(--color--neutral-600);
|
|
--tag--color--text: var(--color--text--shade-1);
|
|
--variables-usage--color--text: var(--color--green-300);
|
|
--variables-usage--syntax--color--background: var(--color--green-alpha-200);
|
|
--button--outline-color--primary--focus: var(--color--orange-alpha-300);
|
|
--button--color--text--primary--disabled: var(--color--white-alpha-500);
|
|
--button--border-color--primary--disabled: transparent;
|
|
--button--color--background--primary--disabled: var(--color--orange-alpha-500);
|
|
--button--color--text--secondary: var(--color--neutral-150);
|
|
--button--border-color--secondary: var(--color--foreground);
|
|
--button--color--background--secondary: var(--color--background--light-2);
|
|
--button--color--text--secondary--hover-active-focus: var(--color--orange-250);
|
|
--button--color--background--secondary--hover: var(--color--background--light-2);
|
|
--button--color--background--secondary--active-focus: var(--color--orange-alpha-100);
|
|
--button--outline-color--secondary--focus: var(--color--orange-alpha-300);
|
|
--button--color--text--secondary--disabled: var(--color--white-alpha-500);
|
|
--button--border-color--secondary--disabled: var(--color--foreground);
|
|
--button--color--text--highlight: var(--color--neutral-300);
|
|
--button--border-color--highlight: transparent;
|
|
--button--color--background--highlight: transparent;
|
|
--button--color--text--highlight--hover-active-focus: var(--color--orange-400);
|
|
--button--border-color--highlight--hover-active-focus: var(--color--neutral-700);
|
|
--button--color--background--highlight--hover: var(--color--neutral-700);
|
|
--button--color--background--highlight--active-focus: var(--color--neutral-700);
|
|
--button--outline-color--highlight--focus: var(--color--neutral-700);
|
|
--button--color--text--highlight--disabled: var(--color--neutral-600);
|
|
--button--border-color--highlight--disabled: transparent;
|
|
--button--color--text--highlight-fill: var(--color--text--shade-1);
|
|
--button--border-color--highlight-fill: transparent;
|
|
--button--color--background--highlight-fill: var(--color--background);
|
|
--button--color--text--highlight-fill--hover-active-focus: var(--color--primary);
|
|
--button--border-color--highlight-fill--hover-active-focus: transparent;
|
|
--button--color--background--highlight-fill--hover: var(--color--background);
|
|
--button--color--background--highlight-fill--active-focus: var(--color--background);
|
|
--button--outline-color--highlight-fill--focus: var(--color--neutral-700);
|
|
--button--color--text--highlight-fill--disabled: var(--color--neutral-600);
|
|
--button--border-color--highlight-fill--disabled: transparent;
|
|
--button--color--background--highlight-fill--disabled: var(--color--background);
|
|
--button--color--text--danger: var(--color--neutral-white);
|
|
--button--border-color--danger: transparent;
|
|
--button--outline-color--danger--focus: var(--color--red-300);
|
|
--button--color--text--danger--disabled: var(--color--white-alpha-400);
|
|
--button--border-color--danger--disabled: transparent;
|
|
--button--color--background--danger--disabled: var(--color--red-alpha-020);
|
|
--text-button--color--text--secondary: var(--color--neutral-300);
|
|
--node-creator--button--color--text: var(--button--color--text--secondary);
|
|
--node-creator--button--color--text--hover: var(
|
|
--button--color--text--secondary--hover-active-focus
|
|
);
|
|
--node-creator--button--border-color--hover: var(--color--orange-500);
|
|
--node-creator--button--color--background: var(--color--orange-alpha-100);
|
|
--table--header--color--background: var(--color--neutral-850);
|
|
--table--row--color--background: var(--color--neutral-950);
|
|
--table--row--color--background--even: var(--color--neutral-900);
|
|
--table--row--color--background--hover: var(--color--neutral-850);
|
|
--table--row--color--background--highlight: var(--color--warning--tint-1);
|
|
--notification--color--background: var(--color--neutral-850);
|
|
--execution-card--color--background: var(--color--foreground--tint-1);
|
|
--execution-card--color--background--hover: var(--color--foreground);
|
|
--execution-selector--color--background: var(--color--background--shade-2);
|
|
--execution-selector--color--text: var(--color--text--tint-3);
|
|
--execution-select-all--color--text: var(--color--text);
|
|
--execution-card--color--text--waiting: var(--color--purple-500);
|
|
--run-data--color--background: var(--color--neutral-900);
|
|
--ndv--run-data--color--background: var(--color--neutral-900);
|
|
--ndv--droppable-parameter--color: var(--color--orange-500);
|
|
--ndv--droppable-parameter--color--background: var(--color--orange-alpha-100);
|
|
--ndv--droppable-parameter--color--background--active: var(--color--green-alpha-100);
|
|
--ndv--back--color--text: var(--color--neutral-white);
|
|
--ndv--background--color: var(--color--background--light-1);
|
|
--notice--border-color--warning: var(--color--gold-200);
|
|
--notice--color--background--warning: var(--color--gold-alpha-020);
|
|
--notice--color--text: var(--color--neutral-white);
|
|
--callout--border-color--info: var(--color--foreground);
|
|
--callout--color--background--info: var(--color--neutral-900);
|
|
--callout--color--text--info: var(--color--neutral-white);
|
|
--callout--border-color--success: var(--color--success);
|
|
--callout--color--background--success: var(--color--green-900);
|
|
--callout--color--text--success: var(--color--neutral-white);
|
|
--callout--border-color--warning: var(--color--warning);
|
|
--callout--color--background--warning: var(--color--gold-800);
|
|
--callout--color--text--warning: var(--color--neutral-white);
|
|
--callout--border-color--danger: var(--color--red-800);
|
|
--callout--color--background--danger: var(--color--red-950);
|
|
--callout--color--text--danger: var(--color--neutral-white);
|
|
--callout--icon-color--danger: var(--color--danger);
|
|
--callout--border-color--secondary: var(--color--secondary);
|
|
--callout--color--background--secondary: var(--color--purple-alpha-200);
|
|
--callout--color--text--secondary: var(--color--neutral-white);
|
|
--dialog--color--background: var(--color--neutral-900);
|
|
--dialog--overlay--color--background: var(--color--slate-alpha-700);
|
|
--dialog--overlay--color--background--dark: var(--color--black-alpha-600);
|
|
--avatar--color--text: var(--color--neutral-white);
|
|
--nps-survey--color--background: var(--color--neutral-850);
|
|
--nps-survey--color--text: var(--color--neutral-white);
|
|
--switch--color--background: var(--color--neutral-950);
|
|
--switch--border-color: var(--color--neutral-700);
|
|
--switch--toggle--color: var(--color--neutral-125);
|
|
--action-dropdown--item--color--background--active: var(--color--background--light-3);
|
|
--input-triple--color--background: var(--color--neutral-900);
|
|
--node--error-output--color--text: var(--color--danger);
|
|
--mfa--recovery-code--color--background: var(--color--background--light-3);
|
|
--mfa--recovery-code--color: var(--color--text--shade-1);
|
|
--mfa--lose-access--color--text: var(--color--danger);
|
|
--text-highlight--color--background: var(--color--yellow-700);
|
|
--node-type--color--background--l: 20%;
|
|
--node-type--supplemental--label--color--h: 235;
|
|
--node-type--supplemental--label--color--s: 28%;
|
|
--node-type--supplemental--label--color--l: 100%;
|
|
--node-type--supplemental--color--h: 235;
|
|
--node-type--supplemental--color--s: 13%;
|
|
--node-type--supplemental--color--l: 60%;
|
|
--node-type--supplemental--label--color: hsl(
|
|
var(--node-type--supplemental--label--color--h),
|
|
var(--node-type--supplemental--label--color--s),
|
|
var(--node-type--supplemental--label--color--l)
|
|
);
|
|
--node-type--supplemental--icon--color: var(--color--foreground--shade-1);
|
|
--node-type--supplemental--color: hsl(
|
|
var(--node-type--supplemental--color--h),
|
|
var(--node-type--supplemental--color--s),
|
|
var(--node-type--supplemental--color--l)
|
|
);
|
|
--node-type--supplemental--color--background: hsl(
|
|
var(--node-type--supplemental--color--h),
|
|
var(--node-type--supplemental--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--supplemental--connector--color: var(--color--foreground--shade-1);
|
|
--node-type--ai-chain--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-chain--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-chain--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-chain--color: hsl(
|
|
var(--node-type--ai-chain--color--h),
|
|
var(--node-type--ai-chain--color--s),
|
|
var(--node-type--ai-chain--color--l)
|
|
);
|
|
--node-type--chain--color--background: hsl(
|
|
var(--node-type--ai-chain--color--h),
|
|
var(--node-type--ai-chain--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-document--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-document--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-document--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-document--color: hsl(
|
|
var(--node-type--ai-document--color--h),
|
|
var(--node-type--ai-document--color--s),
|
|
var(--node-type--ai-document--color--l)
|
|
);
|
|
--node-type--ai-document--color--background: hsl(
|
|
var(--node-type--ai-document--color--h),
|
|
var(--node-type--ai-document--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-embedding--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-embedding--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-embedding--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-embedding--color: hsl(
|
|
var(--node-type--ai-embedding--color--h),
|
|
var(--node-type--ai-embedding--color--s),
|
|
var(--node-type--ai-embedding--color--l)
|
|
);
|
|
--node-type--ai-embedding--color--background: hsl(
|
|
var(--node-type--ai-embedding--color--h),
|
|
var(--node-type--ai-embedding--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-language-model--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-language-model--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-language-model--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-language-model--color: hsl(
|
|
var(--node-type--ai-language-model--color--h),
|
|
var(--node-type--ai-language-model--color--s),
|
|
var(--node-type--ai-language-model--color--l)
|
|
);
|
|
--node-type--ai-language-model--color--background: hsl(
|
|
var(--node-type--ai-language-model--color--h),
|
|
var(--node-type--ai-language-model--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-memory--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-memory--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-memory--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-memory--color: hsl(
|
|
var(--node-type--ai-memory--color--h),
|
|
var(--node-type--ai-memory--color--s),
|
|
var(--node-type--ai-memory--color--l)
|
|
);
|
|
--node-type--ai-memory--color--background: hsl(
|
|
var(--node-type--ai-memory--color--h),
|
|
var(--node-type--ai-memory--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-output-parser--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-output-parser--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-output-parser--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-output-parser--color: hsl(
|
|
var(--node-type--ai-output-parser--color--h),
|
|
var(--node-type--ai-output-parser--color--s),
|
|
var(--node-type--ai-output-parser--color--l)
|
|
);
|
|
--node-type--ai-output-parser--color--background: hsl(
|
|
var(--node-type--ai-output-parser--color--h),
|
|
var(--node-type--ai-output-parser--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-tool--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-tool--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-tool--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-tool--color: hsl(
|
|
var(--node-type--ai-tool--color--h),
|
|
var(--node-type--ai-tool--color--s),
|
|
var(--node-type--ai-tool--color--l)
|
|
);
|
|
--node-type--ai-tool--color--background: hsl(
|
|
var(--node-type--ai-tool--color--h),
|
|
var(--node-type--ai-tool--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-retriever--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-retriever--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-retriever--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-retriever--color: hsl(
|
|
var(--node-type--ai-retriever--color--h),
|
|
var(--node-type--ai-retriever--color--s),
|
|
var(--node-type--ai-retriever--color--l)
|
|
);
|
|
--node-type--ai-retriever--color--background: hsl(
|
|
var(--node-type--ai-retriever--color--h),
|
|
var(--node-type--ai-retriever--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-text-splitter--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-text-splitter--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-text-splitter--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-text-splitter--color: hsl(
|
|
var(--node-type--ai-text-splitter--color--h),
|
|
var(--node-type--ai-text-splitter--color--s),
|
|
var(--node-type--ai-text-splitter--color--l)
|
|
);
|
|
--node-type--ai-text-splitter--color--background: hsl(
|
|
var(--node-type--ai-text-splitter--color--h),
|
|
var(--node-type--ai-text-splitter--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-vector-retriever--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-vector-retriever--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-vector-retriever--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-vector-retriever--color: hsl(
|
|
var(--node-type--ai-vector-retriever--color--h),
|
|
var(--node-type--ai-vector-retriever--color--s),
|
|
var(--node-type--ai-vector-retriever--color--l)
|
|
);
|
|
--node-type--ai-vector-retriever--color--background: hsl(
|
|
var(--node-type--ai-vector-retriever--color--h),
|
|
var(--node-type--ai-vector-retriever--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--node-type--ai-vector-store--color--h: var(--node-type--supplemental--color--h);
|
|
--node-type--ai-vector-store--color--s: var(--node-type--supplemental--color--s);
|
|
--node-type--ai-vector-store--color--l: var(--node-type--supplemental--color--l);
|
|
--node-type--ai-vector-store--color: hsl(
|
|
var(--node-type--ai-vector-store--color--h),
|
|
var(--node-type--ai-vector-store--color--s),
|
|
var(--node-type--ai-vector-store--color--l)
|
|
);
|
|
--node-type--ai-vector-store--color--background: hsl(
|
|
var(--node-type--ai-vector-store--color--h),
|
|
var(--node-type--ai-vector-store--color--s),
|
|
var(--node-type--color--background--l)
|
|
);
|
|
--diff--color--new: var(--color--green-500);
|
|
--diff--color--new--light: #43674f;
|
|
--diff--color--new--faint: #3a463e;
|
|
--diff--color--modified: #d6a625;
|
|
--diff--color--modified--light: #6a5c38;
|
|
--diff--color--modified--faint: #464236;
|
|
--diff--color--deleted: #fb887a;
|
|
--diff--color--deleted--light: #7a524e;
|
|
--diff--color--deleted--faint: #4d3e3d;
|
|
--color--info--tint-1: var(--color--neutral-400);
|
|
--color--info--tint-2: var(--color--neutral-850);
|
|
--node--configurable-name--color: var(--color--text--shade-1);
|
|
--link--color--secondary: var(--color--purple-400);
|
|
--link--color--secondary--hover: var(--color--purple-500);
|
|
--icon--color: var(--color--text--tint-1);
|
|
--icon--color--hover: var(--color--orange-500);
|
|
--menu--color--background: var(--color--neutral-900);
|
|
--menu--color--background--hover: var(--color--neutral-700);
|
|
--menu--color--background--active: var(--color--neutral-700);
|
|
--grid--row--color--background--selected: var(--color--purple-900);
|
|
--command-bar-item--color--background--hover: var(--color--background--light-1);
|
|
--command-bar--shadow:
|
|
0 15px 45px 0 var(--color--black-alpha-400), 0 5px 10px 0 var(--color--black-alpha-200);
|
|
}
|
|
}
|
|
*,
|
|
:before,
|
|
:after {
|
|
box-sizing: border-box;
|
|
}
|
|
html,
|
|
body,
|
|
div,
|
|
span,
|
|
object,
|
|
iframe,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
p,
|
|
blockquote,
|
|
pre,
|
|
abbr,
|
|
address,
|
|
cite,
|
|
code,
|
|
del,
|
|
dfn,
|
|
em,
|
|
img,
|
|
ins,
|
|
kbd,
|
|
q,
|
|
samp,
|
|
small,
|
|
strong,
|
|
sub,
|
|
sup,
|
|
var,
|
|
b,
|
|
i,
|
|
dl,
|
|
dt,
|
|
dd,
|
|
ol,
|
|
ul,
|
|
li,
|
|
fieldset,
|
|
form,
|
|
label,
|
|
legend,
|
|
table,
|
|
caption,
|
|
tbody,
|
|
tfoot,
|
|
thead,
|
|
tr,
|
|
th,
|
|
td,
|
|
article,
|
|
aside,
|
|
canvas,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
menu,
|
|
nav,
|
|
section,
|
|
summary,
|
|
time,
|
|
mark,
|
|
audio,
|
|
video {
|
|
background: 0 0;
|
|
border: 0;
|
|
outline: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
html {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
body {
|
|
-ms-scroll-chaining: none;
|
|
overscroll-behavior: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
line-height: 1;
|
|
font-size: var(--font-size--md);
|
|
font-weight: var(--font-weight--regular);
|
|
color: var(--color--text--shade-1);
|
|
background-color: var(--color--background--light-2);
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
body,
|
|
button,
|
|
input,
|
|
textarea {
|
|
font-family: var(--font-family);
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
input {
|
|
font-weight: var(--font-weight--regular);
|
|
}
|
|
button {
|
|
font-weight: var(--font-weight--bold);
|
|
}
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
menu,
|
|
nav,
|
|
section {
|
|
display: block;
|
|
}
|
|
nav ul {
|
|
list-style: none;
|
|
}
|
|
blockquote,
|
|
q {
|
|
quotes: none;
|
|
}
|
|
blockquote:before,
|
|
blockquote:after,
|
|
q:before,
|
|
q:after {
|
|
content: '';
|
|
content: none;
|
|
}
|
|
a {
|
|
vertical-align: baseline;
|
|
cursor: pointer;
|
|
color: var(--color--primary);
|
|
background: 0 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 100%;
|
|
text-decoration: none;
|
|
}
|
|
a:active {
|
|
color: hsl(
|
|
var(--color--primary--h),
|
|
calc(var(--color--primary--s) + -30%),
|
|
var(--color--primary--l)
|
|
);
|
|
}
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
color: var(--color--text--shade-1);
|
|
font-weight: inherit;
|
|
}
|
|
h1:first-child,
|
|
h2:first-child,
|
|
h3:first-child,
|
|
h4:first-child,
|
|
h5:first-child,
|
|
h6:first-child {
|
|
margin-top: 0;
|
|
}
|
|
h1:last-child,
|
|
h2:last-child,
|
|
h3:last-child,
|
|
h4:last-child,
|
|
h5:last-child,
|
|
h6:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
h4,
|
|
h5,
|
|
h6,
|
|
p {
|
|
font-size: inherit;
|
|
}
|
|
p {
|
|
line-height: 1.8;
|
|
}
|
|
p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
ins {
|
|
background-color: var(--color--success);
|
|
color: var(--color--text--shade-1);
|
|
text-decoration: none;
|
|
}
|
|
mark {
|
|
background-color: var(--text-highlight--color--background);
|
|
color: var(--color--text--shade-1);
|
|
font-style: italic;
|
|
font-weight: var(--font-weight--bold);
|
|
}
|
|
del {
|
|
text-decoration: line-through;
|
|
}
|
|
abbr[title],
|
|
dfn[title] {
|
|
cursor: help;
|
|
border-bottom: 1px dotted;
|
|
}
|
|
hr {
|
|
border: 0;
|
|
border-top: 1px solid var(--color--foreground--tint-1);
|
|
height: 1px;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: block;
|
|
}
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
input,
|
|
select {
|
|
vertical-align: middle;
|
|
}
|
|
.fade-in-linear-enter-active,
|
|
.fade-in-linear-leave-active {
|
|
transition: opacity 0.2s linear;
|
|
}
|
|
.fade-in-linear-enter-from,
|
|
.fade-in-linear-leave-from,
|
|
.fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
.el-fade-in-linear-enter-active,
|
|
.el-fade-in-linear-leave-active {
|
|
transition: opacity 0.2s linear;
|
|
}
|
|
.el-fade-in-linear-enter-from,
|
|
.el-fade-in-linear-leave-from,
|
|
.el-fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
.el-fade-in-enter-active,
|
|
.el-fade-in-leave-active {
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
.el-fade-in-enter-from,
|
|
.el-fade-in-leave-active {
|
|
opacity: 0;
|
|
}
|
|
.el-zoom-in-center-enter-active,
|
|
.el-zoom-in-center-leave-active {
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
.el-zoom-in-center-enter-from,
|
|
.el-zoom-in-center-leave-active {
|
|
opacity: 0;
|
|
transform: scaleX(0);
|
|
}
|
|
.el-zoom-in-top-enter-active,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 1;
|
|
transform-origin: top;
|
|
transition:
|
|
transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
|
|
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
|
|
transform: scaleY(1);
|
|
}
|
|
.el-zoom-in-top-enter-active[data-popper-placement^='top'],
|
|
.el-zoom-in-top-leave-active[data-popper-placement^='top'] {
|
|
transform-origin: bottom;
|
|
}
|
|
.el-zoom-in-top-enter-from,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 0;
|
|
transform: scaleY(0);
|
|
}
|
|
.el-zoom-in-bottom-enter-active,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 1;
|
|
transform-origin: bottom;
|
|
transition:
|
|
transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
|
|
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
|
|
transform: scaleY(1);
|
|
}
|
|
.el-zoom-in-bottom-enter-from,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 0;
|
|
transform: scaleY(0);
|
|
}
|
|
.el-zoom-in-left-enter-active,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 1;
|
|
transform-origin: 0 0;
|
|
transition:
|
|
transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
|
|
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
|
|
transform: scale(1);
|
|
}
|
|
.el-zoom-in-left-enter-from,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 0;
|
|
transform: scale(0.45);
|
|
}
|
|
.collapse-transition {
|
|
transition:
|
|
height 0.3s ease-in-out,
|
|
padding-top 0.3s ease-in-out,
|
|
padding-bottom 0.3s ease-in-out;
|
|
}
|
|
.horizontal-collapse-transition {
|
|
transition:
|
|
width 0.3s ease-in-out,
|
|
padding-left 0.3s ease-in-out,
|
|
padding-right 0.3s ease-in-out;
|
|
}
|
|
.el-list-enter-active,
|
|
.el-list-leave-active {
|
|
transition: all 1s;
|
|
}
|
|
.el-list-enter-from,
|
|
.el-list-leave-active {
|
|
opacity: 0;
|
|
transform: translateY(-30px);
|
|
}
|
|
.el-opacity-transition {
|
|
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
@font-face {
|
|
font-family: element-icons;
|
|
src:
|
|
url(./assets/element-icons.woff) format('woff'),
|
|
url(./assets/element-icons.ttf) format('truetype');
|
|
font-weight: var(--font-weight--regular);
|
|
font-display: 'auto';
|
|
font-style: normal;
|
|
}
|
|
[class^='el-icon-'],
|
|
[class*='\ el-icon-'] {
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: var(--font-weight--regular);
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
vertical-align: baseline;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
line-height: 1;
|
|
display: inline-block;
|
|
font-family: element-icons !important;
|
|
}
|
|
.el-icon {
|
|
fill: currentColor;
|
|
width: 1em;
|
|
height: 1em;
|
|
color: inherit;
|
|
line-height: 1em;
|
|
font-size: inherit;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: inline-flex;
|
|
position: relative;
|
|
}
|
|
.el-icon svg {
|
|
width: 1em;
|
|
height: 1em;
|
|
}
|
|
.el-icon-ice-cream-round:before {
|
|
content: '';
|
|
}
|
|
.el-icon-ice-cream-square:before {
|
|
content: '';
|
|
}
|
|
.el-icon-lollipop:before {
|
|
content: '';
|
|
}
|
|
.el-icon-potato-strips:before {
|
|
content: '';
|
|
}
|
|
.el-icon-milk-tea:before {
|
|
content: '';
|
|
}
|
|
.el-icon-ice-drink:before {
|
|
content: '';
|
|
}
|
|
.el-icon-ice-tea:before {
|
|
content: '';
|
|
}
|
|
.el-icon-coffee:before {
|
|
content: '';
|
|
}
|
|
.el-icon-orange:before {
|
|
content: '';
|
|
}
|
|
.el-icon-pear:before {
|
|
content: '';
|
|
}
|
|
.el-icon-apple:before {
|
|
content: '';
|
|
}
|
|
.el-icon-cherry:before {
|
|
content: '';
|
|
}
|
|
.el-icon-watermelon:before {
|
|
content: '';
|
|
}
|
|
.el-icon-grape:before {
|
|
content: '';
|
|
}
|
|
.el-icon-refrigerator:before {
|
|
content: '';
|
|
}
|
|
.el-icon-goblet-square-full:before {
|
|
content: '';
|
|
}
|
|
.el-icon-goblet-square:before {
|
|
content: '';
|
|
}
|
|
.el-icon-goblet-full:before {
|
|
content: '';
|
|
}
|
|
.el-icon-goblet:before {
|
|
content: '';
|
|
}
|
|
.el-icon-cold-drink:before {
|
|
content: '';
|
|
}
|
|
.el-icon-coffee-cup:before {
|
|
content: '';
|
|
}
|
|
.el-icon-water-cup:before {
|
|
content: '';
|
|
}
|
|
.el-icon-hot-water:before {
|
|
content: '';
|
|
}
|
|
.el-icon-ice-cream:before {
|
|
content: '';
|
|
}
|
|
.el-icon-dessert:before {
|
|
content: '';
|
|
}
|
|
.el-icon-sugar:before {
|
|
content: '';
|
|
}
|
|
.el-icon-tableware:before {
|
|
content: '';
|
|
}
|
|
.el-icon-burger:before {
|
|
content: '';
|
|
}
|
|
.el-icon-knife-fork:before {
|
|
content: '';
|
|
}
|
|
.el-icon-fork-spoon:before {
|
|
content: '';
|
|
}
|
|
.el-icon-chicken:before {
|
|
content: '';
|
|
}
|
|
.el-icon-food:before {
|
|
content: '';
|
|
}
|
|
.el-icon-dish-1:before {
|
|
content: '';
|
|
}
|
|
.el-icon-dish:before {
|
|
content: '';
|
|
}
|
|
.el-icon-moon-night:before {
|
|
content: '';
|
|
}
|
|
.el-icon-moon:before {
|
|
content: '';
|
|
}
|
|
.el-icon-cloudy-and-sunny:before {
|
|
content: '';
|
|
}
|
|
.el-icon-partly-cloudy:before {
|
|
content: '';
|
|
}
|
|
.el-icon-cloudy:before {
|
|
content: '';
|
|
}
|
|
.el-icon-sunny:before {
|
|
content: '';
|
|
}
|
|
.el-icon-sunset:before {
|
|
content: '';
|
|
}
|
|
.el-icon-sunrise-1:before {
|
|
content: '';
|
|
}
|
|
.el-icon-sunrise:before {
|
|
content: '';
|
|
}
|
|
.el-icon-heavy-rain:before {
|
|
content: '';
|
|
}
|
|
.el-icon-lightning:before {
|
|
content: '';
|
|
}
|
|
.el-icon-light-rain:before {
|
|
content: '';
|
|
}
|
|
.el-icon-wind-power:before {
|
|
content: '';
|
|
}
|
|
.el-icon-baseball:before {
|
|
content: '';
|
|
}
|
|
.el-icon-soccer:before {
|
|
content: '';
|
|
}
|
|
.el-icon-football:before {
|
|
content: '';
|
|
}
|
|
.el-icon-basketball:before {
|
|
content: '';
|
|
}
|
|
.el-icon-ship:before {
|
|
content: '';
|
|
}
|
|
.el-icon-truck:before {
|
|
content: '';
|
|
}
|
|
.el-icon-bicycle:before {
|
|
content: '';
|
|
}
|
|
.el-icon-mobile-phone:before {
|
|
content: '';
|
|
}
|
|
.el-icon-service:before {
|
|
content: '';
|
|
}
|
|
.el-icon-key:before {
|
|
content: '';
|
|
}
|
|
.el-icon-unlock:before {
|
|
content: '';
|
|
}
|
|
.el-icon-lock:before {
|
|
content: '';
|
|
}
|
|
.el-icon-watch:before {
|
|
content: '';
|
|
}
|
|
.el-icon-watch-1:before {
|
|
content: '';
|
|
}
|
|
.el-icon-timer:before {
|
|
content: '';
|
|
}
|
|
.el-icon-alarm-clock:before {
|
|
content: '';
|
|
}
|
|
.el-icon-map-location:before {
|
|
content: '';
|
|
}
|
|
.el-icon-delete-location:before {
|
|
content: '';
|
|
}
|
|
.el-icon-add-location:before {
|
|
content: '';
|
|
}
|
|
.el-icon-location-information:before {
|
|
content: '';
|
|
}
|
|
.el-icon-location-outline:before {
|
|
content: '';
|
|
}
|
|
.el-icon-location:before {
|
|
content: '';
|
|
}
|
|
.el-icon-place:before {
|
|
content: '';
|
|
}
|
|
.el-icon-discover:before {
|
|
content: '';
|
|
}
|
|
.el-icon-first-aid-kit:before {
|
|
content: '';
|
|
}
|
|
.el-icon-trophy-1:before {
|
|
content: '';
|
|
}
|
|
.el-icon-trophy:before {
|
|
content: '';
|
|
}
|
|
.el-icon-medal:before {
|
|
content: '';
|
|
}
|
|
.el-icon-medal-1:before {
|
|
content: '';
|
|
}
|
|
.el-icon-stopwatch:before {
|
|
content: '';
|
|
}
|
|
.el-icon-mic:before {
|
|
content: '';
|
|
}
|
|
.el-icon-copy-document:before {
|
|
content: '';
|
|
}
|
|
.el-icon-full-screen:before {
|
|
content: '';
|
|
}
|
|
.el-icon-switch-button:before {
|
|
content: '';
|
|
}
|
|
.el-icon-aim:before {
|
|
content: '';
|
|
}
|
|
.el-icon-crop:before {
|
|
content: '';
|
|
}
|
|
.el-icon-odometer:before {
|
|
content: '';
|
|
}
|
|
.el-icon-time:before {
|
|
content: '';
|
|
}
|
|
.el-icon-bangzhu:before {
|
|
content: '';
|
|
}
|
|
.el-icon-close-notification:before {
|
|
content: '';
|
|
}
|
|
.el-icon-microphone:before {
|
|
content: '';
|
|
}
|
|
.el-icon-turn-off-microphone:before {
|
|
content: '';
|
|
}
|
|
.el-icon-position:before {
|
|
content: '';
|
|
}
|
|
.el-icon-postcard:before {
|
|
content: '';
|
|
}
|
|
.el-icon-message:before {
|
|
content: '';
|
|
}
|
|
.el-icon-chat-line-square:before {
|
|
content: '';
|
|
}
|
|
.el-icon-chat-dot-square:before {
|
|
content: '';
|
|
}
|
|
.el-icon-chat-dot-round:before {
|
|
content: '';
|
|
}
|
|
.el-icon-chat-square:before {
|
|
content: '';
|
|
}
|
|
.el-icon-chat-line-round:before {
|
|
content: '';
|
|
}
|
|
.el-icon-chat-round:before {
|
|
content: '';
|
|
}
|
|
.el-icon-set-up:before {
|
|
content: '';
|
|
}
|
|
.el-icon-turn-off:before {
|
|
content: '';
|
|
}
|
|
.el-icon-open:before {
|
|
content: '';
|
|
}
|
|
.el-icon-connection:before {
|
|
content: '';
|
|
}
|
|
.el-icon-link:before {
|
|
content: '';
|
|
}
|
|
.el-icon-cpu:before {
|
|
content: '';
|
|
}
|
|
.el-icon-thumb:before {
|
|
content: '';
|
|
}
|
|
.el-icon-female:before {
|
|
content: '';
|
|
}
|
|
.el-icon-male:before {
|
|
content: '';
|
|
}
|
|
.el-icon-guide:before {
|
|
content: '';
|
|
}
|
|
.el-icon-news:before {
|
|
content: '';
|
|
}
|
|
.el-icon-price-tag:before {
|
|
content: '';
|
|
}
|
|
.el-icon-discount:before {
|
|
content: '';
|
|
}
|
|
.el-icon-wallet:before {
|
|
content: '';
|
|
}
|
|
.el-icon-coin:before {
|
|
content: '';
|
|
}
|
|
.el-icon-money:before {
|
|
content: '';
|
|
}
|
|
.el-icon-bank-card:before {
|
|
content: '';
|
|
}
|
|
.el-icon-box:before {
|
|
content: '';
|
|
}
|
|
.el-icon-present:before {
|
|
content: '';
|
|
}
|
|
.el-icon-sell:before {
|
|
content: '';
|
|
}
|
|
.el-icon-sold-out:before {
|
|
content: '';
|
|
}
|
|
.el-icon-shopping-bag-2:before {
|
|
content: '';
|
|
}
|
|
.el-icon-shopping-bag-1:before {
|
|
content: '';
|
|
}
|
|
.el-icon-shopping-cart-2:before {
|
|
content: '';
|
|
}
|
|
.el-icon-shopping-cart-1:before {
|
|
content: '';
|
|
}
|
|
.el-icon-shopping-cart-full:before {
|
|
content: '';
|
|
}
|
|
.el-icon-smoking:before {
|
|
content: '';
|
|
}
|
|
.el-icon-no-smoking:before {
|
|
content: '';
|
|
}
|
|
.el-icon-house:before {
|
|
content: '';
|
|
}
|
|
.el-icon-table-lamp:before {
|
|
content: '';
|
|
}
|
|
.el-icon-school:before {
|
|
content: '';
|
|
}
|
|
.el-icon-office-building:before {
|
|
content: '';
|
|
}
|
|
.el-icon-toilet-paper:before {
|
|
content: '';
|
|
}
|
|
.el-icon-notebook-2:before {
|
|
content: '';
|
|
}
|
|
.el-icon-notebook-1:before {
|
|
content: '';
|
|
}
|
|
.el-icon-files:before {
|
|
content: '';
|
|
}
|
|
.el-icon-collection:before {
|
|
content: '';
|
|
}
|
|
.el-icon-receiving:before {
|
|
content: '';
|
|
}
|
|
.el-icon-suitcase-1:before {
|
|
content: '';
|
|
}
|
|
.el-icon-suitcase:before {
|
|
content: '';
|
|
}
|
|
.el-icon-film:before {
|
|
content: '';
|
|
}
|
|
.el-icon-collection-tag:before {
|
|
content: '';
|
|
}
|
|
.el-icon-data-analysis:before {
|
|
content: '';
|
|
}
|
|
.el-icon-pie-chart:before {
|
|
content: '';
|
|
}
|
|
.el-icon-data-board:before {
|
|
content: '';
|
|
}
|
|
.el-icon-data-line:before {
|
|
content: '';
|
|
}
|
|
.el-icon-reading:before {
|
|
content: '';
|
|
}
|
|
.el-icon-magic-stick:before {
|
|
content: '';
|
|
}
|
|
.el-icon-coordinate:before {
|
|
content: '';
|
|
}
|
|
.el-icon-mouse:before {
|
|
content: '';
|
|
}
|
|
.el-icon-brush:before {
|
|
content: '';
|
|
}
|
|
.el-icon-headset:before {
|
|
content: '';
|
|
}
|
|
.el-icon-umbrella:before {
|
|
content: '';
|
|
}
|
|
.el-icon-scissors:before {
|
|
content: '';
|
|
}
|
|
.el-icon-mobile:before {
|
|
content: '';
|
|
}
|
|
.el-icon-attract:before {
|
|
content: '';
|
|
}
|
|
.el-icon-monitor:before {
|
|
content: '';
|
|
}
|
|
.el-icon-search:before {
|
|
content: '';
|
|
}
|
|
.el-icon-takeaway-box:before {
|
|
content: '';
|
|
}
|
|
.el-icon-paperclip:before {
|
|
content: '';
|
|
}
|
|
.el-icon-printer:before {
|
|
content: '';
|
|
}
|
|
.el-icon-document-add:before {
|
|
content: '';
|
|
}
|
|
.el-icon-document:before {
|
|
content: '';
|
|
}
|
|
.el-icon-document-checked:before {
|
|
content: '';
|
|
}
|
|
.el-icon-document-copy:before {
|
|
content: '';
|
|
}
|
|
.el-icon-document-delete:before {
|
|
content: '';
|
|
}
|
|
.el-icon-document-remove:before {
|
|
content: '';
|
|
}
|
|
.el-icon-tickets:before {
|
|
content: '';
|
|
}
|
|
.el-icon-folder-checked:before {
|
|
content: '';
|
|
}
|
|
.el-icon-folder-delete:before {
|
|
content: '';
|
|
}
|
|
.el-icon-folder-remove:before {
|
|
content: '';
|
|
}
|
|
.el-icon-folder-add:before {
|
|
content: '';
|
|
}
|
|
.el-icon-folder-opened:before {
|
|
content: '';
|
|
}
|
|
.el-icon-folder:before {
|
|
content: '';
|
|
}
|
|
.el-icon-edit-outline:before {
|
|
content: '';
|
|
}
|
|
.el-icon-edit:before {
|
|
content: '';
|
|
}
|
|
.el-icon-date:before {
|
|
content: '';
|
|
}
|
|
.el-icon-c-scale-to-original:before {
|
|
content: '';
|
|
}
|
|
.el-icon-view:before {
|
|
content: '';
|
|
}
|
|
.el-icon-loading:before {
|
|
content: '';
|
|
}
|
|
.el-icon-rank:before {
|
|
content: '';
|
|
}
|
|
.el-icon-sort-down:before {
|
|
content: '';
|
|
}
|
|
.el-icon-sort-up:before {
|
|
content: '';
|
|
}
|
|
.el-icon-sort:before {
|
|
content: '';
|
|
}
|
|
.el-icon-finished:before {
|
|
content: '';
|
|
}
|
|
.el-icon-refresh-left:before {
|
|
content: '';
|
|
}
|
|
.el-icon-refresh-right:before {
|
|
content: '';
|
|
}
|
|
.el-icon-refresh:before {
|
|
content: '';
|
|
}
|
|
.el-icon-video-play:before {
|
|
content: '';
|
|
}
|
|
.el-icon-video-pause:before {
|
|
content: '';
|
|
}
|
|
.el-icon-d-arrow-right:before {
|
|
content: '';
|
|
}
|
|
.el-icon-d-arrow-left:before {
|
|
content: '';
|
|
}
|
|
.el-icon-arrow-up:before {
|
|
content: '';
|
|
}
|
|
.el-icon-arrow-down:before {
|
|
content: '';
|
|
}
|
|
.el-icon-arrow-right:before {
|
|
content: '';
|
|
}
|
|
.el-icon-arrow-left:before {
|
|
content: '';
|
|
}
|
|
.el-icon-top-right:before {
|
|
content: '';
|
|
}
|
|
.el-icon-top-left:before {
|
|
content: '';
|
|
}
|
|
.el-icon-top:before {
|
|
content: '';
|
|
}
|
|
.el-icon-bottom:before {
|
|
content: '';
|
|
}
|
|
.el-icon-right:before {
|
|
content: '';
|
|
}
|
|
.el-icon-back:before {
|
|
content: '';
|
|
}
|
|
.el-icon-bottom-right:before {
|
|
content: '';
|
|
}
|
|
.el-icon-bottom-left:before {
|
|
content: '';
|
|
}
|
|
.el-icon-caret-top:before {
|
|
content: '';
|
|
}
|
|
.el-icon-caret-bottom:before {
|
|
content: '';
|
|
}
|
|
.el-icon-caret-right:before {
|
|
content: '';
|
|
}
|
|
.el-icon-caret-left:before {
|
|
content: '';
|
|
}
|
|
.el-icon-d-caret:before {
|
|
content: '';
|
|
}
|
|
.el-icon-share:before {
|
|
content: '';
|
|
}
|
|
.el-icon-menu:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-grid:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-check:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-data:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-opportunity:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-custom:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-claim:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-finance:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-comment:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-flag:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-marketing:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-shop:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-open:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-management:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-ticket:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-release:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-home:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-promotion:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-operation:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-unfold:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-fold:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-platform:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-order:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-cooperation:before {
|
|
content: '';
|
|
}
|
|
.el-icon-bell:before {
|
|
content: '';
|
|
}
|
|
.el-icon-message-solid:before {
|
|
content: '';
|
|
}
|
|
.el-icon-video-camera:before {
|
|
content: '';
|
|
}
|
|
.el-icon-video-camera-solid:before {
|
|
content: '';
|
|
}
|
|
.el-icon-camera:before {
|
|
content: '';
|
|
}
|
|
.el-icon-camera-solid:before {
|
|
content: '';
|
|
}
|
|
.el-icon-download:before {
|
|
content: '';
|
|
}
|
|
.el-icon-upload2:before {
|
|
content: '';
|
|
}
|
|
.el-icon-upload:before {
|
|
content: '';
|
|
}
|
|
.el-icon-picture-outline-round:before {
|
|
content: '';
|
|
}
|
|
.el-icon-picture-outline:before {
|
|
content: '';
|
|
}
|
|
.el-icon-picture:before {
|
|
content: '';
|
|
}
|
|
.el-icon-close:before {
|
|
content: '';
|
|
}
|
|
.el-icon-check:before {
|
|
content: '';
|
|
}
|
|
.el-icon-plus:before {
|
|
content: '';
|
|
}
|
|
.el-icon-minus:before {
|
|
content: '';
|
|
}
|
|
.el-icon-help:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-help:before {
|
|
content: '';
|
|
}
|
|
.el-icon-circle-close:before {
|
|
content: '';
|
|
}
|
|
.el-icon-circle-check:before {
|
|
content: '';
|
|
}
|
|
.el-icon-circle-plus-outline:before {
|
|
content: '';
|
|
}
|
|
.el-icon-remove-outline:before {
|
|
content: '';
|
|
}
|
|
.el-icon-zoom-out:before {
|
|
content: '';
|
|
}
|
|
.el-icon-zoom-in:before {
|
|
content: '';
|
|
}
|
|
.el-icon-error:before {
|
|
content: '';
|
|
}
|
|
.el-icon-success:before {
|
|
content: '';
|
|
}
|
|
.el-icon-circle-plus:before {
|
|
content: '';
|
|
}
|
|
.el-icon-remove:before {
|
|
content: '';
|
|
}
|
|
.el-icon-info:before {
|
|
content: '';
|
|
}
|
|
.el-icon-question:before {
|
|
content: '';
|
|
}
|
|
.el-icon-warning-outline:before {
|
|
content: '';
|
|
}
|
|
.el-icon-warning:before {
|
|
content: '';
|
|
}
|
|
.el-icon-goods:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-goods:before {
|
|
content: '';
|
|
}
|
|
.el-icon-star-off:before {
|
|
content: '';
|
|
}
|
|
.el-icon-star-on:before {
|
|
content: '';
|
|
}
|
|
.el-icon-more-outline:before {
|
|
content: '';
|
|
}
|
|
.el-icon-more:before {
|
|
content: '';
|
|
}
|
|
.el-icon-phone-outline:before {
|
|
content: '';
|
|
}
|
|
.el-icon-phone:before {
|
|
content: '';
|
|
}
|
|
.el-icon-user:before {
|
|
content: '';
|
|
}
|
|
.el-icon-user-solid:before {
|
|
content: '';
|
|
}
|
|
.el-icon-setting:before {
|
|
content: '';
|
|
}
|
|
.el-icon-s-tools:before {
|
|
content: '';
|
|
}
|
|
.el-icon-delete:before {
|
|
content: '';
|
|
}
|
|
.el-icon-delete-solid:before {
|
|
content: '';
|
|
}
|
|
.el-icon-eleme:before {
|
|
content: '';
|
|
}
|
|
.el-icon-platform-eleme:before {
|
|
content: '';
|
|
}
|
|
.el-icon-loading {
|
|
animation: 2s linear infinite rotating;
|
|
}
|
|
.el-icon--right {
|
|
margin-left: 5px;
|
|
}
|
|
.el-icon--left {
|
|
margin-right: 5px;
|
|
}
|
|
@keyframes rotating {
|
|
0% {
|
|
transform: rotate(0);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@font-face {
|
|
font-family: InterVariable;
|
|
font-style: normal;
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
src: url(./assets/InterVariable.woff2) format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: InterVariable;
|
|
font-style: italic;
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
src: url(./assets/InterVariable-Italic.woff2) format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: CommitMono;
|
|
font-style: italic;
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
src: url(./assets/CommitMonoVariable.woff2) format('woff2');
|
|
}
|
|
pre code.hljs {
|
|
padding: 1em;
|
|
display: block;
|
|
overflow-x: auto;
|
|
}
|
|
code.hljs {
|
|
padding: 3px 5px;
|
|
}
|
|
.hljs {
|
|
color: #24292e;
|
|
background: #fff;
|
|
}
|
|
.hljs-doctag,
|
|
.hljs-keyword,
|
|
.hljs-meta .hljs-keyword,
|
|
.hljs-template-tag,
|
|
.hljs-template-variable,
|
|
.hljs-type,
|
|
.hljs-variable.language_ {
|
|
color: #d73a49;
|
|
}
|
|
.hljs-title,
|
|
.hljs-title.class_,
|
|
.hljs-title.class_.inherited__,
|
|
.hljs-title.function_ {
|
|
color: #6f42c1;
|
|
}
|
|
.hljs-attr,
|
|
.hljs-attribute,
|
|
.hljs-literal,
|
|
.hljs-meta,
|
|
.hljs-number,
|
|
.hljs-operator,
|
|
.hljs-variable,
|
|
.hljs-selector-attr,
|
|
.hljs-selector-class,
|
|
.hljs-selector-id {
|
|
color: #005cc5;
|
|
}
|
|
.hljs-regexp,
|
|
.hljs-string,
|
|
.hljs-meta .hljs-string {
|
|
color: #032f62;
|
|
}
|
|
.hljs-built_in,
|
|
.hljs-symbol {
|
|
color: #e36209;
|
|
}
|
|
.hljs-comment,
|
|
.hljs-code,
|
|
.hljs-formula {
|
|
color: #6a737d;
|
|
}
|
|
.hljs-name,
|
|
.hljs-quote,
|
|
.hljs-selector-tag,
|
|
.hljs-selector-pseudo {
|
|
color: #22863a;
|
|
}
|
|
.hljs-subst {
|
|
color: #24292e;
|
|
}
|
|
.hljs-section {
|
|
color: #005cc5;
|
|
font-weight: 700;
|
|
}
|
|
.hljs-bullet {
|
|
color: #735c0f;
|
|
}
|
|
.hljs-emphasis {
|
|
color: #24292e;
|
|
font-style: italic;
|
|
}
|
|
.hljs-strong {
|
|
color: #24292e;
|
|
font-weight: 700;
|
|
}
|
|
.hljs-addition {
|
|
color: #22863a;
|
|
background-color: #f0fff4;
|
|
}
|
|
.hljs-deletion {
|
|
color: #b31d28;
|
|
background-color: #ffeef0;
|
|
}
|
|
[data-theme='dark'] pre code.hljs {
|
|
padding: 1em;
|
|
display: block;
|
|
overflow-x: auto;
|
|
}
|
|
[data-theme='dark'] code.hljs {
|
|
padding: 3px 5px;
|
|
}
|
|
[data-theme='dark'] .hljs {
|
|
color: #adbac7;
|
|
background: #22272e;
|
|
}
|
|
[data-theme='dark'] .hljs-doctag,
|
|
[data-theme='dark'] .hljs-keyword,
|
|
[data-theme='dark'] .hljs-meta .hljs-keyword,
|
|
[data-theme='dark'] .hljs-template-tag,
|
|
[data-theme='dark'] .hljs-template-variable,
|
|
[data-theme='dark'] .hljs-type,
|
|
[data-theme='dark'] .hljs-variable.language_ {
|
|
color: #f47067;
|
|
}
|
|
[data-theme='dark'] .hljs-title,
|
|
[data-theme='dark'] .hljs-title.class_,
|
|
[data-theme='dark'] .hljs-title.class_.inherited__,
|
|
[data-theme='dark'] .hljs-title.function_ {
|
|
color: #dcbdfb;
|
|
}
|
|
[data-theme='dark'] .hljs-attr,
|
|
[data-theme='dark'] .hljs-attribute,
|
|
[data-theme='dark'] .hljs-literal,
|
|
[data-theme='dark'] .hljs-meta,
|
|
[data-theme='dark'] .hljs-number,
|
|
[data-theme='dark'] .hljs-operator,
|
|
[data-theme='dark'] .hljs-variable,
|
|
[data-theme='dark'] .hljs-selector-attr,
|
|
[data-theme='dark'] .hljs-selector-class,
|
|
[data-theme='dark'] .hljs-selector-id {
|
|
color: #6cb6ff;
|
|
}
|
|
[data-theme='dark'] .hljs-regexp,
|
|
[data-theme='dark'] .hljs-string,
|
|
[data-theme='dark'] .hljs-meta .hljs-string {
|
|
color: #96d0ff;
|
|
}
|
|
[data-theme='dark'] .hljs-built_in,
|
|
[data-theme='dark'] .hljs-symbol {
|
|
color: #f69d50;
|
|
}
|
|
[data-theme='dark'] .hljs-comment,
|
|
[data-theme='dark'] .hljs-code,
|
|
[data-theme='dark'] .hljs-formula {
|
|
color: #768390;
|
|
}
|
|
[data-theme='dark'] .hljs-name,
|
|
[data-theme='dark'] .hljs-quote,
|
|
[data-theme='dark'] .hljs-selector-tag,
|
|
[data-theme='dark'] .hljs-selector-pseudo {
|
|
color: #8ddb8c;
|
|
}
|
|
[data-theme='dark'] .hljs-subst {
|
|
color: #adbac7;
|
|
}
|
|
[data-theme='dark'] .hljs-section {
|
|
color: #316dca;
|
|
font-weight: 700;
|
|
}
|
|
[data-theme='dark'] .hljs-bullet {
|
|
color: #eac55f;
|
|
}
|
|
[data-theme='dark'] .hljs-emphasis {
|
|
color: #adbac7;
|
|
font-style: italic;
|
|
}
|
|
[data-theme='dark'] .hljs-strong {
|
|
color: #adbac7;
|
|
font-weight: 700;
|
|
}
|
|
[data-theme='dark'] .hljs-addition {
|
|
color: #b4f1b4;
|
|
background-color: #1b4721;
|
|
}
|
|
[data-theme='dark'] .hljs-deletion {
|
|
color: #ffd8d3;
|
|
background-color: #78191b;
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
body:not([data-theme]) pre code.hljs {
|
|
padding: 1em;
|
|
display: block;
|
|
overflow-x: auto;
|
|
}
|
|
body:not([data-theme]) code.hljs {
|
|
padding: 3px 5px;
|
|
}
|
|
body:not([data-theme]) .hljs {
|
|
color: #adbac7;
|
|
background: #22272e;
|
|
}
|
|
body:not([data-theme]) .hljs-doctag,
|
|
body:not([data-theme]) .hljs-keyword,
|
|
body:not([data-theme]) .hljs-meta .hljs-keyword,
|
|
body:not([data-theme]) .hljs-template-tag,
|
|
body:not([data-theme]) .hljs-template-variable,
|
|
body:not([data-theme]) .hljs-type,
|
|
body:not([data-theme]) .hljs-variable.language_ {
|
|
color: #f47067;
|
|
}
|
|
body:not([data-theme]) .hljs-title,
|
|
body:not([data-theme]) .hljs-title.class_,
|
|
body:not([data-theme]) .hljs-title.class_.inherited__,
|
|
body:not([data-theme]) .hljs-title.function_ {
|
|
color: #dcbdfb;
|
|
}
|
|
body:not([data-theme]) .hljs-attr,
|
|
body:not([data-theme]) .hljs-attribute,
|
|
body:not([data-theme]) .hljs-literal,
|
|
body:not([data-theme]) .hljs-meta,
|
|
body:not([data-theme]) .hljs-number,
|
|
body:not([data-theme]) .hljs-operator,
|
|
body:not([data-theme]) .hljs-variable,
|
|
body:not([data-theme]) .hljs-selector-attr,
|
|
body:not([data-theme]) .hljs-selector-class,
|
|
body:not([data-theme]) .hljs-selector-id {
|
|
color: #6cb6ff;
|
|
}
|
|
body:not([data-theme]) .hljs-regexp,
|
|
body:not([data-theme]) .hljs-string,
|
|
body:not([data-theme]) .hljs-meta .hljs-string {
|
|
color: #96d0ff;
|
|
}
|
|
body:not([data-theme]) .hljs-built_in,
|
|
body:not([data-theme]) .hljs-symbol {
|
|
color: #f69d50;
|
|
}
|
|
body:not([data-theme]) .hljs-comment,
|
|
body:not([data-theme]) .hljs-code,
|
|
body:not([data-theme]) .hljs-formula {
|
|
color: #768390;
|
|
}
|
|
body:not([data-theme]) .hljs-name,
|
|
body:not([data-theme]) .hljs-quote,
|
|
body:not([data-theme]) .hljs-selector-tag,
|
|
body:not([data-theme]) .hljs-selector-pseudo {
|
|
color: #8ddb8c;
|
|
}
|
|
body:not([data-theme]) .hljs-subst {
|
|
color: #adbac7;
|
|
}
|
|
body:not([data-theme]) .hljs-section {
|
|
color: #316dca;
|
|
font-weight: 700;
|
|
}
|
|
body:not([data-theme]) .hljs-bullet {
|
|
color: #eac55f;
|
|
}
|
|
body:not([data-theme]) .hljs-emphasis {
|
|
color: #adbac7;
|
|
font-style: italic;
|
|
}
|
|
body:not([data-theme]) .hljs-strong {
|
|
color: #adbac7;
|
|
font-weight: 700;
|
|
}
|
|
body:not([data-theme]) .hljs-addition {
|
|
color: #b4f1b4;
|
|
background-color: #1b4721;
|
|
}
|
|
body:not([data-theme]) .hljs-deletion {
|
|
color: #ffd8d3;
|
|
background-color: #78191b;
|
|
}
|
|
}
|
|
.n8n-markdown {
|
|
--markdown--spacing: var(--spacing--2xs);
|
|
color: inherit;
|
|
-webkit-text-size-adjust: 100%;
|
|
word-break: break-word;
|
|
line-height: 1.5em;
|
|
display: block;
|
|
}
|
|
.n8n-markdown *,
|
|
.n8n-markdown :before,
|
|
.n8n-markdown :after {
|
|
box-sizing: border-box;
|
|
}
|
|
.n8n-markdown p,
|
|
.n8n-markdown li {
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
margin: calc(var(--markdown--spacing) * 2) 0;
|
|
}
|
|
.n8n-markdown p:first-child,
|
|
.n8n-markdown li:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.n8n-markdown p:last-child,
|
|
.n8n-markdown li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.n8n-markdown li {
|
|
margin: 0;
|
|
}
|
|
.n8n-markdown h1,
|
|
.n8n-markdown h2,
|
|
.n8n-markdown h3,
|
|
.n8n-markdown h4,
|
|
.n8n-markdown h5,
|
|
.n8n-markdown h6 {
|
|
color: var(--color--text--shade-1);
|
|
line-height: var(--line-height--md);
|
|
font-weight: var(--font-weight--bold);
|
|
scroll-margin-top: calc(var(--markdown--spacing) * 4);
|
|
margin: 0;
|
|
}
|
|
.n8n-markdown h1 {
|
|
font-size: var(--font-size--xl);
|
|
margin-top: calc(var(--markdown--spacing) * 3);
|
|
}
|
|
.n8n-markdown h2 {
|
|
font-size: var(--font-size--lg);
|
|
margin-top: calc(var(--markdown--spacing) * 4);
|
|
}
|
|
.n8n-markdown h3 {
|
|
font-size: var(--font-size--md);
|
|
margin-top: calc(var(--markdown--spacing) * 4);
|
|
}
|
|
.n8n-markdown h4 {
|
|
font-size: var(--font-size--sm);
|
|
margin-top: calc(var(--markdown--spacing) * 4);
|
|
}
|
|
.n8n-markdown h5,
|
|
.n8n-markdown h6 {
|
|
font-size: var(--font-size--sm);
|
|
margin-top: calc(var(--markdown--spacing) * 3);
|
|
}
|
|
.n8n-markdown h2 + h3 {
|
|
margin-top: calc(var(--markdown--spacing) * 3);
|
|
}
|
|
.n8n-markdown li > :is(h1, h2, h3, h4, h5, h6, p, strong):first-child {
|
|
margin-top: 0;
|
|
}
|
|
.n8n-markdown strong,
|
|
.n8n-markdown b {
|
|
color: var(--color--text--shade-1);
|
|
font-weight: var(--font-weight--bold);
|
|
}
|
|
.n8n-markdown a:not(:where(h1, h2, h3, h4, h5, h6) *) {
|
|
color: var(--color--text--shade-1);
|
|
font-weight: var(--font-weight--medium);
|
|
text-underline-offset: 3px;
|
|
text-decoration: underline;
|
|
text-decoration-thickness: 1px;
|
|
transition: color 0.15s;
|
|
}
|
|
.n8n-markdown a:not(:where(h1, h2, h3, h4, h5, h6) *):hover {
|
|
color: var(--color--primary);
|
|
}
|
|
.n8n-markdown a:not(:where(h1, h2, h3, h4, h5, h6) *) code {
|
|
font-weight: var(--font-weight--medium);
|
|
}
|
|
.n8n-markdown pre,
|
|
.n8n-markdown code,
|
|
.n8n-markdown kbd,
|
|
.n8n-markdown samp {
|
|
font-family:
|
|
var(--font-family--monospace), 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
|
'Noto Color Emoji';
|
|
-webkit-font-variant-ligatures: none;
|
|
font-variant-ligatures: none;
|
|
}
|
|
.n8n-markdown :not(pre) > code {
|
|
font-weight: var(--font-weight--medium);
|
|
font-size: var(--font-size--sm);
|
|
padding: calc(var(--markdown--spacing) * 0.25) calc(var(--markdown--spacing) * 0.5);
|
|
line-height: var(--line-height--lg);
|
|
background-color: var(--chat--message--pre--background, var(--color--background));
|
|
border-radius: var(--radius--sm);
|
|
}
|
|
.n8n-markdown :is(h1, h2, h3, h4, h5, h6) code {
|
|
font-weight: var(--font-weight--bold);
|
|
}
|
|
.n8n-markdown pre {
|
|
width: 100%;
|
|
font-family: var(--font-family--monospace);
|
|
font-size: var(--font-size--sm);
|
|
line-height: var(--line-height--xl);
|
|
margin: var(--markdown--spacing) 0 calc(var(--markdown--spacing) * 2.5);
|
|
white-space: pre-wrap;
|
|
box-sizing: border-box;
|
|
padding: calc(var(--markdown--spacing) * 2);
|
|
background: var(--chat--message--pre--background, var(--color--background));
|
|
border-radius: var(--radius--lg);
|
|
tab-size: 4;
|
|
position: relative;
|
|
}
|
|
.n8n-markdown pre code {
|
|
font-family: var(--font-family--monospace);
|
|
}
|
|
.n8n-markdown pre code:before,
|
|
.n8n-markdown pre code:after {
|
|
content: none;
|
|
}
|
|
.n8n-markdown pre code:last-of-type {
|
|
padding-bottom: 0;
|
|
}
|
|
.n8n-markdown pre code * + * {
|
|
margin-top: 0;
|
|
}
|
|
.n8n-markdown pre ~ pre {
|
|
margin-bottom: calc(var(--markdown--spacing) * 2.5);
|
|
}
|
|
.n8n-markdown.n8n-markdown--single-pre pre {
|
|
background: 0 0;
|
|
border-radius: 0;
|
|
margin: 0;
|
|
}
|
|
.n8n-markdown .n8n-markdown-code-block-actions {
|
|
top: var(--markdown--spacing);
|
|
right: var(--markdown--spacing);
|
|
pointer-events: none;
|
|
z-index: 1;
|
|
justify-content: flex-end;
|
|
height: 0;
|
|
display: flex;
|
|
position: sticky;
|
|
}
|
|
.n8n-markdown .n8n-markdown-code-block-actions > * {
|
|
pointer-events: auto;
|
|
}
|
|
.n8n-markdown blockquote {
|
|
border-left: calc(var(--markdown--spacing) * 0.5) solid var(--color--foreground--shade-1);
|
|
padding-left: calc(var(--markdown--spacing) * 2);
|
|
margin: calc(var(--markdown--spacing) * 2) 0;
|
|
color: var(--color--text--tint-1);
|
|
font-style: italic;
|
|
}
|
|
.n8n-markdown blockquote p:first-of-type:before {
|
|
content: open-quote;
|
|
}
|
|
.n8n-markdown blockquote p:last-of-type:after {
|
|
content: close-quote;
|
|
}
|
|
.n8n-markdown hr {
|
|
border: none;
|
|
border-top: var(--border-width) var(--border-style) var(--color--foreground);
|
|
margin: calc(var(--markdown--spacing) * 3) 0;
|
|
}
|
|
.n8n-markdown hr + h2 {
|
|
margin-top: calc(var(--markdown--spacing) * 3);
|
|
}
|
|
.n8n-markdown ol {
|
|
padding-left: calc(var(--markdown--spacing) * 4);
|
|
margin: calc(var(--markdown--spacing) * 2) 0;
|
|
list-style-type: decimal;
|
|
list-style-position: outside;
|
|
}
|
|
.n8n-markdown ol li + li {
|
|
margin-top: calc(var(--markdown--spacing) * 1.5);
|
|
}
|
|
.n8n-markdown ol li::marker {
|
|
font-family: var(--font-family--monospace);
|
|
color: var(--color--text);
|
|
}
|
|
.n8n-markdown ul {
|
|
padding-left: calc(var(--markdown--spacing) * 4);
|
|
margin: calc(var(--markdown--spacing) * 2) 0;
|
|
list-style-type: disc;
|
|
list-style-position: outside;
|
|
}
|
|
.n8n-markdown ul li + li {
|
|
margin-top: var(--markdown--spacing);
|
|
}
|
|
.n8n-markdown ul li::marker {
|
|
color: var(--color--foreground--shade-1);
|
|
}
|
|
.n8n-markdown ul[data-type='taskList'] {
|
|
padding-left: 0;
|
|
list-style: none;
|
|
}
|
|
.n8n-markdown ul[data-type='taskList'] li {
|
|
align-items: flex-start;
|
|
gap: var(--spacing--2xs);
|
|
display: flex;
|
|
}
|
|
.n8n-markdown ul[data-type='taskList'] li > label {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
flex: none;
|
|
}
|
|
.n8n-markdown ul[data-type='taskList'] li > div {
|
|
flex: auto;
|
|
min-width: 0;
|
|
}
|
|
.n8n-markdown ul ul,
|
|
.n8n-markdown ol ol,
|
|
.n8n-markdown ul ol,
|
|
.n8n-markdown ol ul {
|
|
margin-top: var(--markdown--spacing);
|
|
padding-left: calc(var(--markdown--spacing) * 3);
|
|
margin-bottom: 0;
|
|
}
|
|
.n8n-markdown .n8n-markdown-footnote-ref {
|
|
font-size: var(--font-size--3xs);
|
|
color: var(--color--text);
|
|
background: var(--color--foreground--tint-1);
|
|
border-radius: var(--radius--xl);
|
|
padding: var(--spacing--4xs) var(--spacing--2xs);
|
|
margin-inline: var(--spacing--5xs);
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
line-height: 1;
|
|
font-weight: var(--font-weight--regular);
|
|
display: inline-block;
|
|
}
|
|
.n8n-markdown .n8n-markdown-table-container {
|
|
width: 100%;
|
|
overflow-x: auto;
|
|
}
|
|
.n8n-markdown table {
|
|
table-layout: auto;
|
|
width: 100%;
|
|
margin: calc(var(--markdown--spacing) * 2) 0;
|
|
font-size: var(--font-size--sm);
|
|
line-height: var(--line-height--lg);
|
|
}
|
|
.n8n-markdown thead {
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: var(--color--neutral-300);
|
|
}
|
|
.n8n-markdown thead th {
|
|
color: var(--color--text--shade-1);
|
|
font-weight: var(--font-weight--bold);
|
|
vertical-align: bottom;
|
|
-webkit-padding-start: 0.6em;
|
|
-webkit-padding-end: 0.6em;
|
|
text-align: start;
|
|
padding-inline: 0.6em;
|
|
padding-bottom: 0.8em;
|
|
}
|
|
.n8n-markdown thead th:first-child,
|
|
.n8n-markdown tbody td:first-child,
|
|
.n8n-markdown tfoot td:first-child {
|
|
-webkit-padding-start: 0;
|
|
padding-inline-start: 0;
|
|
}
|
|
.n8n-markdown thead th:last-child,
|
|
.n8n-markdown tbody td:last-child,
|
|
.n8n-markdown tfoot td:last-child {
|
|
-webkit-padding-end: 0;
|
|
padding-inline-end: 0;
|
|
}
|
|
.n8n-markdown tbody tr {
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: var(--color--neutral-200);
|
|
}
|
|
.n8n-markdown tbody tr:last-child {
|
|
border-bottom-width: 0;
|
|
}
|
|
.n8n-markdown tbody td,
|
|
.n8n-markdown tfoot td {
|
|
vertical-align: baseline;
|
|
-webkit-padding-start: 0.6em;
|
|
-webkit-padding-end: 0.6em;
|
|
padding-top: 0.8em;
|
|
padding-inline: 0.6em;
|
|
padding-bottom: 0.8em;
|
|
}
|
|
.n8n-markdown tfoot {
|
|
border-top-style: solid;
|
|
border-top-width: 1px;
|
|
border-top-color: var(--color--neutral-300);
|
|
}
|
|
.n8n-markdown td code {
|
|
font-size: var(--font-size--xs);
|
|
}
|
|
.n8n-markdown th,
|
|
.n8n-markdown td {
|
|
text-align: start;
|
|
}
|
|
.n8n-markdown figure {
|
|
margin: calc(var(--markdown--spacing) * 2) 0;
|
|
}
|
|
.n8n-markdown figcaption {
|
|
margin-top: calc(var(--markdown--spacing) * 1.5);
|
|
text-align: center;
|
|
font-size: var(--font-size--sm);
|
|
color: var(--color--text--tint-1);
|
|
font-style: italic;
|
|
}
|
|
.n8n-markdown img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
@keyframes shimmer {
|
|
0% {
|
|
-webkit-animation-timing-function: var(
|
|
--animation--shimmer-burst--easing,
|
|
var(--easing--ease-in-out)
|
|
);
|
|
animation-timing-function: var(
|
|
--animation--shimmer-burst--easing,
|
|
var(--easing--ease-in-out)
|
|
);
|
|
background-position: 200% 0;
|
|
}
|
|
to {
|
|
-webkit-animation-timing-function: var(
|
|
--animation--shimmer-burst--easing,
|
|
var(--easing--ease-in-out)
|
|
);
|
|
animation-timing-function: var(
|
|
--animation--shimmer-burst--easing,
|
|
var(--easing--ease-in-out)
|
|
);
|
|
background-position: -200% 0;
|
|
}
|
|
}
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotate(0);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes skeleton-pulse {
|
|
0%,
|
|
to {
|
|
opacity: var(--animation--skeleton-pulse--opacity-start, 1);
|
|
}
|
|
50% {
|
|
opacity: var(--animation--skeleton-pulse--opacity-end, 0.4);
|
|
}
|
|
}
|
|
@keyframes opacityPulse {
|
|
0%,
|
|
to {
|
|
opacity: var(--animation--opacity-pulse--opacity-start, 1);
|
|
}
|
|
50% {
|
|
opacity: var(--animation--opacity-pulse--opacity-end, 0.4);
|
|
}
|
|
}
|
|
@keyframes popoverIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate(
|
|
var(--animation--popover-in--translate-x, 0),
|
|
var(--animation--popover-in--translate-y, 0)
|
|
)
|
|
scale(var(--animation--popover-in--scale, 0.96));
|
|
transform: translate(
|
|
var(--animation--popover-in--translate-x, 0),
|
|
var(--animation--popover-in--translate-y, 0)
|
|
)
|
|
scale(var(--animation--popover-in--scale, 0.96));
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translate(0) scale(1);
|
|
}
|
|
}
|
|
@keyframes fadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(var(--animation--fade-in--translate, 8px));
|
|
transform: translateY(var(--animation--fade-in--translate, 8px));
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
@keyframes collapsibleSlideDown {
|
|
0% {
|
|
height: 0;
|
|
}
|
|
to {
|
|
height: var(--reka-collapsible-content-height);
|
|
}
|
|
}
|
|
@keyframes collapsibleSlideUp {
|
|
0% {
|
|
height: var(--reka-collapsible-content-height);
|
|
}
|
|
to {
|
|
height: 0;
|
|
}
|
|
}
|
|
@keyframes collapsibleSlideDownBlurred {
|
|
0% {
|
|
opacity: 0;
|
|
height: 0;
|
|
filter: blur(var(--animation--collapsible-slide-blurred--blur, 4px));
|
|
}
|
|
to {
|
|
height: var(--reka-collapsible-content-height);
|
|
opacity: 1;
|
|
filter: blur();
|
|
}
|
|
}
|
|
@keyframes collapsibleSlideUpBlurred {
|
|
0% {
|
|
height: var(--reka-collapsible-content-height);
|
|
opacity: 1;
|
|
filter: blur();
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
height: 0;
|
|
filter: blur(var(--animation--collapsible-slide-blurred--blur, 4px));
|
|
}
|
|
}
|
|
@keyframes blurSwapIn {
|
|
0% {
|
|
opacity: 0;
|
|
filter: blur(var(--animation--blur-swap--blur, 4px));
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
filter: blur();
|
|
}
|
|
}
|
|
@keyframes blurSwapOut {
|
|
0% {
|
|
opacity: 1;
|
|
filter: blur();
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
filter: blur(var(--animation--blur-swap--blur, 4px));
|
|
}
|
|
}
|
|
@keyframes pulseGlow {
|
|
0% {
|
|
-webkit-box-shadow: 0 0 0 0
|
|
hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
|
|
box-shadow: 0 0 0 0
|
|
hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
|
|
}
|
|
58.33% {
|
|
-webkit-box-shadow: 0 0 0 60px
|
|
hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
|
|
box-shadow: 0 0 0 60px
|
|
hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
|
|
}
|
|
66.6% {
|
|
box-shadow: 0 0 0 66px #0000;
|
|
}
|
|
66.7% {
|
|
box-shadow: 0 0 #0000;
|
|
}
|
|
}
|
|
@keyframes pulseGlowDelayed {
|
|
0%,
|
|
16.66% {
|
|
-webkit-box-shadow: 0 0 0 0
|
|
hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
|
|
box-shadow: 0 0 0 0
|
|
hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
|
|
}
|
|
50% {
|
|
-webkit-box-shadow: 0 0 0 60px
|
|
hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
|
|
box-shadow: 0 0 0 60px
|
|
hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
|
|
}
|
|
83.3% {
|
|
box-shadow: 0 0 0 66px #0000;
|
|
}
|
|
83.4% {
|
|
box-shadow: 0 0 #0000;
|
|
}
|
|
}
|
|
@keyframes fade {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes fadeInUp {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(var(--animation--fade-in-up--translate, var(--spacing--4xs)));
|
|
transform: translateY(var(--animation--fade-in-up--translate, var(--spacing--4xs)));
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
@keyframes fadeInDown {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(
|
|
calc(-1 * var(--animation--fade-in-down--translate, var(--spacing--4xs)))
|
|
);
|
|
transform: translateY(
|
|
calc(-1 * var(--animation--fade-in-down--translate, var(--spacing--4xs)))
|
|
);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
@keyframes fadeInLeft {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(
|
|
calc(-1 * var(--animation--fade-in-left--translate, var(--spacing--4xs)))
|
|
);
|
|
transform: translateX(
|
|
calc(-1 * var(--animation--fade-in-left--translate, var(--spacing--4xs)))
|
|
);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translate(0);
|
|
}
|
|
}
|
|
@keyframes fadeInRight {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(
|
|
var(--animation--fade-in-right--translate, var(--spacing--4xs))
|
|
);
|
|
transform: translateX(var(--animation--fade-in-right--translate, var(--spacing--4xs)));
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translate(0);
|
|
}
|
|
}
|
|
@keyframes fadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes fadeOutDown {
|
|
0% {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(
|
|
var(--animation--fade-out-down--translate, var(--spacing--4xs))
|
|
);
|
|
transform: translateY(var(--animation--fade-out-down--translate, var(--spacing--4xs)));
|
|
}
|
|
}
|
|
@keyframes fadeOutUp {
|
|
0% {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(
|
|
calc(-1 * var(--animation--fade-out-up--translate, var(--spacing--4xs)))
|
|
);
|
|
transform: translateY(
|
|
calc(-1 * var(--animation--fade-out-up--translate, var(--spacing--4xs)))
|
|
);
|
|
}
|
|
}
|
|
@keyframes fadeOutLeft {
|
|
0% {
|
|
opacity: 1;
|
|
transform: translate(0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(
|
|
calc(-1 * var(--animation--fade-out-left--translate, var(--spacing--4xs)))
|
|
);
|
|
transform: translateX(
|
|
calc(-1 * var(--animation--fade-out-left--translate, var(--spacing--4xs)))
|
|
);
|
|
}
|
|
}
|
|
@keyframes fadeOutRight {
|
|
0% {
|
|
opacity: 1;
|
|
transform: translate(0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(
|
|
var(--animation--fade-out-right--translate, var(--spacing--4xs))
|
|
);
|
|
transform: translateX(var(--animation--fade-out-right--translate, var(--spacing--4xs)));
|
|
}
|
|
}
|
|
@keyframes ping {
|
|
75%,
|
|
to {
|
|
-webkit-transform: scale(var(--animation--ping--scale, 2));
|
|
transform: scale(var(--animation--ping--scale, 2));
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes blinkBackground {
|
|
0%,
|
|
to {
|
|
background-color: var(--animation--blink-background--color-start, transparent);
|
|
}
|
|
50% {
|
|
background-color: var(
|
|
--animation--blink-background--color-end,
|
|
var(--color--foreground--shade-2)
|
|
);
|
|
}
|
|
}
|
|
@keyframes typingBlink {
|
|
0%,
|
|
80%,
|
|
to {
|
|
opacity: var(--animation--typing-blink--opacity-start, 0.35);
|
|
transform: translateY(0);
|
|
}
|
|
40% {
|
|
opacity: var(--animation--typing-blink--opacity-end, 1);
|
|
-webkit-transform: translateY(var(--animation--typing-blink--translate, -2px));
|
|
transform: translateY(var(--animation--typing-blink--translate, -2px));
|
|
}
|
|
}
|
|
.v-modal-enter-from {
|
|
animation: 0.2s v-modal-in;
|
|
}
|
|
.v-modal-leave-to {
|
|
animation: 0.2s forwards v-modal-out;
|
|
}
|
|
@keyframes v-modal-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes v-modal-out {
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.v-modal {
|
|
background-color: var(--dialog--overlay--color--background);
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.el-popup-parent--hidden {
|
|
overflow: hidden;
|
|
}
|
|
.el-overlay {
|
|
background-color: #444257bf;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.el-overlay-dialog {
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
overflow: hidden auto;
|
|
}
|
|
.el-overlay-message-box {
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
}
|
|
.el-dialog {
|
|
background: var(--dialog--color--background);
|
|
border-radius: var(--radius--sm);
|
|
box-sizing: border-box;
|
|
width: var(--el-dialog-width, 50%);
|
|
margin: 0 auto 50px;
|
|
position: relative;
|
|
box-shadow: 0 1px 3px #0000004d;
|
|
}
|
|
.el-dialog.is-fullscreen {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
overflow: auto;
|
|
}
|
|
.el-dialog__wrapper {
|
|
margin: 0;
|
|
position: fixed;
|
|
inset: 0;
|
|
overflow: auto;
|
|
}
|
|
.el-dialog__header {
|
|
padding: var(--spacing--lg);
|
|
}
|
|
.el-dialog__headerbtn {
|
|
top: var(--dialog--close--spacing--top, var(--spacing--lg));
|
|
right: var(--spacing--lg);
|
|
cursor: pointer;
|
|
z-index: 2;
|
|
background: 0 0;
|
|
border: none;
|
|
outline: none;
|
|
padding: 0;
|
|
font-size: 16px;
|
|
position: absolute;
|
|
}
|
|
.el-dialog__headerbtn .el-dialog__close {
|
|
color: var(--color--info);
|
|
}
|
|
.el-dialog__headerbtn:focus .el-dialog__close,
|
|
.el-dialog__headerbtn:hover .el-dialog__close {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-dialog__title {
|
|
line-height: var(--line-height--sm);
|
|
font-size: var(--font-size--xl);
|
|
color: var(--color--text--shade-1);
|
|
font-weight: var(--font-weight--regular);
|
|
}
|
|
.el-dialog__body {
|
|
padding: var(--spacing--lg);
|
|
color: var(--color--text);
|
|
padding-top: 0;
|
|
}
|
|
.el-dialog__footer {
|
|
padding: var(--spacing--lg);
|
|
text-align: right;
|
|
box-sizing: border-box;
|
|
padding-top: 10px;
|
|
}
|
|
.el-dialog__footer .button + .button {
|
|
margin-left: var(--spacing--2xs);
|
|
}
|
|
.dialog-fade-enter-active {
|
|
--animation--fade-in-down--duration: 0.3s;
|
|
--animation--fade-in-down--translate: 20px;
|
|
-webkit-animation: fadeInDown var(--animation--fade-in-down--duration, var(--duration--snappy))
|
|
var(--animation--fade-in-down--easing, var(--easing--ease-out));
|
|
animation: fadeInDown var(--animation--fade-in-down--duration, var(--duration--snappy))
|
|
var(--animation--fade-in-down--easing, var(--easing--ease-out));
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.dialog-fade-enter-active {
|
|
animation: none;
|
|
}
|
|
}
|
|
.dialog-fade-leave-active {
|
|
--animation--fade-out-up--duration: 0.3s;
|
|
--animation--fade-out-up--translate: 20px;
|
|
-webkit-animation: fadeOutUp var(--animation--fade-out-up--duration, var(--duration--snappy))
|
|
var(--animation--fade-out-up--easing, var(--easing--ease-in));
|
|
animation: fadeOutUp var(--animation--fade-out-up--duration, var(--duration--snappy))
|
|
var(--animation--fade-out-up--easing, var(--easing--ease-in));
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.dialog-fade-leave-active {
|
|
animation: none;
|
|
}
|
|
}
|
|
.el-popper {
|
|
z-index: 2000;
|
|
word-wrap: break-word;
|
|
visibility: visible;
|
|
min-width: 10px;
|
|
position: absolute;
|
|
}
|
|
.el-popper:not(.el-popover) {
|
|
max-width: 420px;
|
|
}
|
|
.el-popper img {
|
|
max-width: 100%;
|
|
}
|
|
.el-popper .el-select-dropdown,
|
|
.el-popper .el-dropdown-menu {
|
|
margin: 0;
|
|
position: relative;
|
|
}
|
|
.el-popper:not(.el-select__popper):not(.el-dropdown__popper):not(.el-picker__popper) {
|
|
border-radius: 4px;
|
|
padding: 10px;
|
|
font-size: 12px;
|
|
}
|
|
.el-popper .el-popper__arrow {
|
|
z-index: 1010;
|
|
filter: drop-shadow(0 2px 12px #00000008);
|
|
border: 6px solid #0000;
|
|
width: 0;
|
|
height: 0;
|
|
display: block;
|
|
position: absolute;
|
|
}
|
|
.el-popper .el-popper__arrow:after {
|
|
content: ' ';
|
|
border: 6px solid #0000;
|
|
width: 0;
|
|
height: 0;
|
|
display: block;
|
|
position: absolute;
|
|
}
|
|
.el-popper[data-popper-placement^='top'] .el-popper__arrow {
|
|
border-top-color: var(--border-color--light);
|
|
border-bottom-width: 0;
|
|
margin: 0 3px;
|
|
bottom: -6px;
|
|
left: 50%;
|
|
}
|
|
.el-popper[data-popper-placement^='top'] .el-popper__arrow:after {
|
|
border-top-color: var(--color--foreground--tint-2);
|
|
border-bottom-width: 0;
|
|
margin-left: -6px;
|
|
bottom: 1px;
|
|
}
|
|
.el-popper[data-popper-placement^='bottom'] .el-popper__arrow {
|
|
border-top-width: 0;
|
|
border-bottom-color: var(--border-color--light);
|
|
margin: 0 3px;
|
|
top: -6px;
|
|
left: 50%;
|
|
}
|
|
.el-popper[data-popper-placement^='bottom'] .el-popper__arrow:after {
|
|
border-top-width: 0;
|
|
border-bottom-color: var(--color--foreground--tint-2);
|
|
margin-left: -6px;
|
|
top: 1px;
|
|
}
|
|
.el-popper[data-popper-placement^='right'] .el-popper__arrow {
|
|
border-right-color: var(--border-color--light);
|
|
border-left-width: 0;
|
|
margin: 3px 0;
|
|
top: 50%;
|
|
left: -6px;
|
|
}
|
|
.el-popper[data-popper-placement^='right'] .el-popper__arrow:after {
|
|
border-right-color: var(--color--foreground--tint-2);
|
|
border-left-width: 0;
|
|
bottom: -6px;
|
|
left: 1px;
|
|
}
|
|
.el-popper[data-popper-placement^='left'] .el-popper__arrow {
|
|
border-right-width: 0;
|
|
border-left-color: var(--border-color--light);
|
|
margin: 3px 0;
|
|
top: 50%;
|
|
right: -6px;
|
|
}
|
|
.el-popper[data-popper-placement^='left'] .el-popper__arrow:after {
|
|
border-right-width: 0;
|
|
border-left-color: var(--color--foreground--tint-2);
|
|
margin-left: -6px;
|
|
bottom: -6px;
|
|
right: 1px;
|
|
}
|
|
.el-popper.is-dark {
|
|
background: var(--color--background--shade-2);
|
|
color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-popper.is-dark[data-popper-placement^='top'] .el-popper__arrow {
|
|
border-top-color: #0000;
|
|
}
|
|
.el-popper.is-dark[data-popper-placement^='top'] .el-popper__arrow:after {
|
|
border-top-color: var(--color--background--shade-2);
|
|
}
|
|
.el-popper.is-dark[data-popper-placement^='bottom'] .el-popper__arrow {
|
|
border-bottom-color: #0000;
|
|
}
|
|
.el-popper.is-dark[data-popper-placement^='bottom'] .el-popper__arrow:after {
|
|
border-bottom-color: var(--color--background--shade-2);
|
|
}
|
|
.el-popper.is-dark[data-popper-placement^='right'] .el-popper__arrow {
|
|
border-right-color: #0000;
|
|
}
|
|
.el-popper.is-dark[data-popper-placement^='right'] .el-popper__arrow:after {
|
|
border-right-color: var(--color--background--shade-2);
|
|
}
|
|
.el-popper.is-dark[data-popper-placement^='left'] .el-popper__arrow {
|
|
border-left-color: #0000;
|
|
}
|
|
.el-popper.is-dark[data-popper-placement^='left'] .el-popper__arrow:after {
|
|
border-left-color: var(--color--background--shade-2);
|
|
}
|
|
.el-popper.n8n-tooltip {
|
|
max-width: 180px;
|
|
line-height: var(--line-height--md) !important;
|
|
}
|
|
.el-dropdown {
|
|
color: var(--color--text--shade-1);
|
|
font-size: var(--font-size--sm);
|
|
vertical-align: top;
|
|
line-height: 1;
|
|
display: inline-flex;
|
|
position: relative;
|
|
}
|
|
.el-dropdown .el-button-group {
|
|
display: block;
|
|
}
|
|
.el-dropdown .el-button-group .el-button {
|
|
float: none;
|
|
}
|
|
.el-dropdown.is-disabled .el-tooltip__trigger {
|
|
opacity: 0.25;
|
|
cursor: not-allowed;
|
|
background: unset;
|
|
}
|
|
.el-dropdown .el-dropdown__caret-button {
|
|
border-left: none;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
position: relative;
|
|
}
|
|
.el-dropdown .el-dropdown__caret-button:before {
|
|
content: '';
|
|
background: rgba(var(--color--foreground--tint-2), 0.5);
|
|
width: 1px;
|
|
display: block;
|
|
position: absolute;
|
|
top: 5px;
|
|
bottom: 5px;
|
|
left: 0;
|
|
}
|
|
.el-dropdown .el-dropdown__caret-button.button:before {
|
|
background: hsla(
|
|
var(--button-default-border-color-h),
|
|
var(--button-default-border-color-s),
|
|
var(--button-default-border-color-l),
|
|
0.5
|
|
);
|
|
}
|
|
.el-dropdown .el-dropdown__caret-button:hover:before {
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
|
|
padding-left: 0;
|
|
}
|
|
.el-dropdown__icon {
|
|
margin: 0 3px;
|
|
font-size: 12px;
|
|
}
|
|
.el-dropdown .el-dropdown-selfdefine:focus:active,
|
|
.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
|
|
outline-width: 0;
|
|
}
|
|
.el-dropdown-menu {
|
|
z-index: 10;
|
|
background-color: var(--color--foreground--tint-2);
|
|
border: 1px solid var(--border-color--light);
|
|
border-radius: var(--radius);
|
|
margin: 5px 0;
|
|
padding: 10px 0;
|
|
list-style: none;
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.el-dropdown-menu__item {
|
|
line-height: 36px;
|
|
font-size: var(--font-size--sm);
|
|
font-weight: var(--font-weight--regular);
|
|
color: var(--color--text);
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
outline: none;
|
|
margin: 0;
|
|
padding: 0 16px;
|
|
list-style: none;
|
|
}
|
|
.el-dropdown-menu__item:not(.is-disabled):hover,
|
|
.el-dropdown-menu__item:focus {
|
|
background-color: var(--action-dropdown--item--color--background--active);
|
|
color: var(--color--text--shade-1);
|
|
}
|
|
.el-dropdown-menu__item i {
|
|
margin-right: 5px;
|
|
}
|
|
.el-dropdown-menu__item--divided {
|
|
border-top: 1px solid var(--border-color--light);
|
|
margin-top: 6px;
|
|
position: relative;
|
|
}
|
|
.el-dropdown-menu__item--divided:before {
|
|
content: '';
|
|
background-color: var(--color--foreground--tint-2);
|
|
height: 6px;
|
|
display: block;
|
|
}
|
|
.el-dropdown-menu__item.is-disabled {
|
|
cursor: default;
|
|
color: var(--color--text--tint-2);
|
|
pointer-events: none;
|
|
}
|
|
.el-dropdown-menu--medium {
|
|
padding: 6px 0;
|
|
}
|
|
.el-dropdown-menu--medium .el-dropdown-menu__item {
|
|
padding: 0 17px;
|
|
font-size: 14px;
|
|
line-height: 30px;
|
|
}
|
|
.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
|
|
margin-top: 6px;
|
|
}
|
|
.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
|
|
height: 6px;
|
|
}
|
|
.el-dropdown-menu--small {
|
|
padding: 6px 0;
|
|
}
|
|
.el-dropdown-menu--small .el-dropdown-menu__item {
|
|
padding: 0 15px;
|
|
font-size: 13px;
|
|
line-height: 27px;
|
|
}
|
|
.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
|
|
margin-top: 4px;
|
|
}
|
|
.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
|
|
height: 4px;
|
|
}
|
|
.el-dropdown-menu--mini {
|
|
padding: 3px 0;
|
|
}
|
|
.el-dropdown-menu--mini .el-dropdown-menu__item {
|
|
padding: 0 10px;
|
|
font-size: 12px;
|
|
line-height: 24px;
|
|
}
|
|
.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
|
|
margin-top: 3px;
|
|
}
|
|
.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
|
|
height: 3px;
|
|
}
|
|
.el-menu {
|
|
background-color: var(--menu--color--background, var(--color--background--light-3));
|
|
margin: 0;
|
|
padding-left: 0;
|
|
list-style: none;
|
|
position: relative;
|
|
}
|
|
.el-menu:before,
|
|
.el-menu:after {
|
|
content: '';
|
|
display: table;
|
|
}
|
|
.el-menu:after {
|
|
clear: both;
|
|
}
|
|
.el-menu.el-menu--horizontal {
|
|
border-bottom: 1px solid #e6e6e6;
|
|
}
|
|
.el-menu--horizontal {
|
|
border-right: none;
|
|
}
|
|
.el-menu--horizontal > .el-menu-item {
|
|
float: left;
|
|
height: 60px;
|
|
color: var(--color--text--tint-1);
|
|
border-bottom: 2px solid #0000;
|
|
margin: 0;
|
|
line-height: 60px;
|
|
}
|
|
.el-menu--horizontal > .el-menu-item a,
|
|
.el-menu--horizontal > .el-menu-item a:hover {
|
|
color: inherit;
|
|
}
|
|
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
|
|
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus {
|
|
background-color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-menu--horizontal > .el-sub-menu {
|
|
float: left;
|
|
}
|
|
.el-menu--horizontal > .el-sub-menu:focus,
|
|
.el-menu--horizontal > .el-sub-menu:hover {
|
|
outline: none;
|
|
}
|
|
.el-menu--horizontal > .el-sub-menu:focus .el-sub-menu__title,
|
|
.el-menu--horizontal > .el-sub-menu:hover .el-sub-menu__title {
|
|
color: var(--color--text--shade-1);
|
|
}
|
|
.el-menu--horizontal > .el-sub-menu.is-active .el-sub-menu__title {
|
|
border-bottom: 2px solid var(--color--primary);
|
|
color: var(--color--text--shade-1);
|
|
}
|
|
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
|
|
height: 60px;
|
|
color: var(--color--text--tint-1);
|
|
border-bottom: 2px solid #0000;
|
|
line-height: 60px;
|
|
}
|
|
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover {
|
|
background-color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-menu--horizontal > .el-sub-menu .el-sub-menu__icon-arrow {
|
|
vertical-align: middle;
|
|
margin-top: -3px;
|
|
margin-left: 8px;
|
|
position: static;
|
|
}
|
|
.el-menu--horizontal .el-menu .el-menu-item,
|
|
.el-menu--horizontal .el-menu .el-sub-menu__title {
|
|
background-color: var(--color--foreground--tint-2);
|
|
float: none;
|
|
height: 36px;
|
|
color: var(--color--text--tint-1);
|
|
padding: 0 10px;
|
|
line-height: 36px;
|
|
}
|
|
.el-menu--horizontal .el-menu .el-menu-item.is-active,
|
|
.el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title {
|
|
color: var(--color--text--shade-1);
|
|
}
|
|
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover,
|
|
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
|
|
color: var(--color--text--shade-1);
|
|
outline: none;
|
|
}
|
|
.el-menu--horizontal > .el-menu-item.is-active {
|
|
border-bottom: 2px solid var(--color--primary);
|
|
color: var(--color--text--shade-1);
|
|
}
|
|
.el-menu--collapse {
|
|
width: 64px;
|
|
}
|
|
.el-menu--collapse > .el-menu-item [class^='el-icon-'],
|
|
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title [class^='el-icon-'] {
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
width: 24px;
|
|
margin: 0;
|
|
}
|
|
.el-menu--collapse > .el-menu-item .el-sub-menu__icon-arrow,
|
|
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow {
|
|
display: none;
|
|
}
|
|
.el-menu--collapse > .el-menu-item span,
|
|
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title span {
|
|
visibility: hidden;
|
|
width: 0;
|
|
height: 0;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
.el-menu--collapse > .el-menu-item.is-active i {
|
|
color: inherit;
|
|
}
|
|
.el-menu--collapse .el-menu .el-sub-menu {
|
|
min-width: 200px;
|
|
}
|
|
.el-menu--collapse .el-sub-menu {
|
|
position: relative;
|
|
}
|
|
.el-menu--collapse .el-sub-menu .el-menu {
|
|
z-index: 10;
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--radius--sm);
|
|
-webkit-box-shadow: var(--shadow--light);
|
|
box-shadow: var(--shadow--light);
|
|
margin-left: 5px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 100%;
|
|
}
|
|
.el-menu--collapse .el-sub-menu.is-opened > .el-sub-menu__title .el-sub-menu__icon-arrow {
|
|
transform: none;
|
|
}
|
|
.el-menu--popup {
|
|
z-index: 100;
|
|
border-radius: var(--radius--sm);
|
|
min-width: 200px;
|
|
-webkit-box-shadow: var(--shadow--light);
|
|
box-shadow: var(--shadow--light);
|
|
border: none;
|
|
padding: 5px 0;
|
|
}
|
|
.el-menu--popup-bottom-start {
|
|
margin-top: 5px;
|
|
}
|
|
.el-menu--popup-right-start {
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
.el-menu-item {
|
|
height: var(--menu--item--height, 56px);
|
|
line-height: var(--menu--item--height, 56px);
|
|
font-size: var(--font-size--sm);
|
|
color: var(--menu--color--text, var(--color--text--shade-1));
|
|
font-weight: var(--menu--item--font-weight, var(--font-weight--regular));
|
|
cursor: pointer;
|
|
box-sizing: border-box;
|
|
white-space: nowrap;
|
|
border-radius: var(--menu--item--radius, 0);
|
|
padding: 0 20px;
|
|
list-style: none;
|
|
transition:
|
|
border-color 0.3s,
|
|
background-color 0.3s,
|
|
color 0.3s;
|
|
position: relative;
|
|
}
|
|
.el-menu-item i {
|
|
color: var(--menu--item--color--text, var(--color--text--tint-1));
|
|
}
|
|
.el-menu-item:hover,
|
|
.el-menu-item:focus {
|
|
background-color: var(--menu--item--color--background--hover, transparent);
|
|
color: var(--menu--item--color--text--hover, var(--color--text--shade-1));
|
|
outline: none;
|
|
}
|
|
.el-menu-item:hover i,
|
|
.el-menu-item:focus i {
|
|
color: var(--menu--item--color--text--hover, var(--color--text--shade-1));
|
|
}
|
|
.el-menu-item.is-disabled {
|
|
opacity: 0.25;
|
|
cursor: not-allowed;
|
|
background: 0 0 !important;
|
|
}
|
|
.el-menu-item {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.el-menu-item [class^='el-icon-'] {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
width: 24px;
|
|
margin-right: 5px;
|
|
font-size: 18px;
|
|
}
|
|
.el-menu-item.is-active {
|
|
color: var(--menu--item--color--text--active, var(--color--primary));
|
|
background-color: var(--menu--item--color--background--active, transparent);
|
|
font-weight: var(--font-weight--regular);
|
|
}
|
|
.el-menu-item.is-active i {
|
|
color: inherit;
|
|
}
|
|
.el-sub-menu {
|
|
margin: 0;
|
|
padding-left: 0;
|
|
list-style: none;
|
|
}
|
|
.el-sub-menu__title {
|
|
height: var(--menu--item--height, 56px);
|
|
line-height: var(--menu--item--height, 56px);
|
|
font-size: var(--font-size--sm);
|
|
color: var(--menu--color--text, var(--color--text--shade-1));
|
|
font-weight: var(--menu--item--font-weight, var(--font-weight--regular));
|
|
cursor: pointer;
|
|
box-sizing: border-box;
|
|
white-space: nowrap;
|
|
border-radius: var(--menu--item--radius, 0);
|
|
padding: 0 20px;
|
|
list-style: none;
|
|
transition:
|
|
border-color 0.3s,
|
|
background-color 0.3s,
|
|
color 0.3s;
|
|
position: relative;
|
|
}
|
|
.el-sub-menu__title i {
|
|
color: var(--menu--item--color--text, var(--color--text--tint-1));
|
|
}
|
|
.el-sub-menu__title:hover,
|
|
.el-sub-menu__title:focus {
|
|
background-color: var(--menu--item--color--background--hover, transparent);
|
|
color: var(--menu--item--color--text--hover, var(--color--text--shade-1));
|
|
outline: none;
|
|
}
|
|
.el-sub-menu__title:hover i,
|
|
.el-sub-menu__title:focus i {
|
|
color: var(--menu--item--color--text--hover, var(--color--text--shade-1));
|
|
}
|
|
.el-sub-menu__title.is-disabled {
|
|
opacity: 0.25;
|
|
cursor: not-allowed;
|
|
background: 0 0 !important;
|
|
}
|
|
.el-sub-menu__title:hover {
|
|
background-color: var(--menu--item--color--background--hover, transparent);
|
|
}
|
|
.el-sub-menu .el-menu {
|
|
border: none;
|
|
}
|
|
.el-sub-menu .el-menu-item {
|
|
min-width: 200px;
|
|
height: 50px;
|
|
padding: 0 45px;
|
|
line-height: 50px;
|
|
}
|
|
.el-sub-menu__icon-arrow {
|
|
width: 12px;
|
|
height: 12px;
|
|
margin-top: -6px;
|
|
margin-right: 0;
|
|
font-size: 12px;
|
|
transition: transform 0.3s;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 20px;
|
|
}
|
|
.el-sub-menu__icon-arrow svg {
|
|
width: 12px;
|
|
height: 12px;
|
|
margin-top: -2px;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
.el-sub-menu.is-active .el-sub-menu__title {
|
|
border-bottom-color: var(--color--primary);
|
|
}
|
|
.el-sub-menu.is-opened > .el-sub-menu__title .el-sub-menu__icon-arrow {
|
|
transform: rotate(180deg);
|
|
}
|
|
.el-sub-menu.is-disabled .el-sub-menu__title,
|
|
.el-sub-menu.is-disabled .el-menu-item {
|
|
opacity: 0.25;
|
|
cursor: not-allowed;
|
|
background: 0 0 !important;
|
|
}
|
|
.el-sub-menu [class^='el-icon-'] {
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
width: 24px;
|
|
margin-right: 5px;
|
|
font-size: 18px;
|
|
}
|
|
.el-menu-item-group > ul {
|
|
padding: 0;
|
|
}
|
|
.el-menu-item-group__title {
|
|
color: var(--color--text--tint-1);
|
|
padding: 7px 0 7px 20px;
|
|
font-size: 12px;
|
|
line-height: normal;
|
|
}
|
|
.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
|
|
opacity: 0;
|
|
transition: all 0.2s;
|
|
}
|
|
.el-textarea {
|
|
vertical-align: bottom;
|
|
width: 100%;
|
|
font-size: var(--font-size--sm);
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-textarea__inner {
|
|
resize: vertical;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
line-height: 1.5;
|
|
font-size: inherit;
|
|
color: var(--input--color--text, var(--color--text--shade-1));
|
|
background-color: var(--input--color--background, var(--color--foreground--tint-2));
|
|
border-radius: var(--input--radius, var(--radius));
|
|
border-top-left-radius: var(--input--radius--top-left, var(--input--radius, var(--radius)));
|
|
border-top-right-radius: var(
|
|
--input-triple--radius--top-right,
|
|
var(--input--radius, var(--radius))
|
|
);
|
|
border-bottom-left-radius: var(
|
|
--input--radius--bottom-left,
|
|
var(--input--radius, var(--radius))
|
|
);
|
|
border-bottom-right-radius: var(
|
|
--input-triple--radius--bottom-right,
|
|
var(--input--radius, var(--radius))
|
|
);
|
|
background-image: none;
|
|
padding: 8px 12px 5px;
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
display: block;
|
|
}
|
|
.el-textarea__inner,
|
|
.el-textarea__inner:hover {
|
|
border: var(--input--border-color, var(--border-color))
|
|
var(--input--border-style, var(--border-style))
|
|
var(--input--border-width, var(--border-width));
|
|
}
|
|
.el-textarea__inner:-ms-placeholder-shown {
|
|
color: var(--input--placeholder--color, var(--color--text--tint-1));
|
|
}
|
|
.el-textarea__inner::placeholder {
|
|
color: var(--input--placeholder--color, var(--color--text--tint-1));
|
|
}
|
|
.el-textarea__inner:focus {
|
|
border-color: var(--input--border-color--focus, var(--color--secondary));
|
|
outline: none;
|
|
}
|
|
.el-textarea .el-input__count {
|
|
color: var(--color--info);
|
|
background: var(--color--foreground--tint-2);
|
|
font-size: 12px;
|
|
position: absolute;
|
|
bottom: 5px;
|
|
right: 10px;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner {
|
|
background-color: var(--input--color--background--disabled, var(--color--background--light-2));
|
|
border-color: var(--input--border-color--disabled, var(--border-color));
|
|
color: var(--input--color--disabled, var(--color--text));
|
|
cursor: not-allowed;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner:-ms-placeholder-shown {
|
|
color: var(--color--text--tint-1);
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::placeholder {
|
|
color: var(--color--text--tint-1);
|
|
}
|
|
.el-textarea.is-exceed .el-textarea__inner {
|
|
border-color: var(--color--danger);
|
|
}
|
|
.el-textarea.is-exceed .el-input__count {
|
|
color: var(--color--danger);
|
|
}
|
|
.el-input {
|
|
font-size: var(--input--font-size, var(--font-size--sm));
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--color--text--tint-2) transparent;
|
|
width: 100%;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-input::-webkit-scrollbar {
|
|
z-index: 11;
|
|
width: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar:horizontal {
|
|
height: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar-thumb {
|
|
background-color: var(--color--text--tint-2);
|
|
border-radius: 5px;
|
|
width: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar-thumb:hover {
|
|
background-color: var(--color--text--tint-1);
|
|
}
|
|
.el-input::-webkit-scrollbar-corner {
|
|
background-color: #0000;
|
|
}
|
|
.el-input::-webkit-scrollbar-track {
|
|
background-color: #0000;
|
|
}
|
|
.el-input::-webkit-scrollbar-track-piece {
|
|
background-color: #0000;
|
|
}
|
|
.el-input .el-input__clear {
|
|
color: var(--color--text--tint-1);
|
|
font-size: var(--input--font-size, var(--font-size--sm));
|
|
cursor: pointer;
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-input .el-input__clear:hover {
|
|
color: var(--color--text);
|
|
}
|
|
.el-input .el-input__count {
|
|
height: 100%;
|
|
color: var(--color--info);
|
|
align-items: center;
|
|
font-size: 12px;
|
|
display: inline-flex;
|
|
}
|
|
.el-input .el-input__count .el-input__count-inner {
|
|
background: var(--color--foreground--tint-2);
|
|
line-height: initial;
|
|
padding: 0 5px;
|
|
display: inline-block;
|
|
}
|
|
.el-input__inner {
|
|
-webkit-appearance: none;
|
|
background-color: var(--input--color--background, var(--color--foreground--tint-2));
|
|
border-radius: var(--input--radius, var(--radius));
|
|
border-top-left-radius: var(--input--radius--top-left, var(--input--radius, var(--radius)));
|
|
border-top-right-radius: var(
|
|
--input-triple--radius--top-right,
|
|
var(--input--radius, var(--radius))
|
|
);
|
|
border-bottom-left-radius: var(
|
|
--input--radius--bottom-left,
|
|
var(--input--radius, var(--radius))
|
|
);
|
|
border-bottom-right-radius: var(
|
|
--input-triple--radius--bottom-right,
|
|
var(--input--radius, var(--radius))
|
|
);
|
|
border: var(--input--border-color, var(--border-color))
|
|
var(--input--border-style, var(--border-style))
|
|
var(--input--border-width, var(--border-width));
|
|
border-right-color: var(
|
|
--input--border-right-color,
|
|
var(--input--border-color, var(--border-color))
|
|
);
|
|
border-bottom-color: var(
|
|
--input--border-bottom-color,
|
|
var(--input--border-color, var(--border-color))
|
|
);
|
|
box-sizing: border-box;
|
|
color: var(--input--color--text, var(--color--text--shade-1));
|
|
font-size: inherit;
|
|
height: 40px;
|
|
min-height: 40px;
|
|
padding: 0 0 0 var(--spacing--2xs);
|
|
background-image: none;
|
|
outline: none;
|
|
width: 100%;
|
|
line-height: 40px;
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
display: inline-block;
|
|
}
|
|
.el-input__inner:-ms-placeholder-shown {
|
|
color: var(--input--placeholder--color, var(--color--text--tint-1));
|
|
}
|
|
.el-input__inner::placeholder {
|
|
color: var(--input--placeholder--color, var(--color--text--tint-1));
|
|
}
|
|
.el-input__inner:focus {
|
|
border-color: var(--input--border-color--focus, var(--color--secondary));
|
|
outline: none;
|
|
}
|
|
.el-input__suffix {
|
|
height: 100%;
|
|
right: var(--spacing--2xs);
|
|
text-align: center;
|
|
color: var(--color--text--tint-1);
|
|
pointer-events: none;
|
|
align-items: center;
|
|
transition: all 0.3s;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.el-input__suffix-inner {
|
|
pointer-events: all;
|
|
display: inline-flex;
|
|
}
|
|
.el-input__prefix {
|
|
text-align: center;
|
|
height: 100%;
|
|
color: var(--color--text--tint-2);
|
|
align-items: center;
|
|
transition: all 0.3s;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 14px;
|
|
}
|
|
.el-input__icon {
|
|
text-align: center;
|
|
height: 100%;
|
|
line-height: 40px;
|
|
transition: all 0.3s;
|
|
}
|
|
.el-input__icon:after {
|
|
content: '';
|
|
vertical-align: middle;
|
|
width: 0;
|
|
height: 100%;
|
|
display: inline-block;
|
|
}
|
|
.el-input__validateIcon {
|
|
pointer-events: none;
|
|
}
|
|
.el-input.is-active .el-input__inner {
|
|
border-color: var(--input--border-color--focus, var(--color--secondary));
|
|
outline: none;
|
|
}
|
|
.el-input.is-disabled .el-input__inner {
|
|
background-color: var(--input--color--background--disabled, var(--color--background--light-2));
|
|
border-color: var(--input--border-color--disabled, var(--border-color));
|
|
color: var(--input--color--disabled, var(--color--text));
|
|
cursor: not-allowed;
|
|
}
|
|
.el-input.is-disabled .el-input__inner:-ms-placeholder-shown {
|
|
color: var(--color--text--tint-1);
|
|
}
|
|
.el-input.is-disabled .el-input__inner::placeholder {
|
|
color: var(--color--text--tint-1);
|
|
}
|
|
.el-input.is-disabled .el-input__icon {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-input.is-exceed .el-input__inner {
|
|
border-color: var(--color--danger);
|
|
}
|
|
.el-input.is-exceed .el-input__suffix .el-input__count {
|
|
color: var(--color--danger);
|
|
}
|
|
.el-input--suffix .el-input__inner {
|
|
padding-right: 30px;
|
|
}
|
|
.el-input--prefix .el-input__inner {
|
|
padding-left: 37px;
|
|
}
|
|
.el-input--medium {
|
|
font-size: var(--input--font-size, 14px);
|
|
}
|
|
.el-input--medium .el-input__inner {
|
|
height: 36px;
|
|
min-height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
.el-input--medium .el-input__icon {
|
|
line-height: 36px;
|
|
}
|
|
.el-input--small {
|
|
font-size: 12px;
|
|
}
|
|
.el-input--small .el-input__inner {
|
|
height: 30px;
|
|
min-height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
.el-input--small .el-input__icon {
|
|
line-height: 30px;
|
|
}
|
|
.el-input--mini {
|
|
font-size: 12px;
|
|
}
|
|
.el-input--mini .el-input__inner {
|
|
height: 26px;
|
|
min-height: 26px;
|
|
line-height: 26px;
|
|
}
|
|
.el-input--mini .el-input__icon {
|
|
line-height: 26px;
|
|
}
|
|
.el-input-group {
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
width: 100%;
|
|
line-height: normal;
|
|
display: inline-table;
|
|
}
|
|
.el-input-group > .el-input__inner {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
.el-input-group__append,
|
|
.el-input-group__prepend {
|
|
background-color: var(--color--background);
|
|
color: var(--color--info);
|
|
vertical-align: middle;
|
|
border: var(--input--border-color, var(--border-color))
|
|
var(--input--border-style, var(--border-style))
|
|
var(--input--border-width, var(--border-width));
|
|
border-radius: var(--input--radius, var(--radius));
|
|
border-top-left-radius: var(--input--radius--top-left, var(--input--radius, var(--radius)));
|
|
border-top-right-radius: var(
|
|
--input-triple--radius--top-right,
|
|
var(--input--radius, var(--radius))
|
|
);
|
|
border-bottom-left-radius: var(
|
|
--input--radius--bottom-left,
|
|
var(--input--radius, var(--radius))
|
|
);
|
|
border-bottom-right-radius: var(
|
|
--input-triple--radius--bottom-right,
|
|
var(--input--radius, var(--radius))
|
|
);
|
|
border-right-color: var(
|
|
--input--border-right-color,
|
|
var(--input--border-color, var(--border-color))
|
|
);
|
|
border-bottom-color: var(
|
|
--input--border-bottom-color,
|
|
var(--input--border-color, var(--border-color))
|
|
);
|
|
white-space: nowrap;
|
|
width: 1px;
|
|
font-weight: var(--font-weight--regular);
|
|
padding: 0 10px;
|
|
display: table-cell;
|
|
position: relative;
|
|
}
|
|
.el-input-group__append:focus,
|
|
.el-input-group__prepend:focus {
|
|
outline: none;
|
|
}
|
|
.el-input-group__append .el-select,
|
|
.el-input-group__append .el-button,
|
|
.el-input-group__prepend .el-select,
|
|
.el-input-group__prepend .el-button {
|
|
margin: -10px -20px;
|
|
display: inline-block;
|
|
}
|
|
.el-input-group__append button.el-button,
|
|
.el-input-group__append div.el-select .el-input__inner,
|
|
.el-input-group__append div.el-select:hover .el-input__inner,
|
|
.el-input-group__prepend button.el-button,
|
|
.el-input-group__prepend div.el-select .el-input__inner,
|
|
.el-input-group__prepend div.el-select:hover .el-input__inner {
|
|
color: inherit;
|
|
background-color: #0000;
|
|
border-color: currentColor #0000;
|
|
border-top-style: none;
|
|
border-top-width: 0;
|
|
border-bottom-style: none;
|
|
border-bottom-width: 0;
|
|
}
|
|
.el-input-group__append .el-button,
|
|
.el-input-group__append .el-input,
|
|
.el-input-group__prepend .el-button,
|
|
.el-input-group__prepend .el-input {
|
|
font-size: inherit;
|
|
}
|
|
.el-input-group__prepend {
|
|
border-right: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-input-group__append {
|
|
border-left: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-input-group--prepend .el-input__inner {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: #0000;
|
|
}
|
|
.el-input-group--append .el-input__inner {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: #0000;
|
|
}
|
|
.el-input__inner::-ms-clear {
|
|
width: 0;
|
|
height: 0;
|
|
display: none;
|
|
}
|
|
.el-radio {
|
|
color: var(--color--text--shade-1);
|
|
font-weight: var(--font-weight--regular);
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
line-height: 1;
|
|
font-size: var(--font-size--sm);
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
outline: none;
|
|
margin-right: 30px;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-radio.is-bordered {
|
|
border-radius: var(--radius);
|
|
border: var(--border);
|
|
box-sizing: border-box;
|
|
height: 40px;
|
|
padding: 12px 20px 0 10px;
|
|
}
|
|
.el-radio.is-bordered.is-checked {
|
|
border-color: var(--color--primary);
|
|
}
|
|
.el-radio.is-bordered.is-disabled {
|
|
cursor: not-allowed;
|
|
border-color: var(--border-color--light);
|
|
}
|
|
.el-radio.is-bordered + .el-radio.is-bordered {
|
|
margin-left: 10px;
|
|
}
|
|
.el-radio--medium.is-bordered {
|
|
border-radius: var(--radius);
|
|
height: 36px;
|
|
padding: 10px 20px 0 10px;
|
|
}
|
|
.el-radio--medium.is-bordered .el-radio__label {
|
|
font-size: var(--font-size--sm);
|
|
}
|
|
.el-radio--medium.is-bordered .el-radio__inner {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
.el-radio--small.is-bordered {
|
|
border-radius: var(--radius)-1;
|
|
height: 32px;
|
|
padding: 8px 15px 0 10px;
|
|
}
|
|
.el-radio--small.is-bordered .el-radio__label {
|
|
font-size: 12px;
|
|
}
|
|
.el-radio--small.is-bordered .el-radio__inner {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
.el-radio--mini.is-bordered {
|
|
border-radius: var(--radius)-1;
|
|
height: 28px;
|
|
padding: 6px 15px 0 10px;
|
|
}
|
|
.el-radio--mini.is-bordered .el-radio__label {
|
|
font-size: 12px;
|
|
}
|
|
.el-radio--mini.is-bordered .el-radio__inner {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
.el-radio:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.el-radio__input {
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
outline: none;
|
|
line-height: 1;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-radio__input.is-disabled .el-radio__inner {
|
|
background-color: var(--input--color--background--disabled, var(--color--background--light-2));
|
|
border-color: var(--input--border-color--disabled, var(--border-color));
|
|
cursor: not-allowed;
|
|
}
|
|
.el-radio__input.is-disabled .el-radio__inner:after {
|
|
cursor: not-allowed;
|
|
background-color: var(--input--color--background--disabled, var(--color--background--light-2));
|
|
}
|
|
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-radio__input.is-disabled.is-checked .el-radio__inner {
|
|
background-color: var(--input--color--background--disabled, var(--color--background--light-2));
|
|
border-color: var(--input--border-color--disabled, var(--border-color));
|
|
}
|
|
.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
|
|
background-color: var(--color--text--tint-2);
|
|
}
|
|
.el-radio__input.is-disabled + span.el-radio__label {
|
|
color: var(--color--text--tint-2);
|
|
cursor: not-allowed;
|
|
}
|
|
.el-radio__input.is-checked .el-radio__inner {
|
|
border-color: var(--color--primary);
|
|
background: var(--color--primary);
|
|
}
|
|
.el-radio__input.is-checked .el-radio__inner:after {
|
|
transform: translate(-50%, -50%) scale(1);
|
|
}
|
|
.el-radio__input.is-checked + .el-radio__label {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-radio__input.is-focus .el-radio__inner {
|
|
border-color: var(--color--primary);
|
|
}
|
|
.el-radio__inner {
|
|
border: var(--border);
|
|
background-color: var(--color--background--light-3);
|
|
cursor: pointer;
|
|
box-sizing: border-box;
|
|
border-radius: 100%;
|
|
width: 14px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-radio__inner:hover {
|
|
border-color: var(--color--primary);
|
|
}
|
|
.el-radio__inner:after {
|
|
background-color: var(--color--foreground--tint-2);
|
|
content: '';
|
|
border-radius: 100%;
|
|
width: 4px;
|
|
height: 4px;
|
|
transition: transform 0.15s ease-in;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%) scale(0);
|
|
}
|
|
.el-radio__original {
|
|
opacity: 0;
|
|
z-index: -1;
|
|
outline: none;
|
|
margin: 0;
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
|
|
-webkit-box-shadow: 0 0 2px 2px var(--color--primary);
|
|
box-shadow: 0 0 2px 2px var(--color--primary);
|
|
}
|
|
.el-radio__label {
|
|
font-size: var(--font-size--sm);
|
|
padding-left: 10px;
|
|
}
|
|
.el-checkbox {
|
|
color: var(--color--text);
|
|
font-size: var(--font-size--sm);
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
margin-right: 30px;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-checkbox.is-bordered {
|
|
border-radius: var(--radius);
|
|
border: var(--border);
|
|
box-sizing: border-box;
|
|
height: 40px;
|
|
padding: 9px 20px 9px 10px;
|
|
line-height: normal;
|
|
}
|
|
.el-checkbox.is-bordered.is-checked {
|
|
border-color: var(--color--primary);
|
|
}
|
|
.el-checkbox.is-bordered.is-disabled {
|
|
border-color: var(--border-color--light);
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
|
|
margin-left: 10px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium {
|
|
border-radius: var(--radius);
|
|
height: 36px;
|
|
padding: 7px 20px 7px 10px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
|
|
line-height: 17px;
|
|
font-size: var(--font-size--sm);
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small {
|
|
border-radius: var(--radius)-1;
|
|
height: 32px;
|
|
padding: 5px 15px 5px 10px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
|
|
width: 2px;
|
|
height: 6px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini {
|
|
border-radius: var(--radius)-1;
|
|
height: 28px;
|
|
padding: 3px 15px 3px 10px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
|
|
width: 2px;
|
|
height: 6px;
|
|
}
|
|
.el-checkbox__input {
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
outline: none;
|
|
line-height: 1;
|
|
display: inline-flex;
|
|
position: relative;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner {
|
|
background-color: var(--color--background);
|
|
border-color: var(--border-color);
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner:after {
|
|
cursor: not-allowed;
|
|
border-color: var(--color--text--tint-2);
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
|
|
background-color: var(--border-color--light);
|
|
border-color: var(--border-color);
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
|
|
border-color: var(--color--text--tint-2);
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
|
|
background-color: var(--border-color--light);
|
|
border-color: var(--border-color);
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
|
|
background-color: var(--color--text--tint-2);
|
|
border-color: var(--color--text--tint-2);
|
|
}
|
|
.el-checkbox__input.is-disabled + span.el-checkbox__label {
|
|
color: var(--input--color--disabled, var(--color--text));
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-checked .el-checkbox__inner {
|
|
background-color: var(--color--primary);
|
|
border-color: var(--color--primary);
|
|
}
|
|
.el-checkbox__input.is-checked .el-checkbox__inner:after {
|
|
transform: rotate(45deg) scaleY(1);
|
|
}
|
|
.el-checkbox__input.is-focus .el-checkbox__inner {
|
|
border-color: var(--color--primary);
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
background-color: var(--color--primary);
|
|
border-color: var(--color--primary);
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
|
|
content: '';
|
|
background-color: var(--color--foreground--tint-2);
|
|
height: 2px;
|
|
display: block;
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
right: 0;
|
|
transform: scale(0.5);
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
|
|
display: none;
|
|
}
|
|
.el-checkbox__inner {
|
|
border: var(--border);
|
|
border-radius: var(--radius--sm);
|
|
margin-top: var(--spacing--5xs);
|
|
box-sizing: border-box;
|
|
background-color: var(--color--background--light-3);
|
|
z-index: 1;
|
|
width: 14px;
|
|
height: 14px;
|
|
transition:
|
|
border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
|
|
background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-checkbox__inner:hover {
|
|
border-color: var(--color--primary);
|
|
}
|
|
.el-checkbox__inner:after {
|
|
box-sizing: content-box;
|
|
content: '';
|
|
border: 1px solid var(--color--foreground--tint-2);
|
|
transform-origin: 50%;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
width: 3px;
|
|
height: 7px;
|
|
transition: transform 0.15s ease-in 50ms;
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 4px;
|
|
transform: rotate(45deg) scaleY(0);
|
|
}
|
|
.el-checkbox__original {
|
|
opacity: 0;
|
|
z-index: -1;
|
|
outline: none;
|
|
width: 0;
|
|
height: 0;
|
|
margin: 0;
|
|
position: absolute;
|
|
}
|
|
.el-checkbox__label {
|
|
padding-left: 10px;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
display: inline-block;
|
|
}
|
|
.el-checkbox:last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
.el-checkbox-button {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-checkbox-button__inner {
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background: var(--color--foreground--tint-2);
|
|
border: var(--border);
|
|
color: var(--color--text--shade-1);
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
border-left: 0;
|
|
border-radius: 0;
|
|
outline: none;
|
|
margin: 0;
|
|
line-height: 1;
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-checkbox-button__inner.is-round {
|
|
padding: var(--button--padding--vertical, var(--spacing--xs))
|
|
var(--button--padding--horizontal, var(--spacing--md));
|
|
}
|
|
.el-checkbox-button__inner {
|
|
padding: var(--button--padding--vertical, var(--spacing--xs))
|
|
var(--button--padding--horizontal, var(--spacing--md));
|
|
font-size: var(--button--font-size, var(--font-size--sm));
|
|
}
|
|
.el-checkbox-button__inner:hover {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-checkbox-button__inner .el-icon {
|
|
line-height: 0.9;
|
|
}
|
|
.el-checkbox-button__inner .el-icon + span {
|
|
margin-left: 5px;
|
|
}
|
|
.el-checkbox-button__original {
|
|
opacity: 0;
|
|
z-index: -1;
|
|
outline: none;
|
|
margin: 0;
|
|
position: absolute;
|
|
}
|
|
.el-checkbox-button.is-checked .el-checkbox-button__inner {
|
|
color: var(--color--text--tint-3);
|
|
background-color: var(--color--primary);
|
|
border-color: var(--color--primary);
|
|
-webkit-box-shadow: -1px 0 0 0 var(--color--primary--tint-1);
|
|
box-shadow: -1px 0 0 0 var(--color--primary--tint-1);
|
|
}
|
|
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
|
|
border-left-color: var(--color--primary);
|
|
}
|
|
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
|
|
color: var(--button--color--text--disabled, var(--button--color--text--primary--disabled));
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
background-color: var(
|
|
--button--color--background--disabled,
|
|
var(--button--color--background--primary--disabled)
|
|
);
|
|
border-color: var(
|
|
--button--border-color--disabled,
|
|
var(--button--border-color--primary--disabled)
|
|
);
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
|
|
border-left-color: var(
|
|
--button--border-color--disabled,
|
|
var(--button--border-color--primary--disabled)
|
|
);
|
|
}
|
|
.el-checkbox-button:first-child .el-checkbox-button__inner {
|
|
border-left: var(--border);
|
|
border-radius: var(--radius) 0 0 var(--radius);
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.el-checkbox-button.is-focus .el-checkbox-button__inner {
|
|
border-color: var(--color--primary);
|
|
}
|
|
.el-checkbox-button:last-child .el-checkbox-button__inner {
|
|
border-radius: 0 var(--radius) var(--radius) 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner {
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
|
|
padding: 10px 20px;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner {
|
|
font-size: var(--font-size--sm);
|
|
padding: 10px 20px;
|
|
}
|
|
.el-checkbox-button--small .el-checkbox-button__inner {
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
|
|
padding: 9px 15px;
|
|
}
|
|
.el-checkbox-button--small .el-checkbox-button__inner {
|
|
padding: 9px 15px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox-button--mini .el-checkbox-button__inner {
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
|
|
padding: 7px 15px;
|
|
}
|
|
.el-checkbox-button--mini .el-checkbox-button__inner {
|
|
padding: 7px 15px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox-group {
|
|
font-size: 0;
|
|
}
|
|
.el-switch {
|
|
font-size: var(--font-size--sm);
|
|
vertical-align: middle;
|
|
align-items: center;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
display: inline-flex;
|
|
position: relative;
|
|
}
|
|
.el-switch .el-loading-mask {
|
|
border-radius: 10px;
|
|
}
|
|
.el-switch.is-disabled .el-switch__core,
|
|
.el-switch.is-disabled .el-switch__label {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-switch__label {
|
|
height: 20px;
|
|
font-size: var(--font-size--sm);
|
|
font-weight: var(--font-weight--medium);
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
color: var(--color--text--shade-1);
|
|
transition: all 0.2s;
|
|
display: inline-block;
|
|
}
|
|
.el-switch__label.is-active {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-switch__label--left {
|
|
margin-right: 10px;
|
|
}
|
|
.el-switch__label--right {
|
|
margin-left: 10px;
|
|
}
|
|
.el-switch__label * {
|
|
line-height: 1;
|
|
font-size: var(--font-size--sm);
|
|
display: inline-block;
|
|
}
|
|
.el-switch__input {
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
margin: 0;
|
|
position: absolute;
|
|
}
|
|
.el-switch__core {
|
|
border: 1px solid var(--switch--color--background);
|
|
box-sizing: border-box;
|
|
background: var(--switch--color--background);
|
|
border: 1px solid var(--switch--border-color);
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
border-radius: 10px;
|
|
outline: none;
|
|
width: 40px;
|
|
height: 20px;
|
|
margin: 0;
|
|
transition:
|
|
border-color 0.1s,
|
|
background-color 0.1s;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-switch__core:after {
|
|
content: '';
|
|
background-color: var(--switch--toggle--color);
|
|
border-radius: 100%;
|
|
width: 16px;
|
|
height: 16px;
|
|
transition: all 0.1s;
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 1px;
|
|
}
|
|
.el-switch.is-checked .el-switch__core {
|
|
border-color: var(--switch--color--background--active);
|
|
background-color: var(--switch--color--background--active);
|
|
}
|
|
.el-switch.is-checked .el-switch__core:after {
|
|
margin-left: -17px;
|
|
left: 100%;
|
|
}
|
|
.el-switch.is-disabled {
|
|
opacity: 0.6;
|
|
}
|
|
.el-switch--wide .el-switch__label.el-switch__label--left span {
|
|
left: 10px;
|
|
}
|
|
.el-switch--wide .el-switch__label.el-switch__label--right span {
|
|
right: 10px;
|
|
}
|
|
.el-switch .label-fade-enter-from,
|
|
.el-switch .label-fade-leave-active {
|
|
opacity: 0;
|
|
}
|
|
.el-slider {
|
|
--el-slider-main-bg-color: var(--el-color-primary);
|
|
--el-slider-runway-bg-color: var(--el-border-color-light);
|
|
--el-slider-stop-bg-color: var(--el-color-white);
|
|
--el-slider-disabled-color: var(--el-text-color-placeholder);
|
|
--el-slider-border-radius: 3px;
|
|
--el-slider-height: 6px;
|
|
--el-slider-button-size: 20px;
|
|
--el-slider-button-wrapper-size: 36px;
|
|
--el-slider-button-wrapper-offset: -15px;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 32px;
|
|
display: flex;
|
|
}
|
|
.el-slider__runway {
|
|
height: var(--el-slider-height);
|
|
background-color: var(--el-slider-runway-bg-color);
|
|
border-radius: var(--el-slider-border-radius);
|
|
cursor: pointer;
|
|
flex: 1;
|
|
position: relative;
|
|
}
|
|
.el-slider__runway.show-input {
|
|
width: auto;
|
|
margin-right: 30px;
|
|
}
|
|
.el-slider__runway.is-disabled {
|
|
cursor: default;
|
|
}
|
|
.el-slider__runway.is-disabled .el-slider__bar {
|
|
background-color: var(--el-slider-disabled-color);
|
|
}
|
|
.el-slider__runway.is-disabled .el-slider__button {
|
|
border-color: var(--el-slider-disabled-color);
|
|
}
|
|
.el-slider__runway.is-disabled .el-slider__button-wrapper:hover,
|
|
.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,
|
|
.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-slider__runway.is-disabled .el-slider__button:hover,
|
|
.el-slider__runway.is-disabled .el-slider__button.hover,
|
|
.el-slider__runway.is-disabled .el-slider__button.dragging {
|
|
cursor: not-allowed;
|
|
transform: scale(1);
|
|
}
|
|
.el-slider__input {
|
|
flex-shrink: 0;
|
|
width: 130px;
|
|
}
|
|
.el-slider__bar {
|
|
height: var(--el-slider-height);
|
|
background-color: var(--el-slider-main-bg-color);
|
|
border-top-left-radius: var(--el-slider-border-radius);
|
|
border-bottom-left-radius: var(--el-slider-border-radius);
|
|
position: absolute;
|
|
}
|
|
.el-slider__button-wrapper {
|
|
height: var(--el-slider-button-wrapper-size);
|
|
width: var(--el-slider-button-wrapper-size);
|
|
z-index: 1;
|
|
top: var(--el-slider-button-wrapper-offset);
|
|
text-align: center;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
background-color: #0000;
|
|
outline: none;
|
|
line-height: normal;
|
|
position: absolute;
|
|
transform: translate(-50%);
|
|
}
|
|
.el-slider__button-wrapper:after {
|
|
content: '';
|
|
vertical-align: middle;
|
|
height: 100%;
|
|
display: inline-block;
|
|
}
|
|
.el-slider__button-wrapper:hover,
|
|
.el-slider__button-wrapper.hover {
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
}
|
|
.el-slider__button-wrapper.dragging {
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing;
|
|
}
|
|
.el-slider__button {
|
|
width: var(--el-slider-button-size);
|
|
height: var(--el-slider-button-size);
|
|
vertical-align: middle;
|
|
border: solid 2px var(--el-slider-main-bg-color);
|
|
background-color: var(--el-color-white);
|
|
box-sizing: border-box;
|
|
-webkit-transition: var(--el-transition-duration-fast);
|
|
transition: var(--el-transition-duration-fast);
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
}
|
|
.el-slider__button:hover,
|
|
.el-slider__button.hover,
|
|
.el-slider__button.dragging {
|
|
transform: scale(1.2);
|
|
}
|
|
.el-slider__button:hover,
|
|
.el-slider__button.hover {
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
}
|
|
.el-slider__button.dragging {
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing;
|
|
}
|
|
.el-slider__stop {
|
|
height: var(--el-slider-height);
|
|
width: var(--el-slider-height);
|
|
border-radius: var(--el-border-radius-circle);
|
|
background-color: var(--el-slider-stop-bg-color);
|
|
position: absolute;
|
|
transform: translate(-50%);
|
|
}
|
|
.el-slider__marks {
|
|
width: 18px;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 12px;
|
|
}
|
|
.el-slider__marks-text {
|
|
color: var(--el-color-info);
|
|
white-space: pre;
|
|
margin-top: 15px;
|
|
font-size: 14px;
|
|
position: absolute;
|
|
transform: translate(-50%);
|
|
}
|
|
.el-slider.is-vertical {
|
|
flex: 0;
|
|
width: auto;
|
|
height: 100%;
|
|
display: inline-flex;
|
|
position: relative;
|
|
}
|
|
.el-slider.is-vertical .el-slider__runway {
|
|
width: var(--el-slider-height);
|
|
height: 100%;
|
|
margin: 0 16px;
|
|
}
|
|
.el-slider.is-vertical .el-slider__bar {
|
|
width: var(--el-slider-height);
|
|
border-radius: 0 0 3px 3px;
|
|
height: auto;
|
|
}
|
|
.el-slider.is-vertical .el-slider__button-wrapper {
|
|
top: auto;
|
|
left: var(--el-slider-button-wrapper-offset);
|
|
transform: translateY(50%);
|
|
}
|
|
.el-slider.is-vertical .el-slider__stop {
|
|
transform: translateY(50%);
|
|
}
|
|
.el-slider.is-vertical .el-slider__marks-text {
|
|
margin-top: 0;
|
|
left: 15px;
|
|
transform: translateY(50%);
|
|
}
|
|
.el-slider--large {
|
|
height: 40px;
|
|
}
|
|
.el-slider--small {
|
|
height: 24px;
|
|
}
|
|
.el-select-dropdown {
|
|
z-index: 1001;
|
|
border: solid 1px var(--border-color);
|
|
border-radius: var(--radius);
|
|
background-color: var(--color--foreground--tint-2);
|
|
-webkit-box-shadow: var(--shadow--light);
|
|
box-shadow: var(--shadow--light);
|
|
box-sizing: border-box;
|
|
max-width: var(--select--dropdown--max-width);
|
|
margin: 5px 0;
|
|
position: absolute;
|
|
}
|
|
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
|
|
color: var(--color--primary);
|
|
background-color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
|
|
background-color: var(--color--background);
|
|
}
|
|
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
|
|
content: '';
|
|
font-family: element-icons;
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight--bold);
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
position: absolute;
|
|
right: 20px;
|
|
}
|
|
.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
|
|
padding: 0;
|
|
}
|
|
.el-select-dropdown__empty {
|
|
text-align: center;
|
|
color: var(--color--text--tint-1);
|
|
font-size: var(--font-size--sm);
|
|
margin: 0;
|
|
padding: 10px 0;
|
|
}
|
|
.el-select-dropdown__wrap {
|
|
max-height: 274px;
|
|
}
|
|
.el-select-dropdown__list {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 6px 0;
|
|
list-style: none;
|
|
}
|
|
.el-tag {
|
|
border-color: var(--callout--border-color--info);
|
|
background-color: var(--callout--color--background--info);
|
|
color: var(--callout--color--text--info);
|
|
font-weight: var(--font-weight--regular);
|
|
}
|
|
.el-tag.is-hit {
|
|
border-color: var(--color--primary);
|
|
}
|
|
.el-tag .el-tag__close {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-tag .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--primary);
|
|
}
|
|
.el-tag.el-tag--info {
|
|
border-color: var(--callout--border-color--info);
|
|
background-color: var(--callout--color--background--info);
|
|
color: var(--callout--color--text--info);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.el-tag.el-tag--info.is-hit {
|
|
border-color: var(--color--info);
|
|
}
|
|
.el-tag.el-tag--info .svg-inline--fa {
|
|
color: var(--callout--icon-color--info);
|
|
}
|
|
.el-tag.el-tag--info .el-tag__close {
|
|
color: var(--color--info);
|
|
}
|
|
.el-tag.el-tag--info .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--info);
|
|
}
|
|
.el-tag.el-tag--success {
|
|
border-color: var(--callout--border-color--success);
|
|
background-color: var(--callout--color--background--success);
|
|
color: var(--callout--color--text--success);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.el-tag.el-tag--success .svg-inline--fa {
|
|
color: var(--callout--icon-color--success);
|
|
}
|
|
.el-tag.el-tag--success.is-hit {
|
|
border-color: var(--color--success);
|
|
}
|
|
.el-tag.el-tag--success .el-tag__close {
|
|
color: var(--color--success);
|
|
}
|
|
.el-tag.el-tag--success .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--success);
|
|
}
|
|
.el-tag.el-tag--warning {
|
|
border-color: var(--callout--border-color--warning);
|
|
background-color: var(--callout--color--background--warning);
|
|
color: var(--callout--color--text--warning);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.el-tag.el-tag--warning.is-hit {
|
|
border-color: var(--color--warning);
|
|
}
|
|
.el-tag.el-tag--warning .svg-inline--fa {
|
|
color: var(--callout--icon-color--warning);
|
|
}
|
|
.el-tag.el-tag--warning .el-tag__close {
|
|
color: var(--color--warning);
|
|
}
|
|
.el-tag.el-tag--warning .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--warning);
|
|
}
|
|
.el-tag.el-tag--danger {
|
|
border-color: var(--callout--border-color--danger);
|
|
background-color: var(--callout--color--background--danger);
|
|
color: var(--callout--color--text--danger);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.el-tag.el-tag--danger.is-hit {
|
|
border-color: var(--color--danger);
|
|
}
|
|
.el-tag.el-tag--danger .svg-inline--fa {
|
|
color: var(--callout--icon-color--danger);
|
|
}
|
|
.el-tag.el-tag--danger .el-tag__close {
|
|
color: var(--color--danger);
|
|
}
|
|
.el-tag.el-tag--danger .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--danger);
|
|
}
|
|
.el-tag {
|
|
font-size: var(--font-size--xs);
|
|
color: var(--color--primary);
|
|
box-sizing: border-box;
|
|
white-space: nowrap;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-radius: 4px;
|
|
padding: 16px;
|
|
line-height: 1;
|
|
display: inline-block;
|
|
}
|
|
.el-tag .el-icon.el-tag__close {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
border-radius: 50%;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
position: relative;
|
|
}
|
|
.el-tag .el-icon.el-tag__close:before {
|
|
display: block;
|
|
}
|
|
.el-tag--dark {
|
|
border-color: var(--callout--border-color--info);
|
|
background-color: var(--callout--color--background--info);
|
|
color: var(--callout--color--text--info);
|
|
font-weight: var(--font-weight--regular);
|
|
}
|
|
.el-tag--dark.is-hit {
|
|
border-color: var(--color--primary);
|
|
}
|
|
.el-tag--dark .el-tag__close {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-tag--dark .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--primary);
|
|
}
|
|
.el-tag--dark.el-tag--info {
|
|
border-color: var(--callout--border-color--info);
|
|
background-color: var(--callout--color--background--info);
|
|
color: var(--callout--color--text--info);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.el-tag--dark.el-tag--info.is-hit {
|
|
border-color: var(--color--info);
|
|
}
|
|
.el-tag--dark.el-tag--info .svg-inline--fa {
|
|
color: var(--callout--icon-color--info);
|
|
}
|
|
.el-tag--dark.el-tag--info .el-tag__close {
|
|
color: var(--color--info);
|
|
}
|
|
.el-tag--dark.el-tag--info .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--info);
|
|
}
|
|
.el-tag--dark.el-tag--success {
|
|
border-color: var(--callout--border-color--success);
|
|
background-color: var(--callout--color--background--success);
|
|
color: var(--callout--color--text--success);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.el-tag--dark.el-tag--success .svg-inline--fa {
|
|
color: var(--callout--icon-color--success);
|
|
}
|
|
.el-tag--dark.el-tag--success.is-hit {
|
|
border-color: var(--color--success);
|
|
}
|
|
.el-tag--dark.el-tag--success .el-tag__close {
|
|
color: var(--color--success);
|
|
}
|
|
.el-tag--dark.el-tag--success .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--success);
|
|
}
|
|
.el-tag--dark.el-tag--warning {
|
|
border-color: var(--callout--border-color--warning);
|
|
background-color: var(--callout--color--background--warning);
|
|
color: var(--callout--color--text--warning);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.el-tag--dark.el-tag--warning.is-hit {
|
|
border-color: var(--color--warning);
|
|
}
|
|
.el-tag--dark.el-tag--warning .svg-inline--fa {
|
|
color: var(--callout--icon-color--warning);
|
|
}
|
|
.el-tag--dark.el-tag--warning .el-tag__close {
|
|
color: var(--color--warning);
|
|
}
|
|
.el-tag--dark.el-tag--warning .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--warning);
|
|
}
|
|
.el-tag--dark.el-tag--danger {
|
|
border-color: var(--callout--border-color--danger);
|
|
background-color: var(--callout--color--background--danger);
|
|
color: var(--callout--color--text--danger);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.el-tag--dark.el-tag--danger.is-hit {
|
|
border-color: var(--color--danger);
|
|
}
|
|
.el-tag--dark.el-tag--danger .svg-inline--fa {
|
|
color: var(--callout--icon-color--danger);
|
|
}
|
|
.el-tag--dark.el-tag--danger .el-tag__close {
|
|
color: var(--color--danger);
|
|
}
|
|
.el-tag--dark.el-tag--danger .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--danger);
|
|
}
|
|
.el-tag--plain {
|
|
border-color: var(--callout--border-color--info);
|
|
background-color: var(--callout--color--background--info);
|
|
color: var(--callout--color--text--info);
|
|
font-weight: var(--font-weight--regular);
|
|
}
|
|
.el-tag--plain.is-hit {
|
|
border-color: var(--color--primary);
|
|
}
|
|
.el-tag--plain .el-tag__close {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-tag--plain .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--primary);
|
|
}
|
|
.el-tag--plain.el-tag--info {
|
|
border-color: var(--callout--border-color--info);
|
|
background-color: var(--callout--color--background--info);
|
|
color: var(--callout--color--text--info);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.el-tag--plain.el-tag--info.is-hit {
|
|
border-color: var(--color--info);
|
|
}
|
|
.el-tag--plain.el-tag--info .svg-inline--fa {
|
|
color: var(--callout--icon-color--info);
|
|
}
|
|
.el-tag--plain.el-tag--info .el-tag__close {
|
|
color: var(--color--info);
|
|
}
|
|
.el-tag--plain.el-tag--info .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--info);
|
|
}
|
|
.el-tag--plain.el-tag--success {
|
|
border-color: var(--callout--border-color--success);
|
|
background-color: var(--callout--color--background--success);
|
|
color: var(--callout--color--text--success);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.el-tag--plain.el-tag--success .svg-inline--fa {
|
|
color: var(--callout--icon-color--success);
|
|
}
|
|
.el-tag--plain.el-tag--success.is-hit {
|
|
border-color: var(--color--success);
|
|
}
|
|
.el-tag--plain.el-tag--success .el-tag__close {
|
|
color: var(--color--success);
|
|
}
|
|
.el-tag--plain.el-tag--success .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--success);
|
|
}
|
|
.el-tag--plain.el-tag--warning {
|
|
border-color: var(--callout--border-color--warning);
|
|
background-color: var(--callout--color--background--warning);
|
|
color: var(--callout--color--text--warning);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.el-tag--plain.el-tag--warning.is-hit {
|
|
border-color: var(--color--warning);
|
|
}
|
|
.el-tag--plain.el-tag--warning .svg-inline--fa {
|
|
color: var(--callout--icon-color--warning);
|
|
}
|
|
.el-tag--plain.el-tag--warning .el-tag__close {
|
|
color: var(--color--warning);
|
|
}
|
|
.el-tag--plain.el-tag--warning .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--warning);
|
|
}
|
|
.el-tag--plain.el-tag--danger {
|
|
border-color: var(--callout--border-color--danger);
|
|
background-color: var(--callout--color--background--danger);
|
|
color: var(--callout--color--text--danger);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.el-tag--plain.el-tag--danger.is-hit {
|
|
border-color: var(--color--danger);
|
|
}
|
|
.el-tag--plain.el-tag--danger .svg-inline--fa {
|
|
color: var(--callout--icon-color--danger);
|
|
}
|
|
.el-tag--plain.el-tag--danger .el-tag__close {
|
|
color: var(--color--danger);
|
|
}
|
|
.el-tag--plain.el-tag--danger .el-tag__close:hover {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--danger);
|
|
}
|
|
.el-tag--medium {
|
|
padding: 12px;
|
|
}
|
|
.el-tag--medium .el-icon.el-tag__close {
|
|
transform: scale(0.8);
|
|
}
|
|
.el-tag--small {
|
|
height: 24px;
|
|
padding: 0 8px;
|
|
line-height: 22px;
|
|
}
|
|
.el-tag--small .el-icon.el-tag__close {
|
|
transform: scale(0.8);
|
|
}
|
|
.el-tag--mini {
|
|
height: 20px;
|
|
padding: 0 5px;
|
|
line-height: 16px;
|
|
}
|
|
.el-tag--mini .el-icon.el-tag__close {
|
|
margin-left: -3px;
|
|
transform: scale(0.7);
|
|
}
|
|
.el-select-dropdown__item {
|
|
font-size: var(--font-size--sm);
|
|
padding: var(--select--option--padding, 0 20px);
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: var(--color--text--shade-1);
|
|
height: auto;
|
|
min-height: 34px;
|
|
line-height: var(--select--option--line-height, 34px);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.el-select-dropdown__item.is-disabled {
|
|
color: var(--color--text--tint-2);
|
|
cursor: not-allowed;
|
|
}
|
|
.el-select-dropdown__item.is-disabled:hover {
|
|
background-color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-select-dropdown__item.hover,
|
|
.el-select-dropdown__item:hover {
|
|
background-color: var(--color--background);
|
|
}
|
|
.el-select-dropdown__item.selected {
|
|
color: var(--color--primary);
|
|
font-weight: var(--font-weight--bold);
|
|
}
|
|
.el-select-group {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.el-select-group__wrap {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
position: relative;
|
|
}
|
|
.el-select-group__wrap:not(:last-of-type) {
|
|
padding-bottom: 24px;
|
|
}
|
|
.el-select-group__wrap:not(:last-of-type):after {
|
|
content: '';
|
|
background: var(--border-color);
|
|
height: 1px;
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 12px;
|
|
left: 20px;
|
|
right: 20px;
|
|
}
|
|
.el-select-group__title {
|
|
color: var(--color--info);
|
|
padding-left: 20px;
|
|
font-size: 12px;
|
|
line-height: 30px;
|
|
}
|
|
.el-select-group .el-select-dropdown__item {
|
|
padding-left: 20px;
|
|
}
|
|
.el-scrollbar {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.el-scrollbar:hover > .el-scrollbar__bar,
|
|
.el-scrollbar:active > .el-scrollbar__bar,
|
|
.el-scrollbar:focus > .el-scrollbar__bar {
|
|
opacity: 1;
|
|
transition: opacity 0.34s ease-out;
|
|
}
|
|
.el-scrollbar__wrap {
|
|
height: 100%;
|
|
overflow: auto;
|
|
}
|
|
.el-scrollbar__thumb {
|
|
cursor: pointer;
|
|
border-radius: inherit;
|
|
background-color: var(--color--text--tint-2);
|
|
width: 0;
|
|
height: 0;
|
|
transition: background-color 0.3s;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
.el-scrollbar__thumb:hover {
|
|
background-color: var(--color--text--tint-1);
|
|
}
|
|
.el-scrollbar__bar {
|
|
z-index: 1;
|
|
opacity: 0;
|
|
border-radius: 4px;
|
|
transition: opacity 0.12s ease-out;
|
|
position: absolute;
|
|
bottom: 2px;
|
|
right: 2px;
|
|
}
|
|
.el-scrollbar__bar.is-vertical {
|
|
width: 6px;
|
|
top: 2px;
|
|
}
|
|
.el-scrollbar__bar.is-vertical > div {
|
|
width: 100%;
|
|
}
|
|
.el-scrollbar__bar.is-horizontal {
|
|
height: 6px;
|
|
left: 2px;
|
|
}
|
|
.el-scrollbar__bar.is-horizontal > div {
|
|
height: 100%;
|
|
}
|
|
.el-select {
|
|
width: 100%;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-select .el-select__tags {
|
|
scrollbar-width: none;
|
|
-ms-overflow-style: none;
|
|
overflow-x: scroll;
|
|
}
|
|
.el-select .el-select__tags::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.el-select .el-select__tags > span {
|
|
display: contents;
|
|
}
|
|
.el-select .el-select__tags + .el-input input {
|
|
box-sizing: border-box;
|
|
padding: 0 0 0 var(--spacing--2xs);
|
|
text-indent: 0;
|
|
}
|
|
.el-select .el-input__inner {
|
|
cursor: pointer;
|
|
padding-right: 35px;
|
|
}
|
|
.el-select .el-input__inner:focus {
|
|
border-color: var(--color--secondary);
|
|
}
|
|
.el-select .el-input .el-select__caret {
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
transition: transform 0.3s;
|
|
}
|
|
.el-select .el-input .el-select__caret.is-reverse {
|
|
transform: rotate(180deg);
|
|
}
|
|
.el-select .el-input .el-select__caret.is-show-close {
|
|
font-size: var(--font-size--sm);
|
|
text-align: center;
|
|
color: var(--color--text--tint-2);
|
|
border-radius: 100%;
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transform: rotate(180deg);
|
|
}
|
|
.el-select .el-input .el-select__caret.is-show-close:hover {
|
|
color: var(--color--text--tint-1);
|
|
}
|
|
.el-select .el-input.is-disabled .el-input__inner {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-select .el-input.is-disabled .el-input__inner:hover {
|
|
border-color: var(--input--border-color--disabled, var(--border-color));
|
|
}
|
|
.el-select .el-input.is-focus .el-input__inner {
|
|
border-color: var(--color--secondary);
|
|
}
|
|
.el-select .el-input__prefix {
|
|
left: var(--spacing--2xs);
|
|
}
|
|
.el-select .el-input--prefix .el-input__inner {
|
|
padding-left: 26px;
|
|
}
|
|
.el-select > .el-input {
|
|
display: block;
|
|
}
|
|
.el-select__input {
|
|
margin-left: var(--spacing--2xs);
|
|
color: var(--color--text);
|
|
font-size: var(--font-size--sm);
|
|
appearance: none;
|
|
background-color: #0000;
|
|
border: none;
|
|
outline: none;
|
|
height: 28px;
|
|
padding: 0;
|
|
}
|
|
.el-select__input.is-mini {
|
|
height: 14px;
|
|
}
|
|
.el-select__close {
|
|
cursor: pointer;
|
|
z-index: 1000;
|
|
color: var(--color--text--tint-2);
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 25px;
|
|
}
|
|
.el-select__close:hover {
|
|
color: var(--color--text--tint-1);
|
|
}
|
|
.el-select__tags {
|
|
white-space: normal;
|
|
z-index: 1;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
line-height: normal;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.el-select .el-tag__close {
|
|
margin-top: -2px;
|
|
}
|
|
.el-select .el-tag {
|
|
box-sizing: border-box;
|
|
border-color: var(--color--foreground);
|
|
background-color: var(--color--foreground);
|
|
color: var(--color--text--shade-1);
|
|
font-weight: var(--font-weight--regular);
|
|
border-radius: 20px;
|
|
margin: 2px 0 2px 6px;
|
|
}
|
|
.el-select .el-tag__close.el-icon-close {
|
|
background-color: var(--color--text--tint-1);
|
|
color: var(--color--foreground--tint-2);
|
|
margin-right: 6px;
|
|
top: 0;
|
|
right: -7px;
|
|
}
|
|
.el-select .el-tag__close.el-icon-close:hover {
|
|
background-color: var(--color--text);
|
|
}
|
|
.el-select .el-tag__close.el-icon-close:before {
|
|
display: block;
|
|
transform: translateY(0.5px);
|
|
}
|
|
.el-select--large .el-input__inner {
|
|
height: 42px;
|
|
}
|
|
.el-select--default .el-tag {
|
|
padding: var(--spacing--5xs) var(--spacing--xs);
|
|
}
|
|
.el-skeleton {
|
|
width: 100%;
|
|
}
|
|
.el-skeleton__item {
|
|
border-radius: var(--radius--lg);
|
|
background: var(--color--background--light-2);
|
|
width: 100%;
|
|
height: 16px;
|
|
display: inline-block;
|
|
}
|
|
.el-skeleton__button {
|
|
border-radius: 20px;
|
|
width: 162px;
|
|
height: 40px;
|
|
}
|
|
.el-skeleton__p {
|
|
width: 100%;
|
|
height: 16px;
|
|
margin-top: 16px;
|
|
}
|
|
.el-skeleton__h1 {
|
|
height: 20px;
|
|
margin-top: 14px;
|
|
}
|
|
.el-skeleton__circle {
|
|
border-radius: 50%;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.el-skeleton__image {
|
|
width: unset;
|
|
color: var(--color--foreground--shade-1);
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
border-radius: 8px !important;
|
|
height: 500px !important;
|
|
}
|
|
.el-skeleton__image svg {
|
|
width: 22%;
|
|
height: 22%;
|
|
fill: var(--color--info--tint-1);
|
|
}
|
|
.el-skeleton__first-line,
|
|
.el-skeleton__paragraph {
|
|
background: var(--color--background);
|
|
}
|
|
.el-skeleton.is-animated .el-skeleton__item {
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
right top,
|
|
color-stop(25%, var(--color--background--light-1)),
|
|
color-stop(37%, var(--color--background--light-2)),
|
|
color-stop(63%, var(--color--background--light-1))
|
|
);
|
|
background: linear-gradient(
|
|
90deg,
|
|
var(--color--background--light-1) 25%,
|
|
var(--color--background--light-2) 37%,
|
|
var(--color--background--light-1) 63%
|
|
);
|
|
background-size: 400% 100%;
|
|
animation: 1.4s infinite el-skeleton-loading;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.el-skeleton.is-animated .el-skeleton__item {
|
|
transition: none;
|
|
animation: none;
|
|
}
|
|
}
|
|
@keyframes el-skeleton-loading {
|
|
0% {
|
|
background-position: 100%;
|
|
}
|
|
to {
|
|
background-position: 0;
|
|
}
|
|
}
|
|
.el-tooltip {
|
|
max-width: 200px;
|
|
}
|
|
.el-tooltip:focus:not(.focusing),
|
|
.el-tooltip:focus:hover {
|
|
outline-width: 0;
|
|
}
|
|
.el-tooltip__popper {
|
|
z-index: 2001;
|
|
word-wrap: break-word;
|
|
min-width: 10px;
|
|
font-size: 12px;
|
|
line-height: 1.2;
|
|
font-weight: var(--font-weight--regular);
|
|
border-radius: 4px;
|
|
padding: 10px;
|
|
position: absolute;
|
|
}
|
|
.el-tooltip__popper a {
|
|
color: var(--color--primary);
|
|
font-weight: var(--font-weight--bold);
|
|
}
|
|
.el-tooltip__popper .el-popper__arrow,
|
|
.el-tooltip__popper .el-popper__arrow:after {
|
|
border-style: solid;
|
|
border-color: #0000;
|
|
width: 0;
|
|
height: 0;
|
|
display: block;
|
|
position: absolute;
|
|
}
|
|
.el-tooltip__popper .el-popper__arrow {
|
|
border-width: 6px;
|
|
}
|
|
.el-tooltip__popper .el-popper__arrow:after {
|
|
content: ' ';
|
|
border-width: 5px;
|
|
}
|
|
.el-tooltip__popper[data-popper-placement^='top'] .el-popper__arrow {
|
|
border-top-color: var(--color--background--shade-2);
|
|
border-bottom-width: 0;
|
|
bottom: -6px;
|
|
}
|
|
.el-tooltip__popper[data-popper-placement^='top'] .el-popper__arrow:after {
|
|
border-top-color: var(--color--background--shade-2);
|
|
border-bottom-width: 0;
|
|
margin-left: -5px;
|
|
bottom: 1px;
|
|
}
|
|
.el-tooltip__popper[data-popper-placement^='bottom'] .el-popper__arrow {
|
|
border-top-width: 0;
|
|
border-bottom-color: var(--color--background--shade-2);
|
|
top: -6px;
|
|
}
|
|
.el-tooltip__popper[data-popper-placement^='bottom'] .el-popper__arrow:after {
|
|
border-top-width: 0;
|
|
border-bottom-color: var(--color--background--shade-2);
|
|
margin-left: -5px;
|
|
top: 1px;
|
|
}
|
|
.el-tooltip__popper[data-popper-placement^='right'] .el-popper__arrow {
|
|
border-right-color: var(--color--background--shade-2);
|
|
border-left-width: 0;
|
|
left: -6px;
|
|
}
|
|
.el-tooltip__popper[data-popper-placement^='right'] .el-popper__arrow:after {
|
|
border-right-color: var(--color--background--shade-2);
|
|
border-left-width: 0;
|
|
bottom: -5px;
|
|
left: 1px;
|
|
}
|
|
.el-tooltip__popper[data-popper-placement^='left'] .el-popper__arrow {
|
|
border-right-width: 0;
|
|
border-left-color: var(--color--background--shade-2);
|
|
right: -6px;
|
|
}
|
|
.el-tooltip__popper[data-popper-placement^='left'] .el-popper__arrow:after {
|
|
border-right-width: 0;
|
|
border-left-color: var(--color--background--shade-2);
|
|
margin-left: -5px;
|
|
bottom: -5px;
|
|
right: 1px;
|
|
}
|
|
.el-tooltip__popper.is-is-dark {
|
|
background: var(--color--background--shade-2);
|
|
color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-tooltip__popper.is-is-light {
|
|
background: var(--color--foreground--tint-2);
|
|
border: 1px solid var(--color--background--shade-2);
|
|
}
|
|
.el-tooltip__popper.is-is-light[data-popper-placement^='top'] .el-popper__arrow {
|
|
border-top-color: var(--color--background--shade-2);
|
|
}
|
|
.el-tooltip__popper.is-is-light[data-popper-placement^='top'] .el-popper__arrow:after {
|
|
border-top-color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-tooltip__popper.is-is-light[data-popper-placement^='bottom'] .el-popper__arrow {
|
|
border-bottom-color: var(--color--background--shade-2);
|
|
}
|
|
.el-tooltip__popper.is-is-light[data-popper-placement^='bottom'] .el-popper__arrow:after {
|
|
border-bottom-color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-tooltip__popper.is-is-light[data-popper-placement^='left'] .el-popper__arrow {
|
|
border-left-color: var(--color--background--shade-2);
|
|
}
|
|
.el-tooltip__popper.is-is-light[data-popper-placement^='left'] .el-popper__arrow:after {
|
|
border-left-color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-tooltip__popper.is-is-light[data-popper-placement^='right'] .el-popper__arrow {
|
|
border-right-color: var(--color--background--shade-2);
|
|
}
|
|
.el-tooltip__popper.is-is-light[data-popper-placement^='right'] .el-popper__arrow:after {
|
|
border-right-color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-table {
|
|
box-sizing: border-box;
|
|
background-color: var(--color--foreground--tint-2);
|
|
width: 100%;
|
|
max-width: 100%;
|
|
color: var(--color--text--shade-1);
|
|
flex: 1;
|
|
font-size: 14px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.el-table__empty-block {
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
min-height: 60px;
|
|
display: flex;
|
|
}
|
|
.el-table__empty-text {
|
|
width: 50%;
|
|
color: var(--color--text--tint-1);
|
|
line-height: 60px;
|
|
}
|
|
.el-table__expand-column .cell {
|
|
text-align: center;
|
|
padding: 0;
|
|
}
|
|
.el-table__expand-icon {
|
|
cursor: pointer;
|
|
color: var(--color--text);
|
|
height: 20px;
|
|
font-size: 12px;
|
|
transition: transform 0.2s ease-in-out;
|
|
position: relative;
|
|
}
|
|
.el-table__expand-icon--expanded {
|
|
transform: rotate(90deg);
|
|
}
|
|
.el-table__expand-icon > .el-icon {
|
|
margin-top: -5px;
|
|
margin-left: -5px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
}
|
|
.el-table__expanded-cell {
|
|
background-color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-table__expanded-cell[class*='cell'] {
|
|
padding: 20px 50px;
|
|
}
|
|
.el-table__expanded-cell:hover {
|
|
background-color: #0000 !important;
|
|
}
|
|
.el-table__placeholder {
|
|
width: 20px;
|
|
display: inline-block;
|
|
}
|
|
.el-table__append-wrapper {
|
|
overflow: hidden;
|
|
}
|
|
.el-table--fit {
|
|
border-bottom: 0;
|
|
border-right: 0;
|
|
}
|
|
.el-table--fit th.gutter,
|
|
.el-table--fit td.gutter {
|
|
border-right-width: 1px;
|
|
}
|
|
.el-table--scrollable-x .el-table__body-wrapper {
|
|
overflow-x: auto;
|
|
}
|
|
.el-table--scrollable-y .el-table__body-wrapper {
|
|
overflow-y: auto;
|
|
}
|
|
.el-table thead {
|
|
color: var(--color--text--tint-1);
|
|
font-weight: var(--font-weight--medium);
|
|
}
|
|
.el-table thead.is-group th {
|
|
background: var(--color--background);
|
|
}
|
|
.el-table th,
|
|
.el-table td {
|
|
box-sizing: border-box;
|
|
text-overflow: ellipsis;
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
min-width: 0;
|
|
padding: 12px 0;
|
|
position: relative;
|
|
}
|
|
.el-table th.is-center,
|
|
.el-table td.is-center {
|
|
text-align: center;
|
|
}
|
|
.el-table th.is-right,
|
|
.el-table td.is-right {
|
|
text-align: right;
|
|
}
|
|
.el-table th.gutter,
|
|
.el-table td.gutter {
|
|
border-bottom-width: 0;
|
|
border-right-width: 0;
|
|
width: 15px;
|
|
padding: 0;
|
|
}
|
|
.el-table th.is-hidden > *,
|
|
.el-table td.is-hidden > * {
|
|
visibility: hidden;
|
|
}
|
|
.el-table--medium th,
|
|
.el-table--medium td {
|
|
padding: 10px 0;
|
|
}
|
|
.el-table--small {
|
|
font-size: 12px;
|
|
}
|
|
.el-table--small th,
|
|
.el-table--small td {
|
|
padding: 8px 0;
|
|
}
|
|
.el-table--mini {
|
|
font-size: 12px;
|
|
}
|
|
.el-table--mini th,
|
|
.el-table--mini td {
|
|
padding: 6px 0;
|
|
}
|
|
.el-table tr {
|
|
background-color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-table tr input[type='checkbox'] {
|
|
margin: 0;
|
|
}
|
|
.el-table th.is-leaf,
|
|
.el-table td {
|
|
border-bottom: 1px solid var(--border-color--light);
|
|
}
|
|
.el-table th.is-sortable {
|
|
cursor: pointer;
|
|
}
|
|
.el-table th {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
background-color: var(--color--foreground--tint-2);
|
|
overflow: hidden;
|
|
}
|
|
.el-table th > .cell {
|
|
box-sizing: border-box;
|
|
vertical-align: middle;
|
|
width: 100%;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-table th > .cell.highlight {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-table th.required > div:before {
|
|
content: '';
|
|
vertical-align: middle;
|
|
background: #ff4d51;
|
|
border-radius: 50%;
|
|
width: 8px;
|
|
height: 8px;
|
|
margin-right: 5px;
|
|
display: inline-block;
|
|
}
|
|
.el-table td div {
|
|
box-sizing: border-box;
|
|
}
|
|
.el-table td.gutter {
|
|
width: 0;
|
|
}
|
|
.el-table .cell {
|
|
box-sizing: border-box;
|
|
text-overflow: ellipsis;
|
|
white-space: normal;
|
|
word-break: break-all;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
line-height: 23px;
|
|
overflow: hidden;
|
|
}
|
|
.el-table .cell.el-tooltip {
|
|
white-space: nowrap;
|
|
min-width: 50px;
|
|
}
|
|
.el-table--group,
|
|
.el-table--border {
|
|
border: 1px solid var(--border-color--light);
|
|
}
|
|
.el-table:before,
|
|
.el-table--group:after,
|
|
.el-table--border:after {
|
|
content: '';
|
|
background-color: var(--border-color--light);
|
|
z-index: 1;
|
|
position: absolute;
|
|
}
|
|
.el-table--group:after,
|
|
.el-table--border:after {
|
|
width: 1px;
|
|
height: 100%;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.el-table:before {
|
|
width: 100%;
|
|
height: 1px;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.el-table--border {
|
|
border-bottom: none;
|
|
border-right: none;
|
|
}
|
|
.el-table--border.el-loading-parent--relative {
|
|
border-color: #0000;
|
|
}
|
|
.el-table--border th,
|
|
.el-table--border td {
|
|
border-right: 1px solid var(--border-color--light);
|
|
}
|
|
.el-table--border th:first-child .cell,
|
|
.el-table--border td:first-child .cell {
|
|
padding-left: 10px;
|
|
}
|
|
.el-table--border th.gutter:last-of-type {
|
|
border-bottom: 1px solid var(--border-color--light);
|
|
border-bottom-width: 1px;
|
|
}
|
|
.el-table--border th {
|
|
border-bottom: 1px solid var(--border-color--light);
|
|
}
|
|
.el-table--hidden {
|
|
visibility: hidden;
|
|
}
|
|
.el-table__fixed,
|
|
.el-table__fixed-right {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
overflow: hidden;
|
|
box-shadow: 0 0 10px #0000001f;
|
|
}
|
|
.el-table__fixed:before,
|
|
.el-table__fixed-right:before {
|
|
content: '';
|
|
background-color: var(--border-color--light);
|
|
z-index: 4;
|
|
width: 100%;
|
|
height: 1px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.el-table__fixed-right-patch {
|
|
background-color: var(--color--foreground--tint-2);
|
|
border-bottom: 1px solid var(--border-color--light);
|
|
position: absolute;
|
|
top: -1px;
|
|
right: 0;
|
|
}
|
|
.el-table__fixed-right {
|
|
top: 0;
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.el-table__fixed-right .el-table__fixed-header-wrapper,
|
|
.el-table__fixed-right .el-table__fixed-body-wrapper,
|
|
.el-table__fixed-right .el-table__fixed-footer-wrapper {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.el-table__fixed-header-wrapper {
|
|
z-index: 3;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.el-table__fixed-footer-wrapper {
|
|
z-index: 3;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.el-table__fixed-footer-wrapper tbody td {
|
|
border-top: 1px solid var(--border-color--light);
|
|
background-color: var(--table--row--color--background--hover);
|
|
color: var(--color--text--shade-1);
|
|
}
|
|
.el-table__fixed-body-wrapper {
|
|
z-index: 3;
|
|
position: absolute;
|
|
top: 37px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
}
|
|
.el-table__header-wrapper,
|
|
.el-table__body-wrapper,
|
|
.el-table__footer-wrapper {
|
|
width: 100%;
|
|
}
|
|
.el-table__footer-wrapper {
|
|
margin-top: -1px;
|
|
}
|
|
.el-table__footer-wrapper td {
|
|
border-top: 1px solid var(--border-color--light);
|
|
}
|
|
.el-table__header,
|
|
.el-table__body,
|
|
.el-table__footer {
|
|
table-layout: fixed;
|
|
border-collapse: separate;
|
|
}
|
|
.el-table__header-wrapper,
|
|
.el-table__footer-wrapper {
|
|
overflow: hidden;
|
|
}
|
|
.el-table__header-wrapper tbody td,
|
|
.el-table__footer-wrapper tbody td {
|
|
background-color: var(--table--row--color--background--hover);
|
|
color: var(--color--text--shade-1);
|
|
}
|
|
.el-table__body-wrapper {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed,
|
|
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right,
|
|
.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed,
|
|
.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right {
|
|
border-left: 1px solid var(--border-color--light);
|
|
}
|
|
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
|
|
border-right: 1px solid var(--border-color--light);
|
|
}
|
|
.el-table .caret-wrapper {
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
width: 24px;
|
|
height: 34px;
|
|
overflow: initial;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
display: inline-flex;
|
|
position: relative;
|
|
}
|
|
.el-table .sort-caret {
|
|
border: 5px solid #0000;
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
left: 7px;
|
|
}
|
|
.el-table .sort-caret.ascending {
|
|
border-bottom-color: var(--color--text--tint-1);
|
|
top: 5px;
|
|
}
|
|
.el-table .sort-caret.descending {
|
|
border-top-color: var(--color--text--tint-1);
|
|
bottom: 7px;
|
|
}
|
|
.el-table .ascending .sort-caret.ascending {
|
|
border-bottom-color: var(--color--primary);
|
|
}
|
|
.el-table .descending .sort-caret.descending {
|
|
border-top-color: var(--color--primary);
|
|
}
|
|
.el-table .hidden-columns {
|
|
visibility: hidden;
|
|
z-index: -1;
|
|
position: absolute;
|
|
}
|
|
.el-table--striped .el-table__body tr.el-table__row--striped td {
|
|
background: var(--table--row--color--background--even);
|
|
}
|
|
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
|
|
background-color: var(--color--primary--tint-3);
|
|
}
|
|
.el-table__body tr.hover-row > td,
|
|
.el-table__body tr.hover-row.current-row > td,
|
|
.el-table__body tr.hover-row.el-table__row--striped > td,
|
|
.el-table__body tr.hover-row.el-table__row--striped.current-row > td {
|
|
background-color: var(--table--row--color--background--hover);
|
|
}
|
|
.el-table__body tr.current-row > td {
|
|
background-color: var(--color--primary--tint-3);
|
|
}
|
|
.el-table__column-resize-proxy {
|
|
border-left: 1px solid var(--border-color--light);
|
|
z-index: 10;
|
|
width: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 200px;
|
|
}
|
|
.el-table__column-filter-trigger {
|
|
cursor: pointer;
|
|
line-height: 34px;
|
|
display: inline-block;
|
|
}
|
|
.el-table__column-filter-trigger i {
|
|
color: var(--color--info);
|
|
font-size: 12px;
|
|
transform: scale(0.75);
|
|
}
|
|
.el-table--enable-row-transition .el-table__body td {
|
|
transition: background-color 0.25s;
|
|
}
|
|
.el-table--enable-row-hover .el-table__body tr:hover > td {
|
|
background-color: var(--table--row--color--background--hover);
|
|
}
|
|
.el-table--fluid-height .el-table__fixed,
|
|
.el-table--fluid-height .el-table__fixed-right {
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
}
|
|
.el-table [class*='el-table__row--level'] .el-table__expand-icon {
|
|
text-align: center;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-right: 3px;
|
|
line-height: 20px;
|
|
display: inline-block;
|
|
}
|
|
.el-table-column--selection .cell {
|
|
padding-left: 14px;
|
|
padding-right: 14px;
|
|
}
|
|
.el-table-filter {
|
|
border: solid 1px var(--border-color--light);
|
|
background-color: var(--color--foreground--tint-2);
|
|
-webkit-box-shadow: var(--shadow--light);
|
|
box-shadow: var(--shadow--light);
|
|
box-sizing: border-box;
|
|
border-radius: 2px;
|
|
margin: 2px 0;
|
|
}
|
|
.el-table-filter__list {
|
|
min-width: 100px;
|
|
margin: 0;
|
|
padding: 5px 0;
|
|
list-style: none;
|
|
}
|
|
.el-table-filter__list-item {
|
|
cursor: pointer;
|
|
line-height: 36px;
|
|
font-size: var(--font-size--sm);
|
|
padding: 0 10px;
|
|
}
|
|
.el-table-filter__list-item:hover {
|
|
background-color: var(--action-dropdown--item--color--background--active);
|
|
color: var(--color--text--shade-1);
|
|
}
|
|
.el-table-filter__list-item.is-active {
|
|
background-color: var(--color--primary);
|
|
color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-table-filter__content {
|
|
min-width: 100px;
|
|
}
|
|
.el-table-filter__bottom {
|
|
border-top: 1px solid var(--border-color--light);
|
|
padding: 8px;
|
|
}
|
|
.el-table-filter__bottom button {
|
|
color: var(--color--text--shade-1);
|
|
cursor: pointer;
|
|
font-size: var(--font-size--xs);
|
|
background: 0 0;
|
|
border: none;
|
|
padding: 0 3px;
|
|
}
|
|
.el-table-filter__bottom button:hover {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-table-filter__bottom button:focus {
|
|
outline: none;
|
|
}
|
|
.el-table-filter__bottom button.is-disabled {
|
|
color: var(--input--color--disabled, var(--color--text));
|
|
cursor: not-allowed;
|
|
}
|
|
.el-table-filter__wrap {
|
|
max-height: 280px;
|
|
}
|
|
.el-table-filter__checkbox-group {
|
|
padding: 10px;
|
|
}
|
|
.el-table-filter__checkbox-group label.el-checkbox {
|
|
margin-bottom: 8px;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
display: block;
|
|
}
|
|
.el-table-filter__checkbox-group .el-checkbox:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.el-date-table {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
font-size: 12px;
|
|
}
|
|
.el-date-table.is-week-mode .el-date-table__row:hover div {
|
|
background-color: var(--border-color--light);
|
|
}
|
|
.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
|
|
color: var(--color--text--shade-1);
|
|
}
|
|
.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
|
|
border-top-left-radius: 15px;
|
|
border-bottom-left-radius: 15px;
|
|
margin-left: 5px;
|
|
}
|
|
.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
|
|
border-top-right-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
margin-right: 5px;
|
|
}
|
|
.el-date-table.is-week-mode .el-date-table__row.current div {
|
|
background-color: var(--border-color--light);
|
|
}
|
|
.el-date-table td {
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
width: 32px;
|
|
height: 30px;
|
|
padding: 4px 0;
|
|
position: relative;
|
|
}
|
|
.el-date-table td div {
|
|
box-sizing: border-box;
|
|
height: 30px;
|
|
padding: 3px 0;
|
|
}
|
|
.el-date-table td span {
|
|
border-radius: 50%;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin: 0 auto;
|
|
line-height: 24px;
|
|
display: block;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
}
|
|
.el-date-table td.next-month,
|
|
.el-date-table td.prev-month {
|
|
color: var(--color--text--tint-2);
|
|
}
|
|
.el-date-table td.today {
|
|
position: relative;
|
|
}
|
|
.el-date-table td.today span {
|
|
color: var(--color--primary);
|
|
font-weight: var(--font-weight--bold);
|
|
}
|
|
.el-date-table td.today.start-date span,
|
|
.el-date-table td.today.end-date span {
|
|
color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-date-table td.available:hover {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-date-table td.in-range div,
|
|
.el-date-table td.in-range div:hover {
|
|
background-color: var(--border-color--light);
|
|
}
|
|
.el-date-table td.current:not(.disabled) span {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--primary);
|
|
}
|
|
.el-date-table td.start-date div,
|
|
.el-date-table td.end-date div {
|
|
color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-date-table td.start-date span,
|
|
.el-date-table td.end-date span {
|
|
background-color: var(--color--primary);
|
|
}
|
|
.el-date-table td.start-date div {
|
|
border-top-left-radius: 15px;
|
|
border-bottom-left-radius: 15px;
|
|
margin-left: 5px;
|
|
}
|
|
.el-date-table td.end-date div {
|
|
border-top-right-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
margin-right: 5px;
|
|
}
|
|
.el-date-table td.disabled div {
|
|
background-color: var(--color--background);
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
color: var(--color--text--tint-2);
|
|
}
|
|
.el-date-table td.selected div {
|
|
background-color: var(--border-color--light);
|
|
border-radius: 15px;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
.el-date-table td.selected div:hover {
|
|
background-color: var(--border-color--light);
|
|
}
|
|
.el-date-table td.selected span {
|
|
background-color: var(--color--primary);
|
|
color: var(--color--foreground--tint-2);
|
|
border-radius: 15px;
|
|
}
|
|
.el-date-table td.week {
|
|
color: var(--color--text--shade-1);
|
|
font-size: 80%;
|
|
}
|
|
.el-date-table th {
|
|
color: var(--color--text--shade-1);
|
|
font-weight: var(--font-weight--regular);
|
|
border-bottom: solid 1px var(--border-color--light);
|
|
padding: 5px;
|
|
}
|
|
.el-month-table {
|
|
border-collapse: collapse;
|
|
margin: -1px;
|
|
font-size: 12px;
|
|
}
|
|
.el-month-table td {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
padding: 8px 0;
|
|
}
|
|
.el-month-table td div {
|
|
box-sizing: border-box;
|
|
height: 48px;
|
|
padding: 6px 0;
|
|
}
|
|
.el-month-table td.today .cell {
|
|
color: var(--color--primary);
|
|
font-weight: var(--font-weight--bold);
|
|
}
|
|
.el-month-table td.today.start-date .cell,
|
|
.el-month-table td.today.end-date .cell {
|
|
color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-month-table td.disabled .cell {
|
|
background-color: var(--color--background);
|
|
cursor: not-allowed;
|
|
color: var(--color--text--tint-2);
|
|
}
|
|
.el-month-table td.disabled .cell:hover {
|
|
color: var(--color--text--tint-2);
|
|
}
|
|
.el-month-table td .cell {
|
|
width: 60px;
|
|
height: 36px;
|
|
color: var(--color--text--shade-1);
|
|
border-radius: 18px;
|
|
margin: 0 auto;
|
|
line-height: 36px;
|
|
display: block;
|
|
}
|
|
.el-month-table td .cell:hover {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-month-table td.in-range div,
|
|
.el-month-table td.in-range div:hover {
|
|
background-color: var(--border-color--light);
|
|
}
|
|
.el-month-table td.start-date div,
|
|
.el-month-table td.end-date div {
|
|
color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-month-table td.start-date .cell,
|
|
.el-month-table td.end-date .cell {
|
|
color: var(--color--foreground--tint-2);
|
|
background-color: var(--color--primary);
|
|
}
|
|
.el-month-table td.start-date div {
|
|
border-top-left-radius: 24px;
|
|
border-bottom-left-radius: 24px;
|
|
}
|
|
.el-month-table td.end-date div {
|
|
border-top-right-radius: 24px;
|
|
border-bottom-right-radius: 24px;
|
|
}
|
|
.el-month-table td.current:not(.disabled) .cell {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-year-table {
|
|
border-collapse: collapse;
|
|
margin: -1px;
|
|
font-size: 12px;
|
|
}
|
|
.el-year-table .el-icon {
|
|
color: var(--color--text--shade-1);
|
|
}
|
|
.el-year-table td {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
padding: 20px 3px;
|
|
}
|
|
.el-year-table td.today .cell {
|
|
color: var(--color--primary);
|
|
font-weight: var(--font-weight--bold);
|
|
}
|
|
.el-year-table td.disabled .cell {
|
|
background-color: var(--color--background);
|
|
cursor: not-allowed;
|
|
color: var(--color--text--tint-2);
|
|
}
|
|
.el-year-table td.disabled .cell:hover {
|
|
color: var(--color--text--tint-2);
|
|
}
|
|
.el-year-table td .cell {
|
|
width: 48px;
|
|
height: 32px;
|
|
color: var(--color--text--shade-1);
|
|
margin: 0 auto;
|
|
line-height: 32px;
|
|
display: block;
|
|
}
|
|
.el-year-table td .cell:hover,
|
|
.el-year-table td.current:not(.disabled) .cell {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-time-spinner.has-seconds .el-time-spinner__wrapper {
|
|
width: 33.3%;
|
|
}
|
|
.el-time-spinner__wrapper {
|
|
vertical-align: top;
|
|
width: 50%;
|
|
max-height: 190px;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
|
|
padding-bottom: 15px;
|
|
}
|
|
.el-time-spinner__wrapper.is-arrow {
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
|
|
transform: translateY(-32px);
|
|
}
|
|
.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
|
|
background: var(--color--foreground--tint-2);
|
|
cursor: default;
|
|
}
|
|
.el-time-spinner__arrow {
|
|
color: var(--color--text--tint-1);
|
|
z-index: 1;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
width: 100%;
|
|
height: 30px;
|
|
font-size: 12px;
|
|
line-height: 30px;
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
.el-time-spinner__arrow:hover {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-time-spinner__arrow.el-icon-arrow-up {
|
|
top: 10px;
|
|
}
|
|
.el-time-spinner__arrow.el-icon-arrow-down {
|
|
bottom: 10px;
|
|
}
|
|
.el-time-spinner__input.el-input {
|
|
width: 70%;
|
|
}
|
|
.el-time-spinner__input.el-input .el-input__inner {
|
|
text-align: center;
|
|
padding: 0;
|
|
}
|
|
.el-time-spinner__list {
|
|
text-align: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.el-time-spinner__list:after,
|
|
.el-time-spinner__list:before {
|
|
content: '';
|
|
width: 100%;
|
|
height: 80px;
|
|
display: block;
|
|
}
|
|
.el-time-spinner__item {
|
|
height: 32px;
|
|
color: var(--color--text--shade-1);
|
|
font-size: 12px;
|
|
line-height: 32px;
|
|
}
|
|
.el-time-spinner__item:hover:not(.disabled):not(.active) {
|
|
background: var(--color--background);
|
|
cursor: pointer;
|
|
}
|
|
.el-time-spinner__item.active:not(.disabled) {
|
|
color: var(--color--text--shade-1);
|
|
font-weight: var(--font-weight--bold);
|
|
}
|
|
.el-time-spinner__item.disabled {
|
|
color: var(--color--text--tint-2);
|
|
cursor: not-allowed;
|
|
}
|
|
.el-date-editor {
|
|
text-align: left;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-date-editor.el-input,
|
|
.el-date-editor.el-input__inner {
|
|
width: 100%;
|
|
}
|
|
.el-date-editor--monthrange.el-input,
|
|
.el-date-editor--monthrange.el-input__inner {
|
|
width: 300px;
|
|
}
|
|
.el-date-editor--daterange.el-input,
|
|
.el-date-editor--daterange.el-input__inner,
|
|
.el-date-editor--timerange.el-input,
|
|
.el-date-editor--timerange.el-input__inner {
|
|
width: 350px;
|
|
}
|
|
.el-date-editor--datetimerange.el-input,
|
|
.el-date-editor--datetimerange.el-input__inner {
|
|
width: 400px;
|
|
}
|
|
.el-date-editor--dates .el-input__inner {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.el-date-editor .el-icon-circle-close {
|
|
cursor: pointer;
|
|
}
|
|
.el-date-editor .el-range__icon {
|
|
color: var(--color--text--tint-2);
|
|
float: left;
|
|
margin-left: -5px;
|
|
font-size: 14px;
|
|
line-height: 32px;
|
|
}
|
|
.el-date-editor .el-range-input {
|
|
appearance: none;
|
|
text-align: center;
|
|
width: 39%;
|
|
height: 100%;
|
|
font-size: var(--font-size--sm);
|
|
color: var(--color--text--shade-1);
|
|
border: none;
|
|
outline: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: inline-block;
|
|
}
|
|
.el-date-editor .el-range-input:-ms-placeholder-shown {
|
|
color: var(--color--text--tint-2);
|
|
}
|
|
.el-date-editor .el-range-input::placeholder {
|
|
color: var(--color--text--tint-2);
|
|
}
|
|
.el-date-editor .el-range-separator {
|
|
text-align: center;
|
|
width: 5%;
|
|
height: 100%;
|
|
color: var(--color--text--shade-1);
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
font-size: 14px;
|
|
line-height: 32px;
|
|
display: inline-block;
|
|
}
|
|
.el-date-editor .el-range__close-icon {
|
|
color: var(--color--text--tint-2);
|
|
float: right;
|
|
width: 25px;
|
|
font-size: 14px;
|
|
line-height: 32px;
|
|
display: inline-block;
|
|
}
|
|
.el-range-editor.el-input__inner {
|
|
align-items: center;
|
|
padding: 3px 10px;
|
|
display: inline-flex;
|
|
}
|
|
.el-range-editor .el-range-input {
|
|
line-height: 1;
|
|
}
|
|
.el-range-editor.is-active,
|
|
.el-range-editor.is-active:hover {
|
|
border-color: var(--color--primary);
|
|
}
|
|
.el-range-editor--medium.el-input__inner {
|
|
height: 36px;
|
|
}
|
|
.el-range-editor--medium .el-range-separator {
|
|
line-height: 28px;
|
|
font-size: var(--input--font-size, 14px);
|
|
}
|
|
.el-range-editor--medium .el-range-input {
|
|
font-size: var(--input--font-size, 14px);
|
|
}
|
|
.el-range-editor--medium .el-range__icon,
|
|
.el-range-editor--medium .el-range__close-icon {
|
|
line-height: 28px;
|
|
}
|
|
.el-range-editor--small.el-input__inner {
|
|
height: 30px;
|
|
}
|
|
.el-range-editor--small .el-range-separator {
|
|
font-size: 12px;
|
|
line-height: 24px;
|
|
}
|
|
.el-range-editor--small .el-range-input {
|
|
font-size: 12px;
|
|
}
|
|
.el-range-editor--small .el-range__icon,
|
|
.el-range-editor--small .el-range__close-icon {
|
|
line-height: 24px;
|
|
}
|
|
.el-range-editor--mini.el-input__inner {
|
|
height: 26px;
|
|
}
|
|
.el-range-editor--mini .el-range-separator {
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
}
|
|
.el-range-editor--mini .el-range-input {
|
|
font-size: 12px;
|
|
}
|
|
.el-range-editor--mini .el-range__icon,
|
|
.el-range-editor--mini .el-range__close-icon {
|
|
line-height: 20px;
|
|
}
|
|
.el-range-editor.is-disabled {
|
|
background-color: var(--input--color--background--disabled, var(--color--background--light-2));
|
|
border-color: var(--input--border-color--disabled, var(--border-color));
|
|
color: var(--input--color--disabled, var(--color--text));
|
|
cursor: not-allowed;
|
|
}
|
|
.el-range-editor.is-disabled:hover,
|
|
.el-range-editor.is-disabled:focus {
|
|
border-color: var(--input--border-color--disabled, var(--border-color));
|
|
}
|
|
.el-range-editor.is-disabled input {
|
|
background-color: var(--input--color--background--disabled, var(--color--background--light-2));
|
|
color: var(--input--color--disabled, var(--color--text));
|
|
cursor: not-allowed;
|
|
}
|
|
.el-range-editor.is-disabled input:-ms-placeholder-shown {
|
|
color: var(--color--text--tint-1);
|
|
}
|
|
.el-range-editor.is-disabled input::placeholder {
|
|
color: var(--color--text--tint-1);
|
|
}
|
|
.el-range-editor.is-disabled .el-range-separator {
|
|
color: var(--input--color--disabled, var(--color--text));
|
|
}
|
|
.el-picker-panel {
|
|
color: var(--color--text--shade-1);
|
|
border: 1px solid var(--input--border-color--disabled, var(--border-color));
|
|
-webkit-box-shadow: var(--shadow--light);
|
|
box-shadow: var(--shadow--light);
|
|
background: var(--color--foreground--tint-2);
|
|
border-radius: var(--radius);
|
|
margin: 5px 0;
|
|
line-height: 30px;
|
|
}
|
|
.el-picker-panel__body:after,
|
|
.el-picker-panel__body-wrapper:after {
|
|
content: '';
|
|
clear: both;
|
|
display: table;
|
|
}
|
|
.el-picker-panel__content {
|
|
margin: 15px;
|
|
position: relative;
|
|
}
|
|
.el-picker-panel__footer {
|
|
border-top: 1px solid var(--color--foreground);
|
|
text-align: right;
|
|
background-color: var(--color--foreground--tint-2);
|
|
padding: 4px;
|
|
font-size: 0;
|
|
position: relative;
|
|
}
|
|
.el-picker-panel__shortcut {
|
|
width: 100%;
|
|
color: var(--color--text--shade-1);
|
|
text-align: left;
|
|
cursor: pointer;
|
|
background-color: #0000;
|
|
border: 0;
|
|
outline: none;
|
|
padding-left: 12px;
|
|
font-size: 14px;
|
|
line-height: 28px;
|
|
display: block;
|
|
}
|
|
.el-picker-panel__shortcut:hover {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-picker-panel__shortcut.active {
|
|
color: var(--color--primary);
|
|
background-color: #e6f1fe;
|
|
}
|
|
.el-picker-panel__btn {
|
|
color: #333;
|
|
cursor: pointer;
|
|
background-color: #0000;
|
|
border: 1px solid #dcdcdc;
|
|
border-radius: 2px;
|
|
outline: none;
|
|
padding: 0 20px;
|
|
font-size: 12px;
|
|
line-height: 24px;
|
|
}
|
|
.el-picker-panel__btn[disabled] {
|
|
color: var(--color--text--tint-2);
|
|
cursor: not-allowed;
|
|
}
|
|
.el-picker-panel__icon-btn {
|
|
color: var(--color--text--shade-1);
|
|
cursor: pointer;
|
|
background: 0 0;
|
|
border: 0;
|
|
outline: none;
|
|
margin-top: 8px;
|
|
font-size: 12px;
|
|
}
|
|
.el-picker-panel__icon-btn:hover {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-picker-panel__icon-btn.is-disabled {
|
|
color: var(--color--text--tint-1);
|
|
}
|
|
.el-picker-panel__icon-btn.is-disabled:hover {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-picker-panel__link-btn,
|
|
.el-picker-panel__link-btn:focus,
|
|
.el-picker-panel__link-btn:hover {
|
|
color: hsl(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l));
|
|
background-color: var(--color--foreground--tint-2);
|
|
border-color: hsl(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l));
|
|
}
|
|
.el-picker-panel__link-btn.is-loading {
|
|
color: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
calc(var(--color--primary--l) + 10%)
|
|
);
|
|
background-color: var(--color--foreground--tint-2);
|
|
border-color: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
calc(var(--color--primary--l) + 10%)
|
|
);
|
|
}
|
|
.el-picker-panel__link-btn:active {
|
|
border-color: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
calc(var(--color--primary--l) + -10%)
|
|
);
|
|
background-color: var(--color--foreground--tint-2);
|
|
color: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
calc(var(--color--primary--l) + -10%)
|
|
);
|
|
outline: none;
|
|
}
|
|
.el-picker-panel__link-btn.is-disabled,
|
|
.el-picker-panel__link-btn.is-disabled:hover,
|
|
.el-picker-panel__link-btn.is-disabled:focus,
|
|
.el-picker-panel__link-btn.is-disabled:active {
|
|
color: var(--color--text--tint-1);
|
|
background-color: var(--color--foreground--tint-2);
|
|
border-color: var(--color--foreground);
|
|
}
|
|
.el-picker-panel__link-btn.is-round {
|
|
padding: var(--spacing--3xs) var(--spacing--xs);
|
|
}
|
|
.el-picker-panel__link-btn {
|
|
padding: var(--spacing--3xs) var(--spacing--xs);
|
|
font-size: var(--font-size--2xs);
|
|
--button--radius: 20px;
|
|
}
|
|
.el-picker-panel__link-btn.is-plain {
|
|
color: var(--button--color--text, var(--button--color--text--primary));
|
|
background-color: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
var(--color--primary--l)
|
|
);
|
|
border-color: hsl(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l));
|
|
}
|
|
.el-picker-panel__link-btn.is-plain:active {
|
|
background: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
calc(var(--color--primary--l) + -10%)
|
|
);
|
|
border-color: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
calc(var(--color--primary--l) + -10%)
|
|
);
|
|
color: var(--button--color--text, var(--button--color--text--primary));
|
|
outline: none;
|
|
}
|
|
.el-picker-panel__link-btn.is-plain.is-active {
|
|
background: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
calc(var(--color--primary--l) + -10%)
|
|
);
|
|
border-color: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
calc(var(--color--primary--l) + -10%)
|
|
);
|
|
color: var(--button--color--text, var(--button--color--text--primary));
|
|
}
|
|
.el-picker-panel__link-btn.is-plain.is-light {
|
|
color: hsl(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l));
|
|
background-color: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
var(--color--primary--tint-2-l)
|
|
);
|
|
border-color: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
var(--color--primary--tint-2-l)
|
|
);
|
|
}
|
|
.el-picker-panel__link-btn.is-plain.is-disabled,
|
|
.el-picker-panel__link-btn.is-plain.is-disabled:hover,
|
|
.el-picker-panel__link-btn.is-plain.is-disabled:focus,
|
|
.el-picker-panel__link-btn.is-plain.is-disabled:active {
|
|
color: var(--color--text--tint-1);
|
|
background-color: var(--color--foreground);
|
|
border-color: var(--color--foreground);
|
|
}
|
|
.el-picker-panel__link-btn {
|
|
vertical-align: middle;
|
|
margin-left: var(--spacing--2xs);
|
|
}
|
|
.el-picker-panel [slot='sidebar'],
|
|
.el-picker-panel__sidebar {
|
|
border-right: 1px solid var(--color--foreground);
|
|
box-sizing: border-box;
|
|
background-color: var(--color--foreground--tint-2);
|
|
width: 110px;
|
|
padding-top: 6px;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
overflow: auto;
|
|
}
|
|
.el-picker-panel [slot='sidebar'] + .el-picker-panel__body,
|
|
.el-picker-panel__sidebar + .el-picker-panel__body {
|
|
margin-left: 110px;
|
|
}
|
|
.el-date-picker {
|
|
width: 322px;
|
|
}
|
|
.el-date-picker.has-sidebar.has-time {
|
|
width: 434px;
|
|
}
|
|
.el-date-picker.has-sidebar {
|
|
width: 438px;
|
|
}
|
|
.el-date-picker.has-time .el-picker-panel__body-wrapper {
|
|
position: relative;
|
|
}
|
|
.el-date-picker .el-picker-panel__content {
|
|
width: 292px;
|
|
}
|
|
.el-date-picker table {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
}
|
|
.el-date-picker__editor-wrap {
|
|
padding: 0 5px;
|
|
display: table-cell;
|
|
position: relative;
|
|
}
|
|
.el-date-picker__time-header {
|
|
border-bottom: 1px solid var(--color--foreground);
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
padding: 8px 5px 5px;
|
|
font-size: 12px;
|
|
display: table;
|
|
position: relative;
|
|
}
|
|
.el-date-picker__header {
|
|
text-align: center;
|
|
margin: 12px;
|
|
}
|
|
.el-date-picker__header--bordered {
|
|
border-bottom: solid 1px var(--border-color--light);
|
|
margin-bottom: 0;
|
|
padding-bottom: 12px;
|
|
}
|
|
.el-date-picker__header--bordered + .el-picker-panel__content {
|
|
margin-top: 0;
|
|
}
|
|
.el-date-picker__header-label {
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight--medium);
|
|
text-align: center;
|
|
cursor: pointer;
|
|
color: var(--color--text--shade-1);
|
|
padding: 0 5px;
|
|
line-height: 22px;
|
|
}
|
|
.el-date-picker__header-label:hover,
|
|
.el-date-picker__header-label.active {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-date-picker__prev-btn {
|
|
float: left;
|
|
}
|
|
.el-date-picker__next-btn {
|
|
float: right;
|
|
}
|
|
.el-date-picker__time-wrap {
|
|
text-align: center;
|
|
padding: 10px;
|
|
}
|
|
.el-date-picker__time-label {
|
|
float: left;
|
|
cursor: pointer;
|
|
margin-left: 10px;
|
|
line-height: 30px;
|
|
}
|
|
.el-date-range-picker {
|
|
width: 646px;
|
|
}
|
|
.el-date-range-picker.has-sidebar {
|
|
width: 756px;
|
|
}
|
|
.el-date-range-picker table {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
}
|
|
.el-date-range-picker .el-picker-panel__body {
|
|
min-width: 513px;
|
|
}
|
|
.el-date-range-picker .el-picker-panel__content {
|
|
margin: 0;
|
|
}
|
|
.el-date-range-picker__header {
|
|
text-align: center;
|
|
height: 28px;
|
|
position: relative;
|
|
}
|
|
.el-date-range-picker__header [class*='arrow-left'] {
|
|
float: left;
|
|
}
|
|
.el-date-range-picker__header [class*='arrow-right'] {
|
|
float: right;
|
|
}
|
|
.el-date-range-picker__header div {
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight--medium);
|
|
margin-right: 50px;
|
|
}
|
|
.el-date-range-picker__content {
|
|
float: left;
|
|
box-sizing: border-box;
|
|
width: 50%;
|
|
margin: 0;
|
|
padding: 16px;
|
|
}
|
|
.el-date-range-picker__content.is-left {
|
|
border-right: 1px solid var(--color--foreground);
|
|
}
|
|
.el-date-range-picker__content .el-date-range-picker__header div {
|
|
margin-left: 50px;
|
|
margin-right: 50px;
|
|
}
|
|
.el-date-range-picker__editors-wrap {
|
|
box-sizing: border-box;
|
|
display: table-cell;
|
|
}
|
|
.el-date-range-picker__editors-wrap.is-right {
|
|
text-align: right;
|
|
}
|
|
.el-date-range-picker__time-header {
|
|
border-bottom: 1px solid var(--color--foreground);
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
padding: 8px 5px 5px;
|
|
font-size: 12px;
|
|
display: table;
|
|
position: relative;
|
|
}
|
|
.el-date-range-picker__time-header > .el-icon-arrow-right {
|
|
vertical-align: middle;
|
|
color: var(--color--text--shade-1);
|
|
font-size: 20px;
|
|
display: table-cell;
|
|
}
|
|
.el-date-range-picker__time-picker-wrap {
|
|
padding: 0 5px;
|
|
display: table-cell;
|
|
position: relative;
|
|
}
|
|
.el-date-range-picker__time-picker-wrap .el-picker-panel {
|
|
z-index: 1;
|
|
background: var(--color--foreground--tint-2);
|
|
position: absolute;
|
|
top: 13px;
|
|
right: 0;
|
|
}
|
|
.el-time-range-picker {
|
|
width: 354px;
|
|
overflow: visible;
|
|
}
|
|
.el-time-range-picker__content {
|
|
text-align: center;
|
|
padding: 10px;
|
|
position: relative;
|
|
}
|
|
.el-time-range-picker__cell {
|
|
box-sizing: border-box;
|
|
width: 50%;
|
|
margin: 0;
|
|
padding: 4px 7px 7px;
|
|
display: inline-block;
|
|
}
|
|
.el-time-range-picker__header {
|
|
text-align: center;
|
|
margin-bottom: 5px;
|
|
font-size: 14px;
|
|
}
|
|
.el-time-range-picker__body {
|
|
border: 1px solid var(--input--border-color--disabled, var(--border-color));
|
|
border-radius: 2px;
|
|
}
|
|
.el-time-panel {
|
|
border: solid 1px var(--input--border-color--disabled, var(--border-color));
|
|
background-color: var(--color--foreground--tint-2);
|
|
-webkit-box-shadow: var(--shadow--light);
|
|
box-shadow: var(--shadow--light);
|
|
z-index: 1000;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
box-sizing: content-box;
|
|
border-radius: 2px;
|
|
width: 180px;
|
|
margin: 5px 0;
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
.el-time-panel__content {
|
|
font-size: 0;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.el-time-panel__content:after,
|
|
.el-time-panel__content:before {
|
|
content: '';
|
|
z-index: -1;
|
|
box-sizing: border-box;
|
|
text-align: left;
|
|
border-top: 1px solid var(--border-color);
|
|
border-bottom: 1px solid var(--border-color);
|
|
height: 32px;
|
|
margin-top: -15px;
|
|
padding-top: 6px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.el-time-panel__content:after {
|
|
margin-left: 12%;
|
|
margin-right: 12%;
|
|
left: 50%;
|
|
}
|
|
.el-time-panel__content:before {
|
|
margin-left: 12%;
|
|
margin-right: 12%;
|
|
padding-left: 50%;
|
|
}
|
|
.el-time-panel__content.has-seconds:after {
|
|
left: 66.6667%;
|
|
}
|
|
.el-time-panel__content.has-seconds:before {
|
|
padding-left: 33.3333%;
|
|
}
|
|
.el-time-panel__footer {
|
|
border-top: 1px solid var(--color--foreground);
|
|
text-align: right;
|
|
box-sizing: border-box;
|
|
height: 36px;
|
|
padding: 4px;
|
|
line-height: 25px;
|
|
}
|
|
.el-time-panel__btn {
|
|
cursor: pointer;
|
|
color: var(--color--text--shade-1);
|
|
background-color: #0000;
|
|
border: none;
|
|
outline: none;
|
|
margin: 0 5px;
|
|
padding: 0 5px;
|
|
font-size: 12px;
|
|
line-height: 28px;
|
|
}
|
|
.el-time-panel__btn.confirm {
|
|
font-weight: var(--font-weight--bold);
|
|
color: var(--color--primary);
|
|
}
|
|
.el-picker-panel__footer .el-picker-panel__link-btn {
|
|
border-radius: var(--radius--sm);
|
|
color: var(--text--color);
|
|
border: 1px;
|
|
}
|
|
.el-picker-panel__footer .el-picker-panel__link-btn:hover {
|
|
background-color: var(--lightningcss-light, var(--color--neutral-150))
|
|
var(--lightningcss-dark, var(--color--neutral-800));
|
|
}
|
|
.el-picker-panel__footer .el-picker-panel__link-btn:active {
|
|
background-color: var(--lightningcss-light, var(--color--neutral-200))
|
|
var(--lightningcss-dark, var(--color--neutral-700));
|
|
}
|
|
.el-picker-panel__footer .el-picker-panel__link-btn:last-child {
|
|
background: var(--color--orange-400);
|
|
color: var(--color--neutral-white);
|
|
}
|
|
.el-picker-panel__footer .el-picker-panel__link-btn:last-child:hover {
|
|
background-color: var(--color--orange-500);
|
|
}
|
|
.el-picker-panel__footer .el-picker-panel__link-btn:last-child:active {
|
|
background-color: var(--color--orange-600);
|
|
}
|
|
.el-popover {
|
|
background: var(--color--foreground--tint-2);
|
|
border: 1px solid var(--border-color--light);
|
|
min-width: 150px;
|
|
padding: var(--spacing--sm);
|
|
z-index: 2000;
|
|
color: var(--color--text--shade-1);
|
|
text-align: justify;
|
|
line-height: 1.4;
|
|
font-size: var(--font-size--sm);
|
|
-webkit-box-shadow: var(--shadow--light);
|
|
box-shadow: var(--shadow--light);
|
|
word-break: break-all;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
}
|
|
.el-popover--plain {
|
|
padding: 18px 20px;
|
|
}
|
|
.el-popover__title {
|
|
color: var(--color--text--shade-1);
|
|
margin-bottom: 12px;
|
|
font-size: 16px;
|
|
line-height: 1;
|
|
}
|
|
.el-popover__reference:focus:not(.focusing),
|
|
.el-popover__reference:focus:hover,
|
|
.el-popover:focus:active,
|
|
.el-popover:focus {
|
|
outline-width: 0;
|
|
}
|
|
.el-message-box {
|
|
width: 420px;
|
|
padding-bottom: var(--spacing--sm);
|
|
vertical-align: middle;
|
|
background-color: var(--color--foreground--tint-2);
|
|
border: 1px solid var(--border-color--light);
|
|
font-size: var(--font-size--lg);
|
|
-webkit-box-shadow: var(--shadow--light);
|
|
box-shadow: var(--shadow--light);
|
|
text-align: left;
|
|
backface-visibility: hidden;
|
|
border-radius: 4px;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
.el-message-box.wide {
|
|
width: 525px;
|
|
}
|
|
.el-message-box__wrapper {
|
|
text-align: center;
|
|
position: fixed;
|
|
inset: 0;
|
|
}
|
|
.el-message-box__wrapper:after {
|
|
content: '';
|
|
vertical-align: middle;
|
|
width: 0;
|
|
height: 100%;
|
|
display: inline-block;
|
|
}
|
|
.el-message-box__header {
|
|
padding: var(--spacing--sm);
|
|
padding-bottom: var(--spacing--2xs);
|
|
position: relative;
|
|
}
|
|
.el-message-box__title {
|
|
padding-left: 0;
|
|
padding-right: var(--spacing--lg);
|
|
overflow-wrap: anywhere;
|
|
font-size: var(--font-size--lg);
|
|
line-height: var(--line-height--md);
|
|
color: var(--color--text--shade-1);
|
|
margin-bottom: 0;
|
|
}
|
|
.el-message-box__headerbtn {
|
|
top: var(--spacing--sm);
|
|
right: var(--spacing--sm);
|
|
cursor: pointer;
|
|
background: 0 0;
|
|
border: none;
|
|
outline: none;
|
|
padding: 0;
|
|
font-size: 16px;
|
|
position: absolute;
|
|
}
|
|
.el-message-box__headerbtn .el-message-box__close {
|
|
color: var(--color--info);
|
|
}
|
|
.el-message-box__headerbtn:focus .el-message-box__close,
|
|
.el-message-box__headerbtn:hover .el-message-box__close {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-message-box__content {
|
|
padding: var(--spacing--2xs) var(--spacing--sm) var(--spacing--sm);
|
|
color: var(--color--text--shade-1);
|
|
font-size: var(--font-size--sm);
|
|
padding-bottom: 0;
|
|
}
|
|
.el-message-box__container {
|
|
position: relative;
|
|
}
|
|
.el-message-box__input {
|
|
padding-top: 15px;
|
|
}
|
|
.el-message-box__input input.invalid,
|
|
.el-message-box__input input.invalid:focus {
|
|
border-color: var(--color--danger);
|
|
}
|
|
.el-message-box__status {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
font-size: 24px !important;
|
|
}
|
|
.el-message-box__status:before {
|
|
padding-left: 1px;
|
|
}
|
|
.el-message-box__status + .el-message-box__message {
|
|
padding-left: 36px;
|
|
padding-right: 12px;
|
|
}
|
|
.el-message-box__status.el-icon-success {
|
|
color: var(--color--success);
|
|
}
|
|
.el-message-box__status.el-icon-info {
|
|
color: var(--color--info);
|
|
}
|
|
.el-message-box__status.el-icon-warning {
|
|
color: var(--color--warning);
|
|
}
|
|
.el-message-box__status.el-icon-error {
|
|
color: var(--color--danger);
|
|
}
|
|
.el-message-box__message {
|
|
margin: 0;
|
|
}
|
|
.el-message-box__message p {
|
|
line-height: var(--line-height--lg);
|
|
margin: 0;
|
|
}
|
|
.el-message-box__message .el-message-box__message__structured {
|
|
margin-bottom: var(--spacing--xs);
|
|
}
|
|
.el-message-box__message .el-message-box__message__structured p {
|
|
margin-bottom: var(--spacing--sm);
|
|
}
|
|
.el-message-box__errormsg {
|
|
color: var(--color--danger);
|
|
min-height: 18px;
|
|
margin-top: var(--spacing--2xs);
|
|
font-size: 12px;
|
|
}
|
|
.el-message-box__btns {
|
|
padding: var(--spacing--sm) var(--spacing--sm) 0;
|
|
text-align: right;
|
|
}
|
|
.el-message-box__btns button {
|
|
margin-left: 10px;
|
|
}
|
|
.el-message-box__btns .btn--confirm,
|
|
.el-message-box__btns .btn--cancel {
|
|
--button--color--background: transparent;
|
|
--button--color--background-hover: transparent;
|
|
--button--color--background-active: transparent;
|
|
--button--color: var(--lightningcss-light, var(--color--neutral-900))
|
|
var(--lightningcss-dark, var(--color--neutral-100));
|
|
--button--shadow: none;
|
|
--button--shadow--hover: none;
|
|
--button--shadow--active: none;
|
|
--button--border-color: transparent;
|
|
--button--border-color--hover: transparent;
|
|
--button--border-color--active: transparent;
|
|
height: 2rem;
|
|
padding: 0 var(--spacing--xs);
|
|
border-radius: var(--radius--3xs);
|
|
font-size: var(--font-size--sm);
|
|
font-family: var(--font-family);
|
|
font-weight: var(--font-weight--medium);
|
|
border: 1px solid var(--button--border-color);
|
|
background-color: var(--button--color--background);
|
|
color: var(--button--color);
|
|
-webkit-box-shadow: var(--button--shadow);
|
|
box-shadow: var(--button--shadow);
|
|
cursor: pointer;
|
|
justify-content: center;
|
|
align-items: center;
|
|
line-height: 1;
|
|
display: inline-flex;
|
|
}
|
|
.el-message-box__btns .btn--confirm:hover,
|
|
.el-message-box__btns .btn--cancel:hover {
|
|
background-color: var(--button--color--background-hover);
|
|
-webkit-box-shadow: var(--button--shadow--hover);
|
|
box-shadow: var(--button--shadow--hover);
|
|
border-color: var(--button--border-color--hover);
|
|
}
|
|
.el-message-box__btns .btn--confirm:active,
|
|
.el-message-box__btns .btn--cancel:active {
|
|
background-color: var(--button--color--background-active);
|
|
-webkit-box-shadow: var(--button--shadow--active);
|
|
box-shadow: var(--button--shadow--active);
|
|
border-color: var(--button--border-color--active);
|
|
}
|
|
.el-message-box__btns .btn--confirm {
|
|
--button--color--background: var(--color--orange-400);
|
|
--button--color--background-hover: var(--color--orange-500);
|
|
--button--color--background-active: var(--color--orange-600);
|
|
--button--color: var(--color--neutral-white);
|
|
--button--shadow: 0 1px 3px 0 var(--lightningcss-light, var(--color--black-alpha-100))
|
|
var(--lightningcss-dark, var(--color--black-alpha-200));
|
|
--button--shadow--hover: 0 1px 3px 0 var(--lightningcss-light, var(--color--black-alpha-100))
|
|
var(--lightningcss-dark, var(--color--black-alpha-200));
|
|
--button--shadow--active: 0 1px 3px 0 var(--lightningcss-light, var(--color--black-alpha-100))
|
|
var(--lightningcss-dark, var(--color--black-alpha-200));
|
|
--button--border-color: var(--color--orange-400);
|
|
--button--border-color--hover: var(--color--orange-500);
|
|
--button--border-color--active: var(--color--orange-600);
|
|
}
|
|
.el-message-box__btns .btn--cancel {
|
|
--button--color--background: transparent;
|
|
--button--color--background-hover: var(--lightningcss-light, var(--color--neutral-150))
|
|
var(--lightningcss-dark, var(--color--white-alpha-100));
|
|
--button--color--background-active: var(--lightningcss-light, var(--color--black-alpha-200))
|
|
var(--lightningcss-dark, var(--color--white-alpha-200));
|
|
--button--border-color: var(--lightningcss-light, var(--color--black-alpha-200))
|
|
var(--lightningcss-dark, var(--color--white-alpha-100));
|
|
--button--border-color--hover: var(--lightningcss-light, var(--color--black-alpha-200))
|
|
var(--lightningcss-dark, var(--color--white-alpha-200));
|
|
--button--border-color--active: var(--lightningcss-light, var(--color--black-alpha-300))
|
|
var(--lightningcss-dark, var(--color--white-alpha-300));
|
|
}
|
|
.el-message-box__btns-reverse {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.el-message-box.el-message-box--destructive {
|
|
width: 540px;
|
|
}
|
|
.el-message-box.el-message-box--destructive .el-message-box__title span {
|
|
font-size: var(--font-size--xl);
|
|
font-weight: var(--font-weight--bold);
|
|
line-height: var(--line-height--sm);
|
|
}
|
|
.el-message-box.el-message-box--destructive .el-message-box__btns .btn--confirm {
|
|
--button--color--background: var(--lightningcss-light, var(--color--red-500))
|
|
var(--lightningcss-dark, var(--color--red-600));
|
|
--button--color--background-hover: var(--lightningcss-light, var(--color--red-600))
|
|
var(--lightningcss-dark, var(--color--red-500));
|
|
--button--color--background-active: var(--lightningcss-light, var(--color--red-600))
|
|
var(--lightningcss-dark, var(--color--red-400));
|
|
--button--border-color: var(--lightningcss-light, var(--color--red-500))
|
|
var(--lightningcss-dark, var(--color--red-600));
|
|
--button--border-color--hover: var(--lightningcss-light, var(--color--red-600))
|
|
var(--lightningcss-dark, var(--color--red-500));
|
|
--button--border-color--active: var(--lightningcss-light, var(--color--red-600))
|
|
var(--lightningcss-dark, var(--color--red-400));
|
|
--button--shadow: none;
|
|
--button--shadow--hover: none;
|
|
--button--shadow--active: none;
|
|
}
|
|
.el-message-box--center {
|
|
padding-bottom: 30px;
|
|
}
|
|
.el-message-box--center .el-message-box__header {
|
|
padding-top: 30px;
|
|
}
|
|
.el-message-box--center .el-message-box__title {
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.el-message-box--center .el-message-box__status {
|
|
text-align: center;
|
|
padding-right: 5px;
|
|
position: relative;
|
|
top: auto;
|
|
transform: translateY(-1px);
|
|
}
|
|
.el-message-box--center .el-message-box__message {
|
|
margin-left: 0;
|
|
}
|
|
.el-message-box--center .el-message-box__btns,
|
|
.el-message-box--center .el-message-box__content {
|
|
text-align: center;
|
|
}
|
|
.el-message-box--center .el-message-box__content {
|
|
padding-left: var(--spacing--sm) 12px;
|
|
padding-right: var(--spacing--sm) 12px;
|
|
}
|
|
.msgbox-fade-enter-active {
|
|
--animation--fade-in-down--duration: 0.3s;
|
|
--animation--fade-in-down--translate: 20px;
|
|
-webkit-animation: fadeInDown var(--animation--fade-in-down--duration, var(--duration--snappy))
|
|
var(--animation--fade-in-down--easing, var(--easing--ease-out));
|
|
animation: fadeInDown var(--animation--fade-in-down--duration, var(--duration--snappy))
|
|
var(--animation--fade-in-down--easing, var(--easing--ease-out));
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.msgbox-fade-enter-active {
|
|
animation: none;
|
|
}
|
|
}
|
|
.msgbox-fade-leave-active {
|
|
--animation--fade-out-up--duration: 0.3s;
|
|
--animation--fade-out-up--translate: 20px;
|
|
-webkit-animation: fadeOutUp var(--animation--fade-out-up--duration, var(--duration--snappy))
|
|
var(--animation--fade-out-up--easing, var(--easing--ease-in));
|
|
animation: fadeOutUp var(--animation--fade-out-up--duration, var(--duration--snappy))
|
|
var(--animation--fade-out-up--easing, var(--easing--ease-in));
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.msgbox-fade-leave-active {
|
|
animation: none;
|
|
}
|
|
}
|
|
.el-tabs__header {
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
.el-tabs__active-bar {
|
|
background-color: var(--color--primary);
|
|
z-index: 1;
|
|
height: 2px;
|
|
list-style: none;
|
|
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.el-tabs__new-tab {
|
|
float: right;
|
|
text-align: center;
|
|
color: #d3dce6;
|
|
cursor: pointer;
|
|
border: 1px solid #d3dce6;
|
|
border-radius: 3px;
|
|
width: 18px;
|
|
height: 18px;
|
|
margin: 12px 0 9px 10px;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
transition: all 0.15s;
|
|
}
|
|
.el-tabs__new-tab .el-icon-plus {
|
|
transform: scale(0.8);
|
|
}
|
|
.el-tabs__new-tab:hover {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-tabs__nav-wrap {
|
|
margin-bottom: -1px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.el-tabs__nav-wrap:after {
|
|
content: '';
|
|
background-color: var(--border-color);
|
|
z-index: 1;
|
|
width: 100%;
|
|
height: 2px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.el-tabs__nav-wrap.is-scrollable {
|
|
box-sizing: border-box;
|
|
padding: 0 20px;
|
|
}
|
|
.el-tabs__nav-scroll {
|
|
overflow: hidden;
|
|
}
|
|
.el-tabs__nav-next,
|
|
.el-tabs__nav-prev {
|
|
cursor: pointer;
|
|
color: var(--color--text--tint-1);
|
|
font-size: 12px;
|
|
line-height: 44px;
|
|
position: absolute;
|
|
}
|
|
.el-tabs__nav-next {
|
|
right: 0;
|
|
}
|
|
.el-tabs__nav-prev {
|
|
left: 0;
|
|
}
|
|
.el-tabs__nav {
|
|
white-space: nowrap;
|
|
float: left;
|
|
z-index: 2;
|
|
transition: transform 0.3s;
|
|
position: relative;
|
|
}
|
|
.el-tabs__nav.is-stretch {
|
|
min-width: 100%;
|
|
display: flex;
|
|
}
|
|
.el-tabs__nav.is-stretch > * {
|
|
text-align: center;
|
|
flex: 1;
|
|
}
|
|
.el-tabs__item {
|
|
box-sizing: border-box;
|
|
height: 40px;
|
|
font-size: 14px;
|
|
line-height: 40px;
|
|
font-weight: var(--font-weight--medium);
|
|
color: var(--color--text--shade-1);
|
|
padding: 0 20px;
|
|
list-style: none;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-tabs__item:focus,
|
|
.el-tabs__item:focus:active {
|
|
outline: none;
|
|
}
|
|
.el-tabs__item:focus.is-active.is-focus:not(:active) {
|
|
-webkit-box-shadow: 0 0 2px 2px var(--color--primary) inset;
|
|
box-shadow: 0 0 2px 2px var(--color--primary) inset;
|
|
border-radius: 3px;
|
|
}
|
|
.el-tabs__item .el-icon-close {
|
|
text-align: center;
|
|
border-radius: 50%;
|
|
margin-left: 5px;
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-tabs__item .el-icon-close:before {
|
|
display: inline-block;
|
|
transform: scale(0.9);
|
|
}
|
|
.el-tabs__item .el-icon-close:hover {
|
|
background-color: var(--color--text--tint-2);
|
|
color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-tabs__item.is-active {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-tabs__item:hover {
|
|
color: var(--color--primary);
|
|
cursor: pointer;
|
|
}
|
|
.el-tabs__item.is-disabled {
|
|
color: var(--input--color--disabled, var(--color--text));
|
|
cursor: default;
|
|
}
|
|
.el-tabs__content {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.el-tabs--card > .el-tabs__header {
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap:after {
|
|
content: none;
|
|
}
|
|
.el-tabs--card > .el-tabs__header .el-tabs__nav {
|
|
border: 1px solid var(--border-color);
|
|
box-sizing: border-box;
|
|
border-bottom: none;
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
|
|
display: none;
|
|
}
|
|
.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
|
|
vertical-align: middle;
|
|
transform-origin: 100%;
|
|
width: 0;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
position: relative;
|
|
top: -1px;
|
|
right: -2px;
|
|
overflow: hidden;
|
|
}
|
|
.el-tabs--card > .el-tabs__header .el-tabs__item {
|
|
border-bottom: 1px solid #0000;
|
|
border-left: 1px solid var(--border-color);
|
|
transition:
|
|
color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
|
|
padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
|
|
border-left: none;
|
|
}
|
|
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
|
|
padding-left: 13px;
|
|
padding-right: 13px;
|
|
}
|
|
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
|
|
width: 14px;
|
|
}
|
|
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
|
|
border-bottom-color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
|
|
width: 14px;
|
|
}
|
|
.el-tabs--border-card {
|
|
background: var(--color--foreground--tint-2);
|
|
border: 1px solid var(--border-color);
|
|
box-shadow:
|
|
0 2px 4px #0000001f,
|
|
0 0 6px #0000000a;
|
|
}
|
|
.el-tabs--border-card > .el-tabs__content {
|
|
padding: 15px;
|
|
}
|
|
.el-tabs--border-card > .el-tabs__header {
|
|
background-color: var(--color--background);
|
|
border-bottom: 1px solid var(--border-color);
|
|
margin: 0;
|
|
}
|
|
.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap:after {
|
|
content: none;
|
|
}
|
|
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
|
|
color: var(--color--text--tint-1);
|
|
border: 1px solid #0000;
|
|
margin-top: -1px;
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child,
|
|
.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item {
|
|
margin-left: -1px;
|
|
}
|
|
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
|
|
color: var(--color--primary);
|
|
background-color: var(--color--foreground--tint-2);
|
|
border-right-color: var(--border-color);
|
|
border-left-color: var(--border-color);
|
|
}
|
|
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
|
|
color: var(--input--color--disabled, var(--color--text));
|
|
}
|
|
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.el-tabs--top .el-tabs__item.is-top:nth-child(2),
|
|
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
|
|
.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
|
|
.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) {
|
|
padding-left: 0;
|
|
}
|
|
.el-tabs--top .el-tabs__item.is-top:last-child,
|
|
.el-tabs--top .el-tabs__item.is-bottom:last-child,
|
|
.el-tabs--bottom .el-tabs__item.is-top:last-child,
|
|
.el-tabs--bottom .el-tabs__item.is-bottom:last-child {
|
|
padding-right: 0;
|
|
}
|
|
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2),
|
|
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
|
|
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
|
|
.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
|
|
.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2),
|
|
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
|
|
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
|
|
.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) {
|
|
padding-left: 20px;
|
|
}
|
|
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child,
|
|
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
|
|
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
|
|
.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
|
|
.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child,
|
|
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
|
|
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
|
|
.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
|
|
padding-right: 20px;
|
|
}
|
|
.el-tabs--bottom .el-tabs__header.is-bottom {
|
|
margin-top: 10px;
|
|
margin-bottom: 0;
|
|
}
|
|
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
|
|
border-bottom: 0;
|
|
border-top: 1px solid var(--border-color);
|
|
}
|
|
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
|
|
margin-top: -1px;
|
|
margin-bottom: 0;
|
|
}
|
|
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
|
|
border: 1px solid #0000;
|
|
}
|
|
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
|
|
margin: 0 -1px -1px;
|
|
}
|
|
.el-tabs--left,
|
|
.el-tabs--right {
|
|
overflow: hidden;
|
|
}
|
|
.el-tabs--left .el-tabs__header.is-left,
|
|
.el-tabs--left .el-tabs__header.is-right,
|
|
.el-tabs--left .el-tabs__nav-wrap.is-left,
|
|
.el-tabs--left .el-tabs__nav-wrap.is-right,
|
|
.el-tabs--left .el-tabs__nav-scroll,
|
|
.el-tabs--right .el-tabs__header.is-left,
|
|
.el-tabs--right .el-tabs__header.is-right,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-left,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-right,
|
|
.el-tabs--right .el-tabs__nav-scroll {
|
|
height: 100%;
|
|
}
|
|
.el-tabs--left .el-tabs__active-bar.is-left,
|
|
.el-tabs--left .el-tabs__active-bar.is-right,
|
|
.el-tabs--right .el-tabs__active-bar.is-left,
|
|
.el-tabs--right .el-tabs__active-bar.is-right {
|
|
width: 2px;
|
|
height: auto;
|
|
top: 0;
|
|
bottom: auto;
|
|
}
|
|
.el-tabs--left .el-tabs__nav-wrap.is-left,
|
|
.el-tabs--left .el-tabs__nav-wrap.is-right,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-left,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-right {
|
|
margin-bottom: 0;
|
|
}
|
|
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
|
|
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
|
|
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
|
|
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
width: 100%;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
|
|
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
|
|
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
|
|
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i {
|
|
transform: rotate(90deg);
|
|
}
|
|
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
|
|
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
|
|
top: 0;
|
|
left: auto;
|
|
}
|
|
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
|
|
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
|
|
bottom: 0;
|
|
right: auto;
|
|
}
|
|
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
|
|
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
|
|
padding: 30px 0;
|
|
}
|
|
.el-tabs--left .el-tabs__nav-wrap.is-left:after,
|
|
.el-tabs--left .el-tabs__nav-wrap.is-right:after,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-left:after,
|
|
.el-tabs--right .el-tabs__nav-wrap.is-right:after {
|
|
width: 2px;
|
|
height: 100%;
|
|
top: 0;
|
|
bottom: auto;
|
|
}
|
|
.el-tabs--left .el-tabs__nav.is-left,
|
|
.el-tabs--left .el-tabs__nav.is-right,
|
|
.el-tabs--right .el-tabs__nav.is-left,
|
|
.el-tabs--right .el-tabs__nav.is-right {
|
|
float: none;
|
|
}
|
|
.el-tabs--left .el-tabs__item.is-left,
|
|
.el-tabs--left .el-tabs__item.is-right,
|
|
.el-tabs--right .el-tabs__item.is-left,
|
|
.el-tabs--right .el-tabs__item.is-right {
|
|
display: block;
|
|
}
|
|
.el-tabs--left .el-tabs__header.is-left {
|
|
float: left;
|
|
margin-bottom: 0;
|
|
margin-right: 10px;
|
|
}
|
|
.el-tabs--left .el-tabs__nav-wrap.is-left {
|
|
margin-right: -1px;
|
|
}
|
|
.el-tabs--left .el-tabs__nav-wrap.is-left:after,
|
|
.el-tabs--left .el-tabs__active-bar.is-left {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.el-tabs--left .el-tabs__item.is-left {
|
|
text-align: right;
|
|
}
|
|
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
|
|
display: none;
|
|
}
|
|
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
|
|
border-left: none;
|
|
border-right: 1px solid var(--border-color);
|
|
border-bottom: none;
|
|
border-top: 1px solid var(--border-color);
|
|
text-align: left;
|
|
}
|
|
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
|
|
border-right: 1px solid var(--border-color);
|
|
border-top: none;
|
|
}
|
|
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
|
|
border: 1px solid var(--border-color);
|
|
border-right-color: var(--color--foreground--tint-2);
|
|
border-bottom: none;
|
|
border-left: none;
|
|
}
|
|
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
|
|
border-top: none;
|
|
}
|
|
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.el-tabs--left.el-tabs--card .el-tabs__nav {
|
|
border-bottom: 1px solid var(--border-color);
|
|
border-right: none;
|
|
border-radius: 4px 0 0 4px;
|
|
}
|
|
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
|
|
float: none;
|
|
}
|
|
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
|
|
border-right: 1px solid #dfe4ed;
|
|
}
|
|
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
|
|
border: 1px solid #0000;
|
|
margin: -1px 0 -1px -1px;
|
|
}
|
|
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
|
|
border-color: #d1dbe5 #0000;
|
|
}
|
|
.el-tabs--right .el-tabs__header.is-right {
|
|
float: right;
|
|
margin-bottom: 0;
|
|
margin-left: 10px;
|
|
}
|
|
.el-tabs--right .el-tabs__nav-wrap.is-right {
|
|
margin-left: -1px;
|
|
}
|
|
.el-tabs--right .el-tabs__nav-wrap.is-right:after {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
.el-tabs--right .el-tabs__active-bar.is-right {
|
|
left: 0;
|
|
}
|
|
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
|
|
display: none;
|
|
}
|
|
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
|
|
border-bottom: none;
|
|
border-top: 1px solid var(--border-color);
|
|
}
|
|
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
|
|
border-left: 1px solid var(--border-color);
|
|
border-top: none;
|
|
}
|
|
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
|
|
border: 1px solid var(--border-color);
|
|
border-left-color: var(--color--foreground--tint-2);
|
|
border-bottom: none;
|
|
border-right: none;
|
|
}
|
|
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
|
|
border-top: none;
|
|
}
|
|
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.el-tabs--right.el-tabs--card .el-tabs__nav {
|
|
border-bottom: 1px solid var(--border-color);
|
|
border-left: none;
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
|
|
border-left: 1px solid #dfe4ed;
|
|
}
|
|
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
|
|
border: 1px solid #0000;
|
|
margin: -1px -1px -1px 0;
|
|
}
|
|
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
|
|
border-color: #d1dbe5 #0000;
|
|
}
|
|
.slideInRight-transition,
|
|
.slideInLeft-transition {
|
|
display: inline-block;
|
|
}
|
|
.slideInRight-enter-from {
|
|
animation: 0.3s slideInRight-enter;
|
|
}
|
|
.slideInRight-leave-to {
|
|
animation: 0.3s slideInRight-leave;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.slideInLeft-enter-from {
|
|
animation: 0.3s slideInLeft-enter;
|
|
}
|
|
.slideInLeft-leave-to {
|
|
animation: 0.3s slideInLeft-leave;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
@keyframes slideInRight-enter {
|
|
0% {
|
|
opacity: 0;
|
|
transform-origin: 0 0;
|
|
transform: translate(100%);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform-origin: 0 0;
|
|
transform: translate(0);
|
|
}
|
|
}
|
|
@keyframes slideInRight-leave {
|
|
0% {
|
|
transform-origin: 0 0;
|
|
opacity: 1;
|
|
transform: translate(0);
|
|
}
|
|
to {
|
|
transform-origin: 0 0;
|
|
opacity: 0;
|
|
transform: translate(100%);
|
|
}
|
|
}
|
|
@keyframes slideInLeft-enter {
|
|
0% {
|
|
opacity: 0;
|
|
transform-origin: 0 0;
|
|
transform: translate(-100%);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform-origin: 0 0;
|
|
transform: translate(0);
|
|
}
|
|
}
|
|
@keyframes slideInLeft-leave {
|
|
0% {
|
|
transform-origin: 0 0;
|
|
opacity: 1;
|
|
transform: translate(0);
|
|
}
|
|
to {
|
|
transform-origin: 0 0;
|
|
opacity: 0;
|
|
transform: translate(-100%);
|
|
}
|
|
}
|
|
.el-tree {
|
|
cursor: default;
|
|
background: var(--color--foreground--tint-2);
|
|
color: var(--color--text--shade-1);
|
|
position: relative;
|
|
}
|
|
.el-tree__empty-block {
|
|
text-align: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
min-height: 60px;
|
|
position: relative;
|
|
}
|
|
.el-tree__empty-text {
|
|
color: var(--color--text--tint-1);
|
|
font-size: var(--font-size--sm);
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.el-tree__drop-indicator {
|
|
background-color: var(--color--primary);
|
|
height: 1px;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.el-tree-node {
|
|
white-space: nowrap;
|
|
outline: none;
|
|
}
|
|
.el-tree-node:focus > .el-tree-node__content {
|
|
background-color: var(--color--background);
|
|
}
|
|
.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
|
|
background-color: var(--color--primary);
|
|
color: var(--color--foreground--tint-2);
|
|
}
|
|
.el-tree-node__content {
|
|
cursor: pointer;
|
|
align-items: center;
|
|
height: 26px;
|
|
display: flex;
|
|
}
|
|
.el-tree-node__content > .el-tree-node__expand-icon {
|
|
padding: 6px;
|
|
}
|
|
.el-tree-node__content > label.el-checkbox {
|
|
margin-right: 8px;
|
|
}
|
|
.el-tree-node__content:hover {
|
|
background-color: var(--color--background);
|
|
}
|
|
.el-tree.is-dragging .el-tree-node__content {
|
|
cursor: move;
|
|
}
|
|
.el-tree.is-dragging .el-tree-node__content * {
|
|
pointer-events: none;
|
|
}
|
|
.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-tree-node__expand-icon {
|
|
cursor: pointer;
|
|
color: var(--color--text--tint-2);
|
|
font-size: 12px;
|
|
transition: transform 0.3s ease-in-out;
|
|
transform: rotate(0);
|
|
}
|
|
.el-tree-node__expand-icon.expanded {
|
|
transform: rotate(90deg);
|
|
}
|
|
.el-tree-node__expand-icon.is-leaf {
|
|
color: #0000;
|
|
cursor: default;
|
|
}
|
|
.el-tree-node__label {
|
|
font-size: var(--font-size--sm);
|
|
}
|
|
.el-tree-node__loading-icon {
|
|
font-size: var(--font-size--sm);
|
|
color: var(--color--text--tint-2);
|
|
margin-right: 8px;
|
|
}
|
|
.el-tree-node > .el-tree-node__children {
|
|
background-color: #0000;
|
|
overflow: hidden;
|
|
}
|
|
.el-tree-node.is-expanded > .el-tree-node__children {
|
|
display: block;
|
|
}
|
|
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
|
|
background-color: var(--color--primary--tint-3);
|
|
}
|
|
.el-notification {
|
|
box-sizing: border-box;
|
|
border: 1px solid var(--border-color--light);
|
|
background-color: var(--notification--color--background);
|
|
width: 330px;
|
|
-webkit-box-shadow: var(--shadow--light);
|
|
box-shadow: var(--shadow--light);
|
|
border-radius: 8px;
|
|
padding: 14px 26px 14px 13px;
|
|
transition:
|
|
opacity 0.3s,
|
|
transform 0.3s,
|
|
left 0.3s,
|
|
right 0.3s,
|
|
top 0.4s,
|
|
bottom 0.3s;
|
|
display: flex;
|
|
position: fixed;
|
|
overflow: hidden;
|
|
}
|
|
.el-notification.right {
|
|
right: 16px;
|
|
}
|
|
.el-notification.left {
|
|
left: 16px;
|
|
}
|
|
.el-notification.content-toast {
|
|
position: absolute;
|
|
}
|
|
.el-notification__group {
|
|
margin-left: 13px;
|
|
margin-right: 8px;
|
|
}
|
|
.el-notification__title {
|
|
line-height: normal;
|
|
font-weight: var(--font-weight--bold);
|
|
color: var(--color--text--shade-1);
|
|
margin: 0;
|
|
font-size: 16px;
|
|
}
|
|
.el-notification__title:first-letter {
|
|
text-transform: uppercase;
|
|
}
|
|
.el-notification__content {
|
|
font-size: var(--font-size--sm);
|
|
color: var(--color--text--shade-1);
|
|
text-align: justify;
|
|
margin: 6px 0 0;
|
|
line-height: 1.5;
|
|
}
|
|
.el-notification__content p {
|
|
margin: 0;
|
|
line-height: 1.5;
|
|
}
|
|
.el-notification__icon {
|
|
width: 24px;
|
|
height: 24px;
|
|
font-size: 24px;
|
|
}
|
|
.el-notification__closeBtn {
|
|
cursor: pointer;
|
|
color: var(--color--text--tint-1);
|
|
font-size: 16px;
|
|
position: absolute;
|
|
top: 18px;
|
|
right: 15px;
|
|
}
|
|
.el-notification__closeBtn:hover {
|
|
color: var(--color--text--shade-1);
|
|
}
|
|
.el-notification .el-icon.el-notification--success {
|
|
color: var(--color--success);
|
|
}
|
|
.el-notification .el-icon.el-notification--error {
|
|
color: var(--color--danger);
|
|
}
|
|
.el-notification .el-icon.el-notification--info {
|
|
color: var(--color--info);
|
|
}
|
|
.el-notification .el-icon.el-notification--warning {
|
|
color: var(--color--warning);
|
|
}
|
|
.el-notification-fade-enter-from.right {
|
|
right: 0;
|
|
transform: translate(100%);
|
|
}
|
|
.el-notification-fade-enter-from.left {
|
|
left: 0;
|
|
transform: translate(-100%);
|
|
}
|
|
.el-notification-fade-leave-active {
|
|
opacity: 0;
|
|
}
|
|
.el-loading-parent--relative {
|
|
position: relative !important;
|
|
}
|
|
.el-loading-parent--hidden {
|
|
overflow: hidden !important;
|
|
}
|
|
.el-loading-mask {
|
|
z-index: 2000;
|
|
background-color: #ffffffe6;
|
|
margin: 0;
|
|
transition: opacity 0.3s;
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.el-loading-mask {
|
|
transition: none;
|
|
animation: none;
|
|
}
|
|
}
|
|
.el-loading-mask.is-fullscreen {
|
|
position: fixed;
|
|
}
|
|
.el-loading-mask.is-fullscreen .el-loading-spinner {
|
|
display: block;
|
|
transform: translateY(-50%);
|
|
}
|
|
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
.el-loading-spinner {
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
max-height: 100%;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.el-loading-spinner .el-loading-text {
|
|
color: var(--color--primary);
|
|
margin: 3px 0;
|
|
font-size: 14px;
|
|
}
|
|
.el-loading-spinner .circular {
|
|
--animation--spin--duration: 2s;
|
|
width: 24px;
|
|
height: 24px;
|
|
max-height: 100%;
|
|
-webkit-animation: spin var(--animation--spin--duration, var(--duration--base)) linear infinite;
|
|
animation: spin var(--animation--spin--duration, var(--duration--base)) linear infinite;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.el-loading-spinner .circular {
|
|
animation: none;
|
|
}
|
|
}
|
|
.el-loading-spinner .path {
|
|
animation: 1.5s ease-in-out infinite loading-dash;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.el-loading-spinner .path {
|
|
transition: none;
|
|
animation: none;
|
|
}
|
|
}
|
|
.el-loading-spinner .path {
|
|
stroke-dasharray: 90 150;
|
|
stroke-dashoffset: 0;
|
|
stroke-width: 2px;
|
|
stroke: var(--color--primary);
|
|
stroke-linecap: round;
|
|
}
|
|
.el-loading-spinner i {
|
|
color: var(--color--primary);
|
|
}
|
|
.el-loading-fade-enter-from,
|
|
.el-loading-fade-leave-active {
|
|
opacity: 0;
|
|
}
|
|
@keyframes loading-dash {
|
|
0% {
|
|
stroke-dasharray: 1 200;
|
|
stroke-dashoffset: 0;
|
|
}
|
|
50% {
|
|
stroke-dasharray: 90 150;
|
|
stroke-dashoffset: -40px;
|
|
}
|
|
to {
|
|
stroke-dasharray: 90 150;
|
|
stroke-dashoffset: -120px;
|
|
}
|
|
}
|
|
.el-row {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
.el-row:before,
|
|
.el-row:after {
|
|
content: '';
|
|
display: table;
|
|
}
|
|
.el-row:after {
|
|
clear: both;
|
|
}
|
|
.el-row--flex {
|
|
display: flex;
|
|
}
|
|
.el-row--flex:before,
|
|
.el-row--flex:after {
|
|
display: none;
|
|
}
|
|
.el-row--flex.is-justify-center {
|
|
justify-content: center;
|
|
}
|
|
.el-row--flex.is-justify-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.el-row--flex.is-justify-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
.el-row--flex.is-justify-space-around {
|
|
justify-content: space-around;
|
|
}
|
|
.el-row--flex.is-align-middle {
|
|
align-items: center;
|
|
}
|
|
.el-row--flex.is-align-bottom {
|
|
align-items: flex-end;
|
|
}
|
|
[class*='el-col-'] {
|
|
float: left;
|
|
box-sizing: border-box;
|
|
}
|
|
.el-col-0 {
|
|
width: 0%;
|
|
display: none;
|
|
}
|
|
.el-col-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
.el-col-pull-0 {
|
|
position: relative;
|
|
right: 0%;
|
|
}
|
|
.el-col-push-0 {
|
|
position: relative;
|
|
left: 0%;
|
|
}
|
|
.el-col-1 {
|
|
width: 4.16667%;
|
|
}
|
|
.el-col-offset-1 {
|
|
margin-left: 4.16667%;
|
|
}
|
|
.el-col-pull-1 {
|
|
position: relative;
|
|
right: 4.16667%;
|
|
}
|
|
.el-col-push-1 {
|
|
position: relative;
|
|
left: 4.16667%;
|
|
}
|
|
.el-col-2 {
|
|
width: 8.33333%;
|
|
}
|
|
.el-col-offset-2 {
|
|
margin-left: 8.33333%;
|
|
}
|
|
.el-col-pull-2 {
|
|
position: relative;
|
|
right: 8.33333%;
|
|
}
|
|
.el-col-push-2 {
|
|
position: relative;
|
|
left: 8.33333%;
|
|
}
|
|
.el-col-3 {
|
|
width: 12.5%;
|
|
}
|
|
.el-col-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
.el-col-pull-3 {
|
|
position: relative;
|
|
right: 12.5%;
|
|
}
|
|
.el-col-push-3 {
|
|
position: relative;
|
|
left: 12.5%;
|
|
}
|
|
.el-col-4 {
|
|
width: 16.6667%;
|
|
}
|
|
.el-col-offset-4 {
|
|
margin-left: 16.6667%;
|
|
}
|
|
.el-col-pull-4 {
|
|
position: relative;
|
|
right: 16.6667%;
|
|
}
|
|
.el-col-push-4 {
|
|
position: relative;
|
|
left: 16.6667%;
|
|
}
|
|
.el-col-5 {
|
|
width: 20.8333%;
|
|
}
|
|
.el-col-offset-5 {
|
|
margin-left: 20.8333%;
|
|
}
|
|
.el-col-pull-5 {
|
|
position: relative;
|
|
right: 20.8333%;
|
|
}
|
|
.el-col-push-5 {
|
|
position: relative;
|
|
left: 20.8333%;
|
|
}
|
|
.el-col-6 {
|
|
width: 25%;
|
|
}
|
|
.el-col-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
.el-col-pull-6 {
|
|
position: relative;
|
|
right: 25%;
|
|
}
|
|
.el-col-push-6 {
|
|
position: relative;
|
|
left: 25%;
|
|
}
|
|
.el-col-7 {
|
|
width: 29.1667%;
|
|
}
|
|
.el-col-offset-7 {
|
|
margin-left: 29.1667%;
|
|
}
|
|
.el-col-pull-7 {
|
|
position: relative;
|
|
right: 29.1667%;
|
|
}
|
|
.el-col-push-7 {
|
|
position: relative;
|
|
left: 29.1667%;
|
|
}
|
|
.el-col-8 {
|
|
width: 33.3333%;
|
|
}
|
|
.el-col-offset-8 {
|
|
margin-left: 33.3333%;
|
|
}
|
|
.el-col-pull-8 {
|
|
position: relative;
|
|
right: 33.3333%;
|
|
}
|
|
.el-col-push-8 {
|
|
position: relative;
|
|
left: 33.3333%;
|
|
}
|
|
.el-col-9 {
|
|
width: 37.5%;
|
|
}
|
|
.el-col-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
.el-col-pull-9 {
|
|
position: relative;
|
|
right: 37.5%;
|
|
}
|
|
.el-col-push-9 {
|
|
position: relative;
|
|
left: 37.5%;
|
|
}
|
|
.el-col-10 {
|
|
width: 41.6667%;
|
|
}
|
|
.el-col-offset-10 {
|
|
margin-left: 41.6667%;
|
|
}
|
|
.el-col-pull-10 {
|
|
position: relative;
|
|
right: 41.6667%;
|
|
}
|
|
.el-col-push-10 {
|
|
position: relative;
|
|
left: 41.6667%;
|
|
}
|
|
.el-col-11 {
|
|
width: 45.8333%;
|
|
}
|
|
.el-col-offset-11 {
|
|
margin-left: 45.8333%;
|
|
}
|
|
.el-col-pull-11 {
|
|
position: relative;
|
|
right: 45.8333%;
|
|
}
|
|
.el-col-push-11 {
|
|
position: relative;
|
|
left: 45.8333%;
|
|
}
|
|
.el-col-12 {
|
|
width: 50%;
|
|
}
|
|
.el-col-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
.el-col-pull-12 {
|
|
position: relative;
|
|
right: 50%;
|
|
}
|
|
.el-col-push-12 {
|
|
position: relative;
|
|
left: 50%;
|
|
}
|
|
.el-col-13 {
|
|
width: 54.1667%;
|
|
}
|
|
.el-col-offset-13 {
|
|
margin-left: 54.1667%;
|
|
}
|
|
.el-col-pull-13 {
|
|
position: relative;
|
|
right: 54.1667%;
|
|
}
|
|
.el-col-push-13 {
|
|
position: relative;
|
|
left: 54.1667%;
|
|
}
|
|
.el-col-14 {
|
|
width: 58.3333%;
|
|
}
|
|
.el-col-offset-14 {
|
|
margin-left: 58.3333%;
|
|
}
|
|
.el-col-pull-14 {
|
|
position: relative;
|
|
right: 58.3333%;
|
|
}
|
|
.el-col-push-14 {
|
|
position: relative;
|
|
left: 58.3333%;
|
|
}
|
|
.el-col-15 {
|
|
width: 62.5%;
|
|
}
|
|
.el-col-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
.el-col-pull-15 {
|
|
position: relative;
|
|
right: 62.5%;
|
|
}
|
|
.el-col-push-15 {
|
|
position: relative;
|
|
left: 62.5%;
|
|
}
|
|
.el-col-16 {
|
|
width: 66.6667%;
|
|
}
|
|
.el-col-offset-16 {
|
|
margin-left: 66.6667%;
|
|
}
|
|
.el-col-pull-16 {
|
|
position: relative;
|
|
right: 66.6667%;
|
|
}
|
|
.el-col-push-16 {
|
|
position: relative;
|
|
left: 66.6667%;
|
|
}
|
|
.el-col-17 {
|
|
width: 70.8333%;
|
|
}
|
|
.el-col-offset-17 {
|
|
margin-left: 70.8333%;
|
|
}
|
|
.el-col-pull-17 {
|
|
position: relative;
|
|
right: 70.8333%;
|
|
}
|
|
.el-col-push-17 {
|
|
position: relative;
|
|
left: 70.8333%;
|
|
}
|
|
.el-col-18 {
|
|
width: 75%;
|
|
}
|
|
.el-col-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
.el-col-pull-18 {
|
|
position: relative;
|
|
right: 75%;
|
|
}
|
|
.el-col-push-18 {
|
|
position: relative;
|
|
left: 75%;
|
|
}
|
|
.el-col-19 {
|
|
width: 79.1667%;
|
|
}
|
|
.el-col-offset-19 {
|
|
margin-left: 79.1667%;
|
|
}
|
|
.el-col-pull-19 {
|
|
position: relative;
|
|
right: 79.1667%;
|
|
}
|
|
.el-col-push-19 {
|
|
position: relative;
|
|
left: 79.1667%;
|
|
}
|
|
.el-col-20 {
|
|
width: 83.3333%;
|
|
}
|
|
.el-col-offset-20 {
|
|
margin-left: 83.3333%;
|
|
}
|
|
.el-col-pull-20 {
|
|
position: relative;
|
|
right: 83.3333%;
|
|
}
|
|
.el-col-push-20 {
|
|
position: relative;
|
|
left: 83.3333%;
|
|
}
|
|
.el-col-21 {
|
|
width: 87.5%;
|
|
}
|
|
.el-col-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
.el-col-pull-21 {
|
|
position: relative;
|
|
right: 87.5%;
|
|
}
|
|
.el-col-push-21 {
|
|
position: relative;
|
|
left: 87.5%;
|
|
}
|
|
.el-col-22 {
|
|
width: 91.6667%;
|
|
}
|
|
.el-col-offset-22 {
|
|
margin-left: 91.6667%;
|
|
}
|
|
.el-col-pull-22 {
|
|
position: relative;
|
|
right: 91.6667%;
|
|
}
|
|
.el-col-push-22 {
|
|
position: relative;
|
|
left: 91.6667%;
|
|
}
|
|
.el-col-23 {
|
|
width: 95.8333%;
|
|
}
|
|
.el-col-offset-23 {
|
|
margin-left: 95.8333%;
|
|
}
|
|
.el-col-pull-23 {
|
|
position: relative;
|
|
right: 95.8333%;
|
|
}
|
|
.el-col-push-23 {
|
|
position: relative;
|
|
left: 95.8333%;
|
|
}
|
|
.el-col-24 {
|
|
width: 100%;
|
|
}
|
|
.el-col-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
.el-col-pull-24 {
|
|
position: relative;
|
|
right: 100%;
|
|
}
|
|
.el-col-push-24 {
|
|
position: relative;
|
|
left: 100%;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.el-col-xs-0 {
|
|
width: 0%;
|
|
display: none;
|
|
}
|
|
.el-col-xs-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
.el-col-xs-pull-0 {
|
|
position: relative;
|
|
right: 0%;
|
|
}
|
|
.el-col-xs-push-0 {
|
|
position: relative;
|
|
left: 0%;
|
|
}
|
|
.el-col-xs-1 {
|
|
width: 4.16667%;
|
|
}
|
|
.el-col-xs-offset-1 {
|
|
margin-left: 4.16667%;
|
|
}
|
|
.el-col-xs-pull-1 {
|
|
position: relative;
|
|
right: 4.16667%;
|
|
}
|
|
.el-col-xs-push-1 {
|
|
position: relative;
|
|
left: 4.16667%;
|
|
}
|
|
.el-col-xs-2 {
|
|
width: 8.33333%;
|
|
}
|
|
.el-col-xs-offset-2 {
|
|
margin-left: 8.33333%;
|
|
}
|
|
.el-col-xs-pull-2 {
|
|
position: relative;
|
|
right: 8.33333%;
|
|
}
|
|
.el-col-xs-push-2 {
|
|
position: relative;
|
|
left: 8.33333%;
|
|
}
|
|
.el-col-xs-3 {
|
|
width: 12.5%;
|
|
}
|
|
.el-col-xs-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
.el-col-xs-pull-3 {
|
|
position: relative;
|
|
right: 12.5%;
|
|
}
|
|
.el-col-xs-push-3 {
|
|
position: relative;
|
|
left: 12.5%;
|
|
}
|
|
.el-col-xs-4 {
|
|
width: 16.6667%;
|
|
}
|
|
.el-col-xs-offset-4 {
|
|
margin-left: 16.6667%;
|
|
}
|
|
.el-col-xs-pull-4 {
|
|
position: relative;
|
|
right: 16.6667%;
|
|
}
|
|
.el-col-xs-push-4 {
|
|
position: relative;
|
|
left: 16.6667%;
|
|
}
|
|
.el-col-xs-5 {
|
|
width: 20.8333%;
|
|
}
|
|
.el-col-xs-offset-5 {
|
|
margin-left: 20.8333%;
|
|
}
|
|
.el-col-xs-pull-5 {
|
|
position: relative;
|
|
right: 20.8333%;
|
|
}
|
|
.el-col-xs-push-5 {
|
|
position: relative;
|
|
left: 20.8333%;
|
|
}
|
|
.el-col-xs-6 {
|
|
width: 25%;
|
|
}
|
|
.el-col-xs-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
.el-col-xs-pull-6 {
|
|
position: relative;
|
|
right: 25%;
|
|
}
|
|
.el-col-xs-push-6 {
|
|
position: relative;
|
|
left: 25%;
|
|
}
|
|
.el-col-xs-7 {
|
|
width: 29.1667%;
|
|
}
|
|
.el-col-xs-offset-7 {
|
|
margin-left: 29.1667%;
|
|
}
|
|
.el-col-xs-pull-7 {
|
|
position: relative;
|
|
right: 29.1667%;
|
|
}
|
|
.el-col-xs-push-7 {
|
|
position: relative;
|
|
left: 29.1667%;
|
|
}
|
|
.el-col-xs-8 {
|
|
width: 33.3333%;
|
|
}
|
|
.el-col-xs-offset-8 {
|
|
margin-left: 33.3333%;
|
|
}
|
|
.el-col-xs-pull-8 {
|
|
position: relative;
|
|
right: 33.3333%;
|
|
}
|
|
.el-col-xs-push-8 {
|
|
position: relative;
|
|
left: 33.3333%;
|
|
}
|
|
.el-col-xs-9 {
|
|
width: 37.5%;
|
|
}
|
|
.el-col-xs-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
.el-col-xs-pull-9 {
|
|
position: relative;
|
|
right: 37.5%;
|
|
}
|
|
.el-col-xs-push-9 {
|
|
position: relative;
|
|
left: 37.5%;
|
|
}
|
|
.el-col-xs-10 {
|
|
width: 41.6667%;
|
|
}
|
|
.el-col-xs-offset-10 {
|
|
margin-left: 41.6667%;
|
|
}
|
|
.el-col-xs-pull-10 {
|
|
position: relative;
|
|
right: 41.6667%;
|
|
}
|
|
.el-col-xs-push-10 {
|
|
position: relative;
|
|
left: 41.6667%;
|
|
}
|
|
.el-col-xs-11 {
|
|
width: 45.8333%;
|
|
}
|
|
.el-col-xs-offset-11 {
|
|
margin-left: 45.8333%;
|
|
}
|
|
.el-col-xs-pull-11 {
|
|
position: relative;
|
|
right: 45.8333%;
|
|
}
|
|
.el-col-xs-push-11 {
|
|
position: relative;
|
|
left: 45.8333%;
|
|
}
|
|
.el-col-xs-12 {
|
|
width: 50%;
|
|
}
|
|
.el-col-xs-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
.el-col-xs-pull-12 {
|
|
position: relative;
|
|
right: 50%;
|
|
}
|
|
.el-col-xs-push-12 {
|
|
position: relative;
|
|
left: 50%;
|
|
}
|
|
.el-col-xs-13 {
|
|
width: 54.1667%;
|
|
}
|
|
.el-col-xs-offset-13 {
|
|
margin-left: 54.1667%;
|
|
}
|
|
.el-col-xs-pull-13 {
|
|
position: relative;
|
|
right: 54.1667%;
|
|
}
|
|
.el-col-xs-push-13 {
|
|
position: relative;
|
|
left: 54.1667%;
|
|
}
|
|
.el-col-xs-14 {
|
|
width: 58.3333%;
|
|
}
|
|
.el-col-xs-offset-14 {
|
|
margin-left: 58.3333%;
|
|
}
|
|
.el-col-xs-pull-14 {
|
|
position: relative;
|
|
right: 58.3333%;
|
|
}
|
|
.el-col-xs-push-14 {
|
|
position: relative;
|
|
left: 58.3333%;
|
|
}
|
|
.el-col-xs-15 {
|
|
width: 62.5%;
|
|
}
|
|
.el-col-xs-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
.el-col-xs-pull-15 {
|
|
position: relative;
|
|
right: 62.5%;
|
|
}
|
|
.el-col-xs-push-15 {
|
|
position: relative;
|
|
left: 62.5%;
|
|
}
|
|
.el-col-xs-16 {
|
|
width: 66.6667%;
|
|
}
|
|
.el-col-xs-offset-16 {
|
|
margin-left: 66.6667%;
|
|
}
|
|
.el-col-xs-pull-16 {
|
|
position: relative;
|
|
right: 66.6667%;
|
|
}
|
|
.el-col-xs-push-16 {
|
|
position: relative;
|
|
left: 66.6667%;
|
|
}
|
|
.el-col-xs-17 {
|
|
width: 70.8333%;
|
|
}
|
|
.el-col-xs-offset-17 {
|
|
margin-left: 70.8333%;
|
|
}
|
|
.el-col-xs-pull-17 {
|
|
position: relative;
|
|
right: 70.8333%;
|
|
}
|
|
.el-col-xs-push-17 {
|
|
position: relative;
|
|
left: 70.8333%;
|
|
}
|
|
.el-col-xs-18 {
|
|
width: 75%;
|
|
}
|
|
.el-col-xs-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
.el-col-xs-pull-18 {
|
|
position: relative;
|
|
right: 75%;
|
|
}
|
|
.el-col-xs-push-18 {
|
|
position: relative;
|
|
left: 75%;
|
|
}
|
|
.el-col-xs-19 {
|
|
width: 79.1667%;
|
|
}
|
|
.el-col-xs-offset-19 {
|
|
margin-left: 79.1667%;
|
|
}
|
|
.el-col-xs-pull-19 {
|
|
position: relative;
|
|
right: 79.1667%;
|
|
}
|
|
.el-col-xs-push-19 {
|
|
position: relative;
|
|
left: 79.1667%;
|
|
}
|
|
.el-col-xs-20 {
|
|
width: 83.3333%;
|
|
}
|
|
.el-col-xs-offset-20 {
|
|
margin-left: 83.3333%;
|
|
}
|
|
.el-col-xs-pull-20 {
|
|
position: relative;
|
|
right: 83.3333%;
|
|
}
|
|
.el-col-xs-push-20 {
|
|
position: relative;
|
|
left: 83.3333%;
|
|
}
|
|
.el-col-xs-21 {
|
|
width: 87.5%;
|
|
}
|
|
.el-col-xs-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
.el-col-xs-pull-21 {
|
|
position: relative;
|
|
right: 87.5%;
|
|
}
|
|
.el-col-xs-push-21 {
|
|
position: relative;
|
|
left: 87.5%;
|
|
}
|
|
.el-col-xs-22 {
|
|
width: 91.6667%;
|
|
}
|
|
.el-col-xs-offset-22 {
|
|
margin-left: 91.6667%;
|
|
}
|
|
.el-col-xs-pull-22 {
|
|
position: relative;
|
|
right: 91.6667%;
|
|
}
|
|
.el-col-xs-push-22 {
|
|
position: relative;
|
|
left: 91.6667%;
|
|
}
|
|
.el-col-xs-23 {
|
|
width: 95.8333%;
|
|
}
|
|
.el-col-xs-offset-23 {
|
|
margin-left: 95.8333%;
|
|
}
|
|
.el-col-xs-pull-23 {
|
|
position: relative;
|
|
right: 95.8333%;
|
|
}
|
|
.el-col-xs-push-23 {
|
|
position: relative;
|
|
left: 95.8333%;
|
|
}
|
|
.el-col-xs-24 {
|
|
width: 100%;
|
|
}
|
|
.el-col-xs-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
.el-col-xs-pull-24 {
|
|
position: relative;
|
|
right: 100%;
|
|
}
|
|
.el-col-xs-push-24 {
|
|
position: relative;
|
|
left: 100%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 768px) {
|
|
.el-col-sm-0 {
|
|
width: 0%;
|
|
display: none;
|
|
}
|
|
.el-col-sm-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
.el-col-sm-pull-0 {
|
|
position: relative;
|
|
right: 0%;
|
|
}
|
|
.el-col-sm-push-0 {
|
|
position: relative;
|
|
left: 0%;
|
|
}
|
|
.el-col-sm-1 {
|
|
width: 4.16667%;
|
|
}
|
|
.el-col-sm-offset-1 {
|
|
margin-left: 4.16667%;
|
|
}
|
|
.el-col-sm-pull-1 {
|
|
position: relative;
|
|
right: 4.16667%;
|
|
}
|
|
.el-col-sm-push-1 {
|
|
position: relative;
|
|
left: 4.16667%;
|
|
}
|
|
.el-col-sm-2 {
|
|
width: 8.33333%;
|
|
}
|
|
.el-col-sm-offset-2 {
|
|
margin-left: 8.33333%;
|
|
}
|
|
.el-col-sm-pull-2 {
|
|
position: relative;
|
|
right: 8.33333%;
|
|
}
|
|
.el-col-sm-push-2 {
|
|
position: relative;
|
|
left: 8.33333%;
|
|
}
|
|
.el-col-sm-3 {
|
|
width: 12.5%;
|
|
}
|
|
.el-col-sm-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
.el-col-sm-pull-3 {
|
|
position: relative;
|
|
right: 12.5%;
|
|
}
|
|
.el-col-sm-push-3 {
|
|
position: relative;
|
|
left: 12.5%;
|
|
}
|
|
.el-col-sm-4 {
|
|
width: 16.6667%;
|
|
}
|
|
.el-col-sm-offset-4 {
|
|
margin-left: 16.6667%;
|
|
}
|
|
.el-col-sm-pull-4 {
|
|
position: relative;
|
|
right: 16.6667%;
|
|
}
|
|
.el-col-sm-push-4 {
|
|
position: relative;
|
|
left: 16.6667%;
|
|
}
|
|
.el-col-sm-5 {
|
|
width: 20.8333%;
|
|
}
|
|
.el-col-sm-offset-5 {
|
|
margin-left: 20.8333%;
|
|
}
|
|
.el-col-sm-pull-5 {
|
|
position: relative;
|
|
right: 20.8333%;
|
|
}
|
|
.el-col-sm-push-5 {
|
|
position: relative;
|
|
left: 20.8333%;
|
|
}
|
|
.el-col-sm-6 {
|
|
width: 25%;
|
|
}
|
|
.el-col-sm-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
.el-col-sm-pull-6 {
|
|
position: relative;
|
|
right: 25%;
|
|
}
|
|
.el-col-sm-push-6 {
|
|
position: relative;
|
|
left: 25%;
|
|
}
|
|
.el-col-sm-7 {
|
|
width: 29.1667%;
|
|
}
|
|
.el-col-sm-offset-7 {
|
|
margin-left: 29.1667%;
|
|
}
|
|
.el-col-sm-pull-7 {
|
|
position: relative;
|
|
right: 29.1667%;
|
|
}
|
|
.el-col-sm-push-7 {
|
|
position: relative;
|
|
left: 29.1667%;
|
|
}
|
|
.el-col-sm-8 {
|
|
width: 33.3333%;
|
|
}
|
|
.el-col-sm-offset-8 {
|
|
margin-left: 33.3333%;
|
|
}
|
|
.el-col-sm-pull-8 {
|
|
position: relative;
|
|
right: 33.3333%;
|
|
}
|
|
.el-col-sm-push-8 {
|
|
position: relative;
|
|
left: 33.3333%;
|
|
}
|
|
.el-col-sm-9 {
|
|
width: 37.5%;
|
|
}
|
|
.el-col-sm-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
.el-col-sm-pull-9 {
|
|
position: relative;
|
|
right: 37.5%;
|
|
}
|
|
.el-col-sm-push-9 {
|
|
position: relative;
|
|
left: 37.5%;
|
|
}
|
|
.el-col-sm-10 {
|
|
width: 41.6667%;
|
|
}
|
|
.el-col-sm-offset-10 {
|
|
margin-left: 41.6667%;
|
|
}
|
|
.el-col-sm-pull-10 {
|
|
position: relative;
|
|
right: 41.6667%;
|
|
}
|
|
.el-col-sm-push-10 {
|
|
position: relative;
|
|
left: 41.6667%;
|
|
}
|
|
.el-col-sm-11 {
|
|
width: 45.8333%;
|
|
}
|
|
.el-col-sm-offset-11 {
|
|
margin-left: 45.8333%;
|
|
}
|
|
.el-col-sm-pull-11 {
|
|
position: relative;
|
|
right: 45.8333%;
|
|
}
|
|
.el-col-sm-push-11 {
|
|
position: relative;
|
|
left: 45.8333%;
|
|
}
|
|
.el-col-sm-12 {
|
|
width: 50%;
|
|
}
|
|
.el-col-sm-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
.el-col-sm-pull-12 {
|
|
position: relative;
|
|
right: 50%;
|
|
}
|
|
.el-col-sm-push-12 {
|
|
position: relative;
|
|
left: 50%;
|
|
}
|
|
.el-col-sm-13 {
|
|
width: 54.1667%;
|
|
}
|
|
.el-col-sm-offset-13 {
|
|
margin-left: 54.1667%;
|
|
}
|
|
.el-col-sm-pull-13 {
|
|
position: relative;
|
|
right: 54.1667%;
|
|
}
|
|
.el-col-sm-push-13 {
|
|
position: relative;
|
|
left: 54.1667%;
|
|
}
|
|
.el-col-sm-14 {
|
|
width: 58.3333%;
|
|
}
|
|
.el-col-sm-offset-14 {
|
|
margin-left: 58.3333%;
|
|
}
|
|
.el-col-sm-pull-14 {
|
|
position: relative;
|
|
right: 58.3333%;
|
|
}
|
|
.el-col-sm-push-14 {
|
|
position: relative;
|
|
left: 58.3333%;
|
|
}
|
|
.el-col-sm-15 {
|
|
width: 62.5%;
|
|
}
|
|
.el-col-sm-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
.el-col-sm-pull-15 {
|
|
position: relative;
|
|
right: 62.5%;
|
|
}
|
|
.el-col-sm-push-15 {
|
|
position: relative;
|
|
left: 62.5%;
|
|
}
|
|
.el-col-sm-16 {
|
|
width: 66.6667%;
|
|
}
|
|
.el-col-sm-offset-16 {
|
|
margin-left: 66.6667%;
|
|
}
|
|
.el-col-sm-pull-16 {
|
|
position: relative;
|
|
right: 66.6667%;
|
|
}
|
|
.el-col-sm-push-16 {
|
|
position: relative;
|
|
left: 66.6667%;
|
|
}
|
|
.el-col-sm-17 {
|
|
width: 70.8333%;
|
|
}
|
|
.el-col-sm-offset-17 {
|
|
margin-left: 70.8333%;
|
|
}
|
|
.el-col-sm-pull-17 {
|
|
position: relative;
|
|
right: 70.8333%;
|
|
}
|
|
.el-col-sm-push-17 {
|
|
position: relative;
|
|
left: 70.8333%;
|
|
}
|
|
.el-col-sm-18 {
|
|
width: 75%;
|
|
}
|
|
.el-col-sm-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
.el-col-sm-pull-18 {
|
|
position: relative;
|
|
right: 75%;
|
|
}
|
|
.el-col-sm-push-18 {
|
|
position: relative;
|
|
left: 75%;
|
|
}
|
|
.el-col-sm-19 {
|
|
width: 79.1667%;
|
|
}
|
|
.el-col-sm-offset-19 {
|
|
margin-left: 79.1667%;
|
|
}
|
|
.el-col-sm-pull-19 {
|
|
position: relative;
|
|
right: 79.1667%;
|
|
}
|
|
.el-col-sm-push-19 {
|
|
position: relative;
|
|
left: 79.1667%;
|
|
}
|
|
.el-col-sm-20 {
|
|
width: 83.3333%;
|
|
}
|
|
.el-col-sm-offset-20 {
|
|
margin-left: 83.3333%;
|
|
}
|
|
.el-col-sm-pull-20 {
|
|
position: relative;
|
|
right: 83.3333%;
|
|
}
|
|
.el-col-sm-push-20 {
|
|
position: relative;
|
|
left: 83.3333%;
|
|
}
|
|
.el-col-sm-21 {
|
|
width: 87.5%;
|
|
}
|
|
.el-col-sm-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
.el-col-sm-pull-21 {
|
|
position: relative;
|
|
right: 87.5%;
|
|
}
|
|
.el-col-sm-push-21 {
|
|
position: relative;
|
|
left: 87.5%;
|
|
}
|
|
.el-col-sm-22 {
|
|
width: 91.6667%;
|
|
}
|
|
.el-col-sm-offset-22 {
|
|
margin-left: 91.6667%;
|
|
}
|
|
.el-col-sm-pull-22 {
|
|
position: relative;
|
|
right: 91.6667%;
|
|
}
|
|
.el-col-sm-push-22 {
|
|
position: relative;
|
|
left: 91.6667%;
|
|
}
|
|
.el-col-sm-23 {
|
|
width: 95.8333%;
|
|
}
|
|
.el-col-sm-offset-23 {
|
|
margin-left: 95.8333%;
|
|
}
|
|
.el-col-sm-pull-23 {
|
|
position: relative;
|
|
right: 95.8333%;
|
|
}
|
|
.el-col-sm-push-23 {
|
|
position: relative;
|
|
left: 95.8333%;
|
|
}
|
|
.el-col-sm-24 {
|
|
width: 100%;
|
|
}
|
|
.el-col-sm-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
.el-col-sm-pull-24 {
|
|
position: relative;
|
|
right: 100%;
|
|
}
|
|
.el-col-sm-push-24 {
|
|
position: relative;
|
|
left: 100%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 992px) {
|
|
.el-col-md-0 {
|
|
width: 0%;
|
|
display: none;
|
|
}
|
|
.el-col-md-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
.el-col-md-pull-0 {
|
|
position: relative;
|
|
right: 0%;
|
|
}
|
|
.el-col-md-push-0 {
|
|
position: relative;
|
|
left: 0%;
|
|
}
|
|
.el-col-md-1 {
|
|
width: 4.16667%;
|
|
}
|
|
.el-col-md-offset-1 {
|
|
margin-left: 4.16667%;
|
|
}
|
|
.el-col-md-pull-1 {
|
|
position: relative;
|
|
right: 4.16667%;
|
|
}
|
|
.el-col-md-push-1 {
|
|
position: relative;
|
|
left: 4.16667%;
|
|
}
|
|
.el-col-md-2 {
|
|
width: 8.33333%;
|
|
}
|
|
.el-col-md-offset-2 {
|
|
margin-left: 8.33333%;
|
|
}
|
|
.el-col-md-pull-2 {
|
|
position: relative;
|
|
right: 8.33333%;
|
|
}
|
|
.el-col-md-push-2 {
|
|
position: relative;
|
|
left: 8.33333%;
|
|
}
|
|
.el-col-md-3 {
|
|
width: 12.5%;
|
|
}
|
|
.el-col-md-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
.el-col-md-pull-3 {
|
|
position: relative;
|
|
right: 12.5%;
|
|
}
|
|
.el-col-md-push-3 {
|
|
position: relative;
|
|
left: 12.5%;
|
|
}
|
|
.el-col-md-4 {
|
|
width: 16.6667%;
|
|
}
|
|
.el-col-md-offset-4 {
|
|
margin-left: 16.6667%;
|
|
}
|
|
.el-col-md-pull-4 {
|
|
position: relative;
|
|
right: 16.6667%;
|
|
}
|
|
.el-col-md-push-4 {
|
|
position: relative;
|
|
left: 16.6667%;
|
|
}
|
|
.el-col-md-5 {
|
|
width: 20.8333%;
|
|
}
|
|
.el-col-md-offset-5 {
|
|
margin-left: 20.8333%;
|
|
}
|
|
.el-col-md-pull-5 {
|
|
position: relative;
|
|
right: 20.8333%;
|
|
}
|
|
.el-col-md-push-5 {
|
|
position: relative;
|
|
left: 20.8333%;
|
|
}
|
|
.el-col-md-6 {
|
|
width: 25%;
|
|
}
|
|
.el-col-md-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
.el-col-md-pull-6 {
|
|
position: relative;
|
|
right: 25%;
|
|
}
|
|
.el-col-md-push-6 {
|
|
position: relative;
|
|
left: 25%;
|
|
}
|
|
.el-col-md-7 {
|
|
width: 29.1667%;
|
|
}
|
|
.el-col-md-offset-7 {
|
|
margin-left: 29.1667%;
|
|
}
|
|
.el-col-md-pull-7 {
|
|
position: relative;
|
|
right: 29.1667%;
|
|
}
|
|
.el-col-md-push-7 {
|
|
position: relative;
|
|
left: 29.1667%;
|
|
}
|
|
.el-col-md-8 {
|
|
width: 33.3333%;
|
|
}
|
|
.el-col-md-offset-8 {
|
|
margin-left: 33.3333%;
|
|
}
|
|
.el-col-md-pull-8 {
|
|
position: relative;
|
|
right: 33.3333%;
|
|
}
|
|
.el-col-md-push-8 {
|
|
position: relative;
|
|
left: 33.3333%;
|
|
}
|
|
.el-col-md-9 {
|
|
width: 37.5%;
|
|
}
|
|
.el-col-md-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
.el-col-md-pull-9 {
|
|
position: relative;
|
|
right: 37.5%;
|
|
}
|
|
.el-col-md-push-9 {
|
|
position: relative;
|
|
left: 37.5%;
|
|
}
|
|
.el-col-md-10 {
|
|
width: 41.6667%;
|
|
}
|
|
.el-col-md-offset-10 {
|
|
margin-left: 41.6667%;
|
|
}
|
|
.el-col-md-pull-10 {
|
|
position: relative;
|
|
right: 41.6667%;
|
|
}
|
|
.el-col-md-push-10 {
|
|
position: relative;
|
|
left: 41.6667%;
|
|
}
|
|
.el-col-md-11 {
|
|
width: 45.8333%;
|
|
}
|
|
.el-col-md-offset-11 {
|
|
margin-left: 45.8333%;
|
|
}
|
|
.el-col-md-pull-11 {
|
|
position: relative;
|
|
right: 45.8333%;
|
|
}
|
|
.el-col-md-push-11 {
|
|
position: relative;
|
|
left: 45.8333%;
|
|
}
|
|
.el-col-md-12 {
|
|
width: 50%;
|
|
}
|
|
.el-col-md-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
.el-col-md-pull-12 {
|
|
position: relative;
|
|
right: 50%;
|
|
}
|
|
.el-col-md-push-12 {
|
|
position: relative;
|
|
left: 50%;
|
|
}
|
|
.el-col-md-13 {
|
|
width: 54.1667%;
|
|
}
|
|
.el-col-md-offset-13 {
|
|
margin-left: 54.1667%;
|
|
}
|
|
.el-col-md-pull-13 {
|
|
position: relative;
|
|
right: 54.1667%;
|
|
}
|
|
.el-col-md-push-13 {
|
|
position: relative;
|
|
left: 54.1667%;
|
|
}
|
|
.el-col-md-14 {
|
|
width: 58.3333%;
|
|
}
|
|
.el-col-md-offset-14 {
|
|
margin-left: 58.3333%;
|
|
}
|
|
.el-col-md-pull-14 {
|
|
position: relative;
|
|
right: 58.3333%;
|
|
}
|
|
.el-col-md-push-14 {
|
|
position: relative;
|
|
left: 58.3333%;
|
|
}
|
|
.el-col-md-15 {
|
|
width: 62.5%;
|
|
}
|
|
.el-col-md-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
.el-col-md-pull-15 {
|
|
position: relative;
|
|
right: 62.5%;
|
|
}
|
|
.el-col-md-push-15 {
|
|
position: relative;
|
|
left: 62.5%;
|
|
}
|
|
.el-col-md-16 {
|
|
width: 66.6667%;
|
|
}
|
|
.el-col-md-offset-16 {
|
|
margin-left: 66.6667%;
|
|
}
|
|
.el-col-md-pull-16 {
|
|
position: relative;
|
|
right: 66.6667%;
|
|
}
|
|
.el-col-md-push-16 {
|
|
position: relative;
|
|
left: 66.6667%;
|
|
}
|
|
.el-col-md-17 {
|
|
width: 70.8333%;
|
|
}
|
|
.el-col-md-offset-17 {
|
|
margin-left: 70.8333%;
|
|
}
|
|
.el-col-md-pull-17 {
|
|
position: relative;
|
|
right: 70.8333%;
|
|
}
|
|
.el-col-md-push-17 {
|
|
position: relative;
|
|
left: 70.8333%;
|
|
}
|
|
.el-col-md-18 {
|
|
width: 75%;
|
|
}
|
|
.el-col-md-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
.el-col-md-pull-18 {
|
|
position: relative;
|
|
right: 75%;
|
|
}
|
|
.el-col-md-push-18 {
|
|
position: relative;
|
|
left: 75%;
|
|
}
|
|
.el-col-md-19 {
|
|
width: 79.1667%;
|
|
}
|
|
.el-col-md-offset-19 {
|
|
margin-left: 79.1667%;
|
|
}
|
|
.el-col-md-pull-19 {
|
|
position: relative;
|
|
right: 79.1667%;
|
|
}
|
|
.el-col-md-push-19 {
|
|
position: relative;
|
|
left: 79.1667%;
|
|
}
|
|
.el-col-md-20 {
|
|
width: 83.3333%;
|
|
}
|
|
.el-col-md-offset-20 {
|
|
margin-left: 83.3333%;
|
|
}
|
|
.el-col-md-pull-20 {
|
|
position: relative;
|
|
right: 83.3333%;
|
|
}
|
|
.el-col-md-push-20 {
|
|
position: relative;
|
|
left: 83.3333%;
|
|
}
|
|
.el-col-md-21 {
|
|
width: 87.5%;
|
|
}
|
|
.el-col-md-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
.el-col-md-pull-21 {
|
|
position: relative;
|
|
right: 87.5%;
|
|
}
|
|
.el-col-md-push-21 {
|
|
position: relative;
|
|
left: 87.5%;
|
|
}
|
|
.el-col-md-22 {
|
|
width: 91.6667%;
|
|
}
|
|
.el-col-md-offset-22 {
|
|
margin-left: 91.6667%;
|
|
}
|
|
.el-col-md-pull-22 {
|
|
position: relative;
|
|
right: 91.6667%;
|
|
}
|
|
.el-col-md-push-22 {
|
|
position: relative;
|
|
left: 91.6667%;
|
|
}
|
|
.el-col-md-23 {
|
|
width: 95.8333%;
|
|
}
|
|
.el-col-md-offset-23 {
|
|
margin-left: 95.8333%;
|
|
}
|
|
.el-col-md-pull-23 {
|
|
position: relative;
|
|
right: 95.8333%;
|
|
}
|
|
.el-col-md-push-23 {
|
|
position: relative;
|
|
left: 95.8333%;
|
|
}
|
|
.el-col-md-24 {
|
|
width: 100%;
|
|
}
|
|
.el-col-md-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
.el-col-md-pull-24 {
|
|
position: relative;
|
|
right: 100%;
|
|
}
|
|
.el-col-md-push-24 {
|
|
position: relative;
|
|
left: 100%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1200px) {
|
|
.el-col-lg-0 {
|
|
width: 0%;
|
|
display: none;
|
|
}
|
|
.el-col-lg-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
.el-col-lg-pull-0 {
|
|
position: relative;
|
|
right: 0%;
|
|
}
|
|
.el-col-lg-push-0 {
|
|
position: relative;
|
|
left: 0%;
|
|
}
|
|
.el-col-lg-1 {
|
|
width: 4.16667%;
|
|
}
|
|
.el-col-lg-offset-1 {
|
|
margin-left: 4.16667%;
|
|
}
|
|
.el-col-lg-pull-1 {
|
|
position: relative;
|
|
right: 4.16667%;
|
|
}
|
|
.el-col-lg-push-1 {
|
|
position: relative;
|
|
left: 4.16667%;
|
|
}
|
|
.el-col-lg-2 {
|
|
width: 8.33333%;
|
|
}
|
|
.el-col-lg-offset-2 {
|
|
margin-left: 8.33333%;
|
|
}
|
|
.el-col-lg-pull-2 {
|
|
position: relative;
|
|
right: 8.33333%;
|
|
}
|
|
.el-col-lg-push-2 {
|
|
position: relative;
|
|
left: 8.33333%;
|
|
}
|
|
.el-col-lg-3 {
|
|
width: 12.5%;
|
|
}
|
|
.el-col-lg-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
.el-col-lg-pull-3 {
|
|
position: relative;
|
|
right: 12.5%;
|
|
}
|
|
.el-col-lg-push-3 {
|
|
position: relative;
|
|
left: 12.5%;
|
|
}
|
|
.el-col-lg-4 {
|
|
width: 16.6667%;
|
|
}
|
|
.el-col-lg-offset-4 {
|
|
margin-left: 16.6667%;
|
|
}
|
|
.el-col-lg-pull-4 {
|
|
position: relative;
|
|
right: 16.6667%;
|
|
}
|
|
.el-col-lg-push-4 {
|
|
position: relative;
|
|
left: 16.6667%;
|
|
}
|
|
.el-col-lg-5 {
|
|
width: 20.8333%;
|
|
}
|
|
.el-col-lg-offset-5 {
|
|
margin-left: 20.8333%;
|
|
}
|
|
.el-col-lg-pull-5 {
|
|
position: relative;
|
|
right: 20.8333%;
|
|
}
|
|
.el-col-lg-push-5 {
|
|
position: relative;
|
|
left: 20.8333%;
|
|
}
|
|
.el-col-lg-6 {
|
|
width: 25%;
|
|
}
|
|
.el-col-lg-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
.el-col-lg-pull-6 {
|
|
position: relative;
|
|
right: 25%;
|
|
}
|
|
.el-col-lg-push-6 {
|
|
position: relative;
|
|
left: 25%;
|
|
}
|
|
.el-col-lg-7 {
|
|
width: 29.1667%;
|
|
}
|
|
.el-col-lg-offset-7 {
|
|
margin-left: 29.1667%;
|
|
}
|
|
.el-col-lg-pull-7 {
|
|
position: relative;
|
|
right: 29.1667%;
|
|
}
|
|
.el-col-lg-push-7 {
|
|
position: relative;
|
|
left: 29.1667%;
|
|
}
|
|
.el-col-lg-8 {
|
|
width: 33.3333%;
|
|
}
|
|
.el-col-lg-offset-8 {
|
|
margin-left: 33.3333%;
|
|
}
|
|
.el-col-lg-pull-8 {
|
|
position: relative;
|
|
right: 33.3333%;
|
|
}
|
|
.el-col-lg-push-8 {
|
|
position: relative;
|
|
left: 33.3333%;
|
|
}
|
|
.el-col-lg-9 {
|
|
width: 37.5%;
|
|
}
|
|
.el-col-lg-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
.el-col-lg-pull-9 {
|
|
position: relative;
|
|
right: 37.5%;
|
|
}
|
|
.el-col-lg-push-9 {
|
|
position: relative;
|
|
left: 37.5%;
|
|
}
|
|
.el-col-lg-10 {
|
|
width: 41.6667%;
|
|
}
|
|
.el-col-lg-offset-10 {
|
|
margin-left: 41.6667%;
|
|
}
|
|
.el-col-lg-pull-10 {
|
|
position: relative;
|
|
right: 41.6667%;
|
|
}
|
|
.el-col-lg-push-10 {
|
|
position: relative;
|
|
left: 41.6667%;
|
|
}
|
|
.el-col-lg-11 {
|
|
width: 45.8333%;
|
|
}
|
|
.el-col-lg-offset-11 {
|
|
margin-left: 45.8333%;
|
|
}
|
|
.el-col-lg-pull-11 {
|
|
position: relative;
|
|
right: 45.8333%;
|
|
}
|
|
.el-col-lg-push-11 {
|
|
position: relative;
|
|
left: 45.8333%;
|
|
}
|
|
.el-col-lg-12 {
|
|
width: 50%;
|
|
}
|
|
.el-col-lg-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
.el-col-lg-pull-12 {
|
|
position: relative;
|
|
right: 50%;
|
|
}
|
|
.el-col-lg-push-12 {
|
|
position: relative;
|
|
left: 50%;
|
|
}
|
|
.el-col-lg-13 {
|
|
width: 54.1667%;
|
|
}
|
|
.el-col-lg-offset-13 {
|
|
margin-left: 54.1667%;
|
|
}
|
|
.el-col-lg-pull-13 {
|
|
position: relative;
|
|
right: 54.1667%;
|
|
}
|
|
.el-col-lg-push-13 {
|
|
position: relative;
|
|
left: 54.1667%;
|
|
}
|
|
.el-col-lg-14 {
|
|
width: 58.3333%;
|
|
}
|
|
.el-col-lg-offset-14 {
|
|
margin-left: 58.3333%;
|
|
}
|
|
.el-col-lg-pull-14 {
|
|
position: relative;
|
|
right: 58.3333%;
|
|
}
|
|
.el-col-lg-push-14 {
|
|
position: relative;
|
|
left: 58.3333%;
|
|
}
|
|
.el-col-lg-15 {
|
|
width: 62.5%;
|
|
}
|
|
.el-col-lg-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
.el-col-lg-pull-15 {
|
|
position: relative;
|
|
right: 62.5%;
|
|
}
|
|
.el-col-lg-push-15 {
|
|
position: relative;
|
|
left: 62.5%;
|
|
}
|
|
.el-col-lg-16 {
|
|
width: 66.6667%;
|
|
}
|
|
.el-col-lg-offset-16 {
|
|
margin-left: 66.6667%;
|
|
}
|
|
.el-col-lg-pull-16 {
|
|
position: relative;
|
|
right: 66.6667%;
|
|
}
|
|
.el-col-lg-push-16 {
|
|
position: relative;
|
|
left: 66.6667%;
|
|
}
|
|
.el-col-lg-17 {
|
|
width: 70.8333%;
|
|
}
|
|
.el-col-lg-offset-17 {
|
|
margin-left: 70.8333%;
|
|
}
|
|
.el-col-lg-pull-17 {
|
|
position: relative;
|
|
right: 70.8333%;
|
|
}
|
|
.el-col-lg-push-17 {
|
|
position: relative;
|
|
left: 70.8333%;
|
|
}
|
|
.el-col-lg-18 {
|
|
width: 75%;
|
|
}
|
|
.el-col-lg-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
.el-col-lg-pull-18 {
|
|
position: relative;
|
|
right: 75%;
|
|
}
|
|
.el-col-lg-push-18 {
|
|
position: relative;
|
|
left: 75%;
|
|
}
|
|
.el-col-lg-19 {
|
|
width: 79.1667%;
|
|
}
|
|
.el-col-lg-offset-19 {
|
|
margin-left: 79.1667%;
|
|
}
|
|
.el-col-lg-pull-19 {
|
|
position: relative;
|
|
right: 79.1667%;
|
|
}
|
|
.el-col-lg-push-19 {
|
|
position: relative;
|
|
left: 79.1667%;
|
|
}
|
|
.el-col-lg-20 {
|
|
width: 83.3333%;
|
|
}
|
|
.el-col-lg-offset-20 {
|
|
margin-left: 83.3333%;
|
|
}
|
|
.el-col-lg-pull-20 {
|
|
position: relative;
|
|
right: 83.3333%;
|
|
}
|
|
.el-col-lg-push-20 {
|
|
position: relative;
|
|
left: 83.3333%;
|
|
}
|
|
.el-col-lg-21 {
|
|
width: 87.5%;
|
|
}
|
|
.el-col-lg-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
.el-col-lg-pull-21 {
|
|
position: relative;
|
|
right: 87.5%;
|
|
}
|
|
.el-col-lg-push-21 {
|
|
position: relative;
|
|
left: 87.5%;
|
|
}
|
|
.el-col-lg-22 {
|
|
width: 91.6667%;
|
|
}
|
|
.el-col-lg-offset-22 {
|
|
margin-left: 91.6667%;
|
|
}
|
|
.el-col-lg-pull-22 {
|
|
position: relative;
|
|
right: 91.6667%;
|
|
}
|
|
.el-col-lg-push-22 {
|
|
position: relative;
|
|
left: 91.6667%;
|
|
}
|
|
.el-col-lg-23 {
|
|
width: 95.8333%;
|
|
}
|
|
.el-col-lg-offset-23 {
|
|
margin-left: 95.8333%;
|
|
}
|
|
.el-col-lg-pull-23 {
|
|
position: relative;
|
|
right: 95.8333%;
|
|
}
|
|
.el-col-lg-push-23 {
|
|
position: relative;
|
|
left: 95.8333%;
|
|
}
|
|
.el-col-lg-24 {
|
|
width: 100%;
|
|
}
|
|
.el-col-lg-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
.el-col-lg-pull-24 {
|
|
position: relative;
|
|
right: 100%;
|
|
}
|
|
.el-col-lg-push-24 {
|
|
position: relative;
|
|
left: 100%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1920px) {
|
|
.el-col-xl-0 {
|
|
width: 0%;
|
|
display: none;
|
|
}
|
|
.el-col-xl-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
.el-col-xl-pull-0 {
|
|
position: relative;
|
|
right: 0%;
|
|
}
|
|
.el-col-xl-push-0 {
|
|
position: relative;
|
|
left: 0%;
|
|
}
|
|
.el-col-xl-1 {
|
|
width: 4.16667%;
|
|
}
|
|
.el-col-xl-offset-1 {
|
|
margin-left: 4.16667%;
|
|
}
|
|
.el-col-xl-pull-1 {
|
|
position: relative;
|
|
right: 4.16667%;
|
|
}
|
|
.el-col-xl-push-1 {
|
|
position: relative;
|
|
left: 4.16667%;
|
|
}
|
|
.el-col-xl-2 {
|
|
width: 8.33333%;
|
|
}
|
|
.el-col-xl-offset-2 {
|
|
margin-left: 8.33333%;
|
|
}
|
|
.el-col-xl-pull-2 {
|
|
position: relative;
|
|
right: 8.33333%;
|
|
}
|
|
.el-col-xl-push-2 {
|
|
position: relative;
|
|
left: 8.33333%;
|
|
}
|
|
.el-col-xl-3 {
|
|
width: 12.5%;
|
|
}
|
|
.el-col-xl-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
.el-col-xl-pull-3 {
|
|
position: relative;
|
|
right: 12.5%;
|
|
}
|
|
.el-col-xl-push-3 {
|
|
position: relative;
|
|
left: 12.5%;
|
|
}
|
|
.el-col-xl-4 {
|
|
width: 16.6667%;
|
|
}
|
|
.el-col-xl-offset-4 {
|
|
margin-left: 16.6667%;
|
|
}
|
|
.el-col-xl-pull-4 {
|
|
position: relative;
|
|
right: 16.6667%;
|
|
}
|
|
.el-col-xl-push-4 {
|
|
position: relative;
|
|
left: 16.6667%;
|
|
}
|
|
.el-col-xl-5 {
|
|
width: 20.8333%;
|
|
}
|
|
.el-col-xl-offset-5 {
|
|
margin-left: 20.8333%;
|
|
}
|
|
.el-col-xl-pull-5 {
|
|
position: relative;
|
|
right: 20.8333%;
|
|
}
|
|
.el-col-xl-push-5 {
|
|
position: relative;
|
|
left: 20.8333%;
|
|
}
|
|
.el-col-xl-6 {
|
|
width: 25%;
|
|
}
|
|
.el-col-xl-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
.el-col-xl-pull-6 {
|
|
position: relative;
|
|
right: 25%;
|
|
}
|
|
.el-col-xl-push-6 {
|
|
position: relative;
|
|
left: 25%;
|
|
}
|
|
.el-col-xl-7 {
|
|
width: 29.1667%;
|
|
}
|
|
.el-col-xl-offset-7 {
|
|
margin-left: 29.1667%;
|
|
}
|
|
.el-col-xl-pull-7 {
|
|
position: relative;
|
|
right: 29.1667%;
|
|
}
|
|
.el-col-xl-push-7 {
|
|
position: relative;
|
|
left: 29.1667%;
|
|
}
|
|
.el-col-xl-8 {
|
|
width: 33.3333%;
|
|
}
|
|
.el-col-xl-offset-8 {
|
|
margin-left: 33.3333%;
|
|
}
|
|
.el-col-xl-pull-8 {
|
|
position: relative;
|
|
right: 33.3333%;
|
|
}
|
|
.el-col-xl-push-8 {
|
|
position: relative;
|
|
left: 33.3333%;
|
|
}
|
|
.el-col-xl-9 {
|
|
width: 37.5%;
|
|
}
|
|
.el-col-xl-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
.el-col-xl-pull-9 {
|
|
position: relative;
|
|
right: 37.5%;
|
|
}
|
|
.el-col-xl-push-9 {
|
|
position: relative;
|
|
left: 37.5%;
|
|
}
|
|
.el-col-xl-10 {
|
|
width: 41.6667%;
|
|
}
|
|
.el-col-xl-offset-10 {
|
|
margin-left: 41.6667%;
|
|
}
|
|
.el-col-xl-pull-10 {
|
|
position: relative;
|
|
right: 41.6667%;
|
|
}
|
|
.el-col-xl-push-10 {
|
|
position: relative;
|
|
left: 41.6667%;
|
|
}
|
|
.el-col-xl-11 {
|
|
width: 45.8333%;
|
|
}
|
|
.el-col-xl-offset-11 {
|
|
margin-left: 45.8333%;
|
|
}
|
|
.el-col-xl-pull-11 {
|
|
position: relative;
|
|
right: 45.8333%;
|
|
}
|
|
.el-col-xl-push-11 {
|
|
position: relative;
|
|
left: 45.8333%;
|
|
}
|
|
.el-col-xl-12 {
|
|
width: 50%;
|
|
}
|
|
.el-col-xl-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
.el-col-xl-pull-12 {
|
|
position: relative;
|
|
right: 50%;
|
|
}
|
|
.el-col-xl-push-12 {
|
|
position: relative;
|
|
left: 50%;
|
|
}
|
|
.el-col-xl-13 {
|
|
width: 54.1667%;
|
|
}
|
|
.el-col-xl-offset-13 {
|
|
margin-left: 54.1667%;
|
|
}
|
|
.el-col-xl-pull-13 {
|
|
position: relative;
|
|
right: 54.1667%;
|
|
}
|
|
.el-col-xl-push-13 {
|
|
position: relative;
|
|
left: 54.1667%;
|
|
}
|
|
.el-col-xl-14 {
|
|
width: 58.3333%;
|
|
}
|
|
.el-col-xl-offset-14 {
|
|
margin-left: 58.3333%;
|
|
}
|
|
.el-col-xl-pull-14 {
|
|
position: relative;
|
|
right: 58.3333%;
|
|
}
|
|
.el-col-xl-push-14 {
|
|
position: relative;
|
|
left: 58.3333%;
|
|
}
|
|
.el-col-xl-15 {
|
|
width: 62.5%;
|
|
}
|
|
.el-col-xl-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
.el-col-xl-pull-15 {
|
|
position: relative;
|
|
right: 62.5%;
|
|
}
|
|
.el-col-xl-push-15 {
|
|
position: relative;
|
|
left: 62.5%;
|
|
}
|
|
.el-col-xl-16 {
|
|
width: 66.6667%;
|
|
}
|
|
.el-col-xl-offset-16 {
|
|
margin-left: 66.6667%;
|
|
}
|
|
.el-col-xl-pull-16 {
|
|
position: relative;
|
|
right: 66.6667%;
|
|
}
|
|
.el-col-xl-push-16 {
|
|
position: relative;
|
|
left: 66.6667%;
|
|
}
|
|
.el-col-xl-17 {
|
|
width: 70.8333%;
|
|
}
|
|
.el-col-xl-offset-17 {
|
|
margin-left: 70.8333%;
|
|
}
|
|
.el-col-xl-pull-17 {
|
|
position: relative;
|
|
right: 70.8333%;
|
|
}
|
|
.el-col-xl-push-17 {
|
|
position: relative;
|
|
left: 70.8333%;
|
|
}
|
|
.el-col-xl-18 {
|
|
width: 75%;
|
|
}
|
|
.el-col-xl-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
.el-col-xl-pull-18 {
|
|
position: relative;
|
|
right: 75%;
|
|
}
|
|
.el-col-xl-push-18 {
|
|
position: relative;
|
|
left: 75%;
|
|
}
|
|
.el-col-xl-19 {
|
|
width: 79.1667%;
|
|
}
|
|
.el-col-xl-offset-19 {
|
|
margin-left: 79.1667%;
|
|
}
|
|
.el-col-xl-pull-19 {
|
|
position: relative;
|
|
right: 79.1667%;
|
|
}
|
|
.el-col-xl-push-19 {
|
|
position: relative;
|
|
left: 79.1667%;
|
|
}
|
|
.el-col-xl-20 {
|
|
width: 83.3333%;
|
|
}
|
|
.el-col-xl-offset-20 {
|
|
margin-left: 83.3333%;
|
|
}
|
|
.el-col-xl-pull-20 {
|
|
position: relative;
|
|
right: 83.3333%;
|
|
}
|
|
.el-col-xl-push-20 {
|
|
position: relative;
|
|
left: 83.3333%;
|
|
}
|
|
.el-col-xl-21 {
|
|
width: 87.5%;
|
|
}
|
|
.el-col-xl-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
.el-col-xl-pull-21 {
|
|
position: relative;
|
|
right: 87.5%;
|
|
}
|
|
.el-col-xl-push-21 {
|
|
position: relative;
|
|
left: 87.5%;
|
|
}
|
|
.el-col-xl-22 {
|
|
width: 91.6667%;
|
|
}
|
|
.el-col-xl-offset-22 {
|
|
margin-left: 91.6667%;
|
|
}
|
|
.el-col-xl-pull-22 {
|
|
position: relative;
|
|
right: 91.6667%;
|
|
}
|
|
.el-col-xl-push-22 {
|
|
position: relative;
|
|
left: 91.6667%;
|
|
}
|
|
.el-col-xl-23 {
|
|
width: 95.8333%;
|
|
}
|
|
.el-col-xl-offset-23 {
|
|
margin-left: 95.8333%;
|
|
}
|
|
.el-col-xl-pull-23 {
|
|
position: relative;
|
|
right: 95.8333%;
|
|
}
|
|
.el-col-xl-push-23 {
|
|
position: relative;
|
|
left: 95.8333%;
|
|
}
|
|
.el-col-xl-24 {
|
|
width: 100%;
|
|
}
|
|
.el-col-xl-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
.el-col-xl-pull-24 {
|
|
position: relative;
|
|
right: 100%;
|
|
}
|
|
.el-col-xl-push-24 {
|
|
position: relative;
|
|
left: 100%;
|
|
}
|
|
}
|
|
.el-color-predefine {
|
|
width: 280px;
|
|
margin-top: 8px;
|
|
font-size: 12px;
|
|
display: flex;
|
|
}
|
|
.el-color-predefine__colors {
|
|
flex-wrap: wrap;
|
|
flex: 1;
|
|
display: flex;
|
|
}
|
|
.el-color-predefine__color-selector {
|
|
cursor: pointer;
|
|
border-radius: 4px;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 0 0 8px 8px;
|
|
}
|
|
.el-color-predefine__color-selector:nth-child(10n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.el-color-predefine__color-selector.selected {
|
|
-webkit-box-shadow: 0 0 3px 2px var(--color--primary);
|
|
box-shadow: 0 0 3px 2px var(--color--primary);
|
|
}
|
|
.el-color-predefine__color-selector > div {
|
|
border-radius: 3px;
|
|
height: 100%;
|
|
display: flex;
|
|
}
|
|
.el-color-predefine__color-selector.is-alpha {
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
|
|
}
|
|
.el-color-hue-slider {
|
|
box-sizing: border-box;
|
|
background-color: red;
|
|
width: 280px;
|
|
height: 12px;
|
|
padding: 0 2px;
|
|
position: relative;
|
|
}
|
|
.el-color-hue-slider__bar {
|
|
background: linear-gradient(
|
|
90deg,
|
|
red 0%,
|
|
#ff0 17%,
|
|
#0f0 33%,
|
|
#0ff 50%,
|
|
#00f 67%,
|
|
#f0f 83%,
|
|
red 100%
|
|
);
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
.el-color-hue-slider__thumb {
|
|
cursor: pointer;
|
|
box-sizing: border-box;
|
|
z-index: 1;
|
|
background: #fff;
|
|
border: 1px solid #f0f0f0;
|
|
border-radius: 1px;
|
|
width: 4px;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
box-shadow: 0 0 2px #0009;
|
|
}
|
|
.el-color-hue-slider.is-vertical {
|
|
width: 12px;
|
|
height: 180px;
|
|
padding: 2px 0;
|
|
}
|
|
.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
|
|
background: linear-gradient(red 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
|
|
}
|
|
.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
|
|
width: 100%;
|
|
height: 4px;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.el-color-svpanel {
|
|
width: 280px;
|
|
height: 180px;
|
|
position: relative;
|
|
}
|
|
.el-color-svpanel__white,
|
|
.el-color-svpanel__black {
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.el-color-svpanel__white {
|
|
background: linear-gradient(90deg, #fff, #fff0);
|
|
}
|
|
.el-color-svpanel__black {
|
|
background: linear-gradient(#0000, #000);
|
|
}
|
|
.el-color-svpanel__cursor {
|
|
position: absolute;
|
|
}
|
|
.el-color-svpanel__cursor > div {
|
|
cursor: head;
|
|
border-radius: 50%;
|
|
width: 4px;
|
|
height: 4px;
|
|
transform: translate(-2px, -2px);
|
|
box-shadow:
|
|
0 0 0 1.5px #fff,
|
|
inset 0 0 1px 1px #0000004d,
|
|
0 0 1px 2px #0006;
|
|
}
|
|
.el-color-alpha-slider {
|
|
box-sizing: border-box;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
|
|
width: 280px;
|
|
height: 12px;
|
|
position: relative;
|
|
}
|
|
.el-color-alpha-slider__bar {
|
|
background: linear-gradient(90deg, #fff0 0%, #fff 100%);
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
.el-color-alpha-slider__thumb {
|
|
cursor: pointer;
|
|
box-sizing: border-box;
|
|
z-index: 1;
|
|
background: #fff;
|
|
border: 1px solid #f0f0f0;
|
|
border-radius: 1px;
|
|
width: 4px;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
box-shadow: 0 0 2px #0009;
|
|
}
|
|
.el-color-alpha-slider.is-vertical {
|
|
width: 20px;
|
|
height: 180px;
|
|
}
|
|
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
|
|
background: linear-gradient(#fff0 0%, #fff 100%);
|
|
}
|
|
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
|
|
width: 100%;
|
|
height: 4px;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.el-color-dropdown {
|
|
width: 300px;
|
|
}
|
|
.el-color-dropdown__main-wrapper {
|
|
flex-direction: row-reverse;
|
|
justify-content: space-between;
|
|
margin-bottom: 6px;
|
|
display: flex;
|
|
}
|
|
.el-color-dropdown__btns {
|
|
text-align: right;
|
|
margin-top: 6px;
|
|
}
|
|
.el-color-dropdown__value {
|
|
float: left;
|
|
color: var(--color--foreground--shade-1);
|
|
width: 160px;
|
|
font-size: 12px;
|
|
line-height: 26px;
|
|
}
|
|
.el-color-dropdown__btn.is-round {
|
|
padding: var(--spacing--3xs) var(--spacing--xs);
|
|
}
|
|
.el-color-dropdown__btn {
|
|
padding: var(--spacing--3xs) var(--spacing--xs);
|
|
font-size: var(--font-size--2xs);
|
|
color: var(--button--color--text, var(--button--color--text--primary));
|
|
background-color: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
var(--color--primary--l)
|
|
);
|
|
border-color: hsl(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l));
|
|
}
|
|
.el-color-dropdown__btn:active {
|
|
background: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
calc(var(--color--primary--l) + -10%)
|
|
);
|
|
border-color: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
calc(var(--color--primary--l) + -10%)
|
|
);
|
|
color: var(--button--color--text, var(--button--color--text--primary));
|
|
outline: none;
|
|
}
|
|
.el-color-dropdown__btn.is-active {
|
|
background: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
calc(var(--color--primary--l) + -10%)
|
|
);
|
|
border-color: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
calc(var(--color--primary--l) + -10%)
|
|
);
|
|
color: var(--button--color--text, var(--button--color--text--primary));
|
|
}
|
|
.el-color-dropdown__btn.is-light {
|
|
color: hsl(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l));
|
|
background-color: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
var(--color--primary--tint-2-l)
|
|
);
|
|
border-color: hsl(
|
|
var(--color--primary--h),
|
|
var(--color--primary--s),
|
|
var(--color--primary--tint-2-l)
|
|
);
|
|
}
|
|
.el-color-dropdown__btn.is-disabled,
|
|
.el-color-dropdown__btn.is-disabled:hover,
|
|
.el-color-dropdown__btn.is-disabled:focus,
|
|
.el-color-dropdown__btn.is-disabled:active {
|
|
color: var(--color--text--tint-1);
|
|
background-color: var(--color--foreground);
|
|
border-color: var(--color--foreground);
|
|
}
|
|
.el-color-dropdown__link-btn.is-round {
|
|
padding: var(--spacing--3xs) var(--spacing--xs);
|
|
}
|
|
.el-color-dropdown__link-btn {
|
|
padding: var(--spacing--3xs) var(--spacing--xs);
|
|
font-size: var(--font-size--2xs);
|
|
margin-right: var(--spacing--2xs);
|
|
}
|
|
.el-color-picker {
|
|
height: 40px;
|
|
line-height: normal;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-color-picker.is-disabled .el-color-picker__trigger {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-color-picker--medium {
|
|
height: 36px;
|
|
}
|
|
.el-color-picker--medium .el-color-picker__trigger {
|
|
width: 36px;
|
|
height: 36px;
|
|
}
|
|
.el-color-picker--medium .el-color-picker__mask {
|
|
width: 34px;
|
|
height: 34px;
|
|
}
|
|
.el-color-picker--small {
|
|
height: 32px;
|
|
}
|
|
.el-color-picker--small .el-color-picker__trigger {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.el-color-picker--small .el-color-picker__mask {
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
.el-color-picker--small .el-color-picker__icon,
|
|
.el-color-picker--small .el-color-picker__empty {
|
|
transform: translate(-50%, -50%) scale(0.8);
|
|
}
|
|
.el-color-picker--mini {
|
|
height: 28px;
|
|
}
|
|
.el-color-picker--mini .el-color-picker__trigger {
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
.el-color-picker--mini .el-color-picker__mask {
|
|
width: 26px;
|
|
height: 26px;
|
|
}
|
|
.el-color-picker--mini .el-color-picker__icon,
|
|
.el-color-picker--mini .el-color-picker__empty {
|
|
transform: translate(-50%, -50%) scale(0.8);
|
|
}
|
|
.el-color-picker__mask {
|
|
z-index: 1;
|
|
cursor: not-allowed;
|
|
background-color: #ffffffb3;
|
|
border-radius: 4px;
|
|
width: 38px;
|
|
height: 38px;
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 1px;
|
|
}
|
|
.el-color-picker__trigger {
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
border: 1px solid #e6e6e6;
|
|
border-radius: 4px;
|
|
width: 40px;
|
|
height: 40px;
|
|
padding: 4px;
|
|
font-size: 0;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-color-picker__color {
|
|
box-sizing: border-box;
|
|
border-radius: var(--radius--sm);
|
|
text-align: center;
|
|
border: 1px solid #999;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
.el-color-picker__color.is-alpha {
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
|
|
}
|
|
.el-color-picker__color-inner {
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.el-color-picker__empty {
|
|
color: #999;
|
|
font-size: 12px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.el-color-picker__icon {
|
|
width: 100%;
|
|
color: var(--color--foreground--tint-2);
|
|
text-align: center;
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.el-color-picker__panel {
|
|
z-index: 10;
|
|
box-sizing: content-box;
|
|
background-color: var(--color--foreground--tint-2);
|
|
border: 1px solid var(--border-color--light);
|
|
border-radius: var(--radius);
|
|
-webkit-box-shadow: var(--shadow--light);
|
|
box-shadow: var(--shadow--light);
|
|
padding: 6px;
|
|
position: absolute;
|
|
}
|
|
.el-drawer {
|
|
box-sizing: border-box;
|
|
background-color: var(--dialog--color--background);
|
|
flex-direction: column;
|
|
transition: all 0.3s;
|
|
display: flex;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
box-shadow: 0 6px 16px #441c170f;
|
|
}
|
|
.el-drawer .rtl,
|
|
.el-drawer .ltr,
|
|
.el-drawer .ttb,
|
|
.el-drawer .btt {
|
|
transform: translate(0);
|
|
}
|
|
.el-drawer__sr-focus:focus {
|
|
outline: none !important;
|
|
}
|
|
.el-drawer__header {
|
|
color: #72767b;
|
|
padding: var(--spacing--lg);
|
|
align-items: center;
|
|
margin-bottom: 32px;
|
|
padding-bottom: 0;
|
|
display: flex;
|
|
}
|
|
.el-drawer__header > :first-child {
|
|
flex: 1;
|
|
}
|
|
.el-drawer__title {
|
|
line-height: inherit;
|
|
flex: 1;
|
|
margin: 0;
|
|
font-size: 1rem;
|
|
}
|
|
.el-drawer__footer {
|
|
padding: var(--spacing--lg);
|
|
text-align: right;
|
|
padding-top: 10px;
|
|
}
|
|
.el-drawer__close-btn {
|
|
cursor: pointer;
|
|
font-size: getCssVar('font-size-extra-large');
|
|
color: inherit;
|
|
background-color: #0000;
|
|
border: none;
|
|
outline: none;
|
|
display: inline-flex;
|
|
}
|
|
.el-drawer__close-btn:focus i,
|
|
.el-drawer__close-btn:hover i {
|
|
color: getCssVar('color-primary');
|
|
}
|
|
.el-drawer__body {
|
|
flex: 1;
|
|
padding: 0;
|
|
overflow: auto;
|
|
}
|
|
.el-drawer__body > * {
|
|
box-sizing: border-box;
|
|
}
|
|
.el-drawer.ltr,
|
|
.el-drawer.rtl {
|
|
height: 100%;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
.el-drawer.ttb,
|
|
.el-drawer.btt {
|
|
width: 100%;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.el-drawer.ltr {
|
|
left: 0;
|
|
}
|
|
.el-drawer.rtl {
|
|
right: 0;
|
|
}
|
|
.el-drawer.ttb {
|
|
top: 0;
|
|
}
|
|
.el-drawer.btt {
|
|
bottom: 0;
|
|
}
|
|
.el-drawer-fade-enter-active,
|
|
.el-drawer-fade-leave-active {
|
|
transition: all 0.3s;
|
|
}
|
|
.el-drawer-fade-enter-from,
|
|
.el-drawer-fade-enter-active,
|
|
.el-drawer-fade-enter-to,
|
|
.el-drawer-fade-leave-from,
|
|
.el-drawer-fade-leave-active,
|
|
.el-drawer-fade-leave-to {
|
|
overflow: hidden !important;
|
|
}
|
|
.el-drawer-fade-enter-from,
|
|
.el-drawer-fade-leave-to {
|
|
opacity: 0;
|
|
}
|
|
.el-drawer-fade-enter-from .rtl,
|
|
.el-drawer-fade-leave-to .rtl {
|
|
transform: translate(100%);
|
|
}
|
|
.el-drawer-fade-enter-from .ltr,
|
|
.el-drawer-fade-leave-to .ltr {
|
|
transform: translate(-100%);
|
|
}
|
|
.el-drawer-fade-enter-from .ttb,
|
|
.el-drawer-fade-leave-to .ttb {
|
|
transform: translateY(-100%);
|
|
}
|
|
.el-drawer-fade-enter-from .btt,
|
|
.el-drawer-fade-leave-to .btt {
|
|
transform: translateY(100%);
|
|
}
|
|
.el-drawer-fade-enter-to,
|
|
.el-drawer-fade-leave-from {
|
|
opacity: 1;
|
|
}
|
|
.float-left {
|
|
float: left !important;
|
|
}
|
|
.float-right {
|
|
float: right !important;
|
|
}
|
|
.overlay-link:after {
|
|
content: '';
|
|
z-index: 1;
|
|
pointer-events: auto;
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.list-style-none,
|
|
.list-inline {
|
|
padding-left: 0;
|
|
list-style: none;
|
|
}
|
|
.list-inline li {
|
|
margin-right: var(--spacing--2xs);
|
|
display: inline-block;
|
|
}
|
|
.mt-5xs {
|
|
margin-top: var(--spacing--5xs) !important;
|
|
}
|
|
.mr-5xs {
|
|
margin-right: var(--spacing--5xs) !important;
|
|
}
|
|
.mb-5xs {
|
|
margin-bottom: var(--spacing--5xs) !important;
|
|
}
|
|
.ml-5xs {
|
|
margin-left: var(--spacing--5xs) !important;
|
|
}
|
|
.m-5xs {
|
|
margin: var(--spacing--5xs) !important;
|
|
}
|
|
.pt-5xs {
|
|
padding-top: var(--spacing--5xs) !important;
|
|
}
|
|
.pr-5xs {
|
|
padding-right: var(--spacing--5xs) !important;
|
|
}
|
|
.pb-5xs {
|
|
padding-bottom: var(--spacing--5xs) !important;
|
|
}
|
|
.pl-5xs {
|
|
padding-left: var(--spacing--5xs) !important;
|
|
}
|
|
.p-5xs {
|
|
padding: var(--spacing--5xs) !important;
|
|
}
|
|
.mt-4xs {
|
|
margin-top: var(--spacing--4xs) !important;
|
|
}
|
|
.mr-4xs {
|
|
margin-right: var(--spacing--4xs) !important;
|
|
}
|
|
.mb-4xs {
|
|
margin-bottom: var(--spacing--4xs) !important;
|
|
}
|
|
.ml-4xs {
|
|
margin-left: var(--spacing--4xs) !important;
|
|
}
|
|
.m-4xs {
|
|
margin: var(--spacing--4xs) !important;
|
|
}
|
|
.pt-4xs {
|
|
padding-top: var(--spacing--4xs) !important;
|
|
}
|
|
.pr-4xs {
|
|
padding-right: var(--spacing--4xs) !important;
|
|
}
|
|
.pb-4xs {
|
|
padding-bottom: var(--spacing--4xs) !important;
|
|
}
|
|
.pl-4xs {
|
|
padding-left: var(--spacing--4xs) !important;
|
|
}
|
|
.p-4xs {
|
|
padding: var(--spacing--4xs) !important;
|
|
}
|
|
.mt-3xs {
|
|
margin-top: var(--spacing--3xs) !important;
|
|
}
|
|
.mr-3xs {
|
|
margin-right: var(--spacing--3xs) !important;
|
|
}
|
|
.mb-3xs {
|
|
margin-bottom: var(--spacing--3xs) !important;
|
|
}
|
|
.ml-3xs {
|
|
margin-left: var(--spacing--3xs) !important;
|
|
}
|
|
.m-3xs {
|
|
margin: var(--spacing--3xs) !important;
|
|
}
|
|
.pt-3xs {
|
|
padding-top: var(--spacing--3xs) !important;
|
|
}
|
|
.pr-3xs {
|
|
padding-right: var(--spacing--3xs) !important;
|
|
}
|
|
.pb-3xs {
|
|
padding-bottom: var(--spacing--3xs) !important;
|
|
}
|
|
.pl-3xs {
|
|
padding-left: var(--spacing--3xs) !important;
|
|
}
|
|
.p-3xs {
|
|
padding: var(--spacing--3xs) !important;
|
|
}
|
|
.mt-2xs {
|
|
margin-top: var(--spacing--2xs) !important;
|
|
}
|
|
.mr-2xs {
|
|
margin-right: var(--spacing--2xs) !important;
|
|
}
|
|
.mb-2xs {
|
|
margin-bottom: var(--spacing--2xs) !important;
|
|
}
|
|
.ml-2xs {
|
|
margin-left: var(--spacing--2xs) !important;
|
|
}
|
|
.m-2xs {
|
|
margin: var(--spacing--2xs) !important;
|
|
}
|
|
.pt-2xs {
|
|
padding-top: var(--spacing--2xs) !important;
|
|
}
|
|
.pr-2xs {
|
|
padding-right: var(--spacing--2xs) !important;
|
|
}
|
|
.pb-2xs {
|
|
padding-bottom: var(--spacing--2xs) !important;
|
|
}
|
|
.pl-2xs {
|
|
padding-left: var(--spacing--2xs) !important;
|
|
}
|
|
.p-2xs {
|
|
padding: var(--spacing--2xs) !important;
|
|
}
|
|
.mt-xs {
|
|
margin-top: var(--spacing--xs) !important;
|
|
}
|
|
.mr-xs {
|
|
margin-right: var(--spacing--xs) !important;
|
|
}
|
|
.mb-xs {
|
|
margin-bottom: var(--spacing--xs) !important;
|
|
}
|
|
.ml-xs {
|
|
margin-left: var(--spacing--xs) !important;
|
|
}
|
|
.m-xs {
|
|
margin: var(--spacing--xs) !important;
|
|
}
|
|
.pt-xs {
|
|
padding-top: var(--spacing--xs) !important;
|
|
}
|
|
.pr-xs {
|
|
padding-right: var(--spacing--xs) !important;
|
|
}
|
|
.pb-xs {
|
|
padding-bottom: var(--spacing--xs) !important;
|
|
}
|
|
.pl-xs {
|
|
padding-left: var(--spacing--xs) !important;
|
|
}
|
|
.p-xs {
|
|
padding: var(--spacing--xs) !important;
|
|
}
|
|
.mt-s {
|
|
margin-top: var(--spacing--sm) !important;
|
|
}
|
|
.mr-s {
|
|
margin-right: var(--spacing--sm) !important;
|
|
}
|
|
.mb-s {
|
|
margin-bottom: var(--spacing--sm) !important;
|
|
}
|
|
.ml-s {
|
|
margin-left: var(--spacing--sm) !important;
|
|
}
|
|
.m-s {
|
|
margin: var(--spacing--sm) !important;
|
|
}
|
|
.pt-s {
|
|
padding-top: var(--spacing--sm) !important;
|
|
}
|
|
.pr-s {
|
|
padding-right: var(--spacing--sm) !important;
|
|
}
|
|
.pb-s {
|
|
padding-bottom: var(--spacing--sm) !important;
|
|
}
|
|
.pl-s {
|
|
padding-left: var(--spacing--sm) !important;
|
|
}
|
|
.p-s {
|
|
padding: var(--spacing--sm) !important;
|
|
}
|
|
.mt-m {
|
|
margin-top: var(--spacing--md) !important;
|
|
}
|
|
.mr-m {
|
|
margin-right: var(--spacing--md) !important;
|
|
}
|
|
.mb-m {
|
|
margin-bottom: var(--spacing--md) !important;
|
|
}
|
|
.ml-m {
|
|
margin-left: var(--spacing--md) !important;
|
|
}
|
|
.m-m {
|
|
margin: var(--spacing--md) !important;
|
|
}
|
|
.pt-m {
|
|
padding-top: var(--spacing--md) !important;
|
|
}
|
|
.pr-m {
|
|
padding-right: var(--spacing--md) !important;
|
|
}
|
|
.pb-m {
|
|
padding-bottom: var(--spacing--md) !important;
|
|
}
|
|
.pl-m {
|
|
padding-left: var(--spacing--md) !important;
|
|
}
|
|
.p-m {
|
|
padding: var(--spacing--md) !important;
|
|
}
|
|
.mt-l {
|
|
margin-top: var(--spacing--lg) !important;
|
|
}
|
|
.mr-l {
|
|
margin-right: var(--spacing--lg) !important;
|
|
}
|
|
.mb-l {
|
|
margin-bottom: var(--spacing--lg) !important;
|
|
}
|
|
.ml-l {
|
|
margin-left: var(--spacing--lg) !important;
|
|
}
|
|
.m-l {
|
|
margin: var(--spacing--lg) !important;
|
|
}
|
|
.pt-l {
|
|
padding-top: var(--spacing--lg) !important;
|
|
}
|
|
.pr-l {
|
|
padding-right: var(--spacing--lg) !important;
|
|
}
|
|
.pb-l {
|
|
padding-bottom: var(--spacing--lg) !important;
|
|
}
|
|
.pl-l {
|
|
padding-left: var(--spacing--lg) !important;
|
|
}
|
|
.p-l {
|
|
padding: var(--spacing--lg) !important;
|
|
}
|
|
.mt-xl {
|
|
margin-top: var(--spacing--xl) !important;
|
|
}
|
|
.mr-xl {
|
|
margin-right: var(--spacing--xl) !important;
|
|
}
|
|
.mb-xl {
|
|
margin-bottom: var(--spacing--xl) !important;
|
|
}
|
|
.ml-xl {
|
|
margin-left: var(--spacing--xl) !important;
|
|
}
|
|
.m-xl {
|
|
margin: var(--spacing--xl) !important;
|
|
}
|
|
.pt-xl {
|
|
padding-top: var(--spacing--xl) !important;
|
|
}
|
|
.pr-xl {
|
|
padding-right: var(--spacing--xl) !important;
|
|
}
|
|
.pb-xl {
|
|
padding-bottom: var(--spacing--xl) !important;
|
|
}
|
|
.pl-xl {
|
|
padding-left: var(--spacing--xl) !important;
|
|
}
|
|
.p-xl {
|
|
padding: var(--spacing--xl) !important;
|
|
}
|
|
.mt-2xl {
|
|
margin-top: var(--spacing--2xl) !important;
|
|
}
|
|
.mr-2xl {
|
|
margin-right: var(--spacing--2xl) !important;
|
|
}
|
|
.mb-2xl {
|
|
margin-bottom: var(--spacing--2xl) !important;
|
|
}
|
|
.ml-2xl {
|
|
margin-left: var(--spacing--2xl) !important;
|
|
}
|
|
.m-2xl {
|
|
margin: var(--spacing--2xl) !important;
|
|
}
|
|
.pt-2xl {
|
|
padding-top: var(--spacing--2xl) !important;
|
|
}
|
|
.pr-2xl {
|
|
padding-right: var(--spacing--2xl) !important;
|
|
}
|
|
.pb-2xl {
|
|
padding-bottom: var(--spacing--2xl) !important;
|
|
}
|
|
.pl-2xl {
|
|
padding-left: var(--spacing--2xl) !important;
|
|
}
|
|
.p-2xl {
|
|
padding: var(--spacing--2xl) !important;
|
|
}
|
|
.mt-3xl {
|
|
margin-top: var(--spacing--3xl) !important;
|
|
}
|
|
.mr-3xl {
|
|
margin-right: var(--spacing--3xl) !important;
|
|
}
|
|
.mb-3xl {
|
|
margin-bottom: var(--spacing--3xl) !important;
|
|
}
|
|
.ml-3xl {
|
|
margin-left: var(--spacing--3xl) !important;
|
|
}
|
|
.m-3xl {
|
|
margin: var(--spacing--3xl) !important;
|
|
}
|
|
.pt-3xl {
|
|
padding-top: var(--spacing--3xl) !important;
|
|
}
|
|
.pr-3xl {
|
|
padding-right: var(--spacing--3xl) !important;
|
|
}
|
|
.pb-3xl {
|
|
padding-bottom: var(--spacing--3xl) !important;
|
|
}
|
|
.pl-3xl {
|
|
padding-left: var(--spacing--3xl) !important;
|
|
}
|
|
.p-3xl {
|
|
padding: var(--spacing--3xl) !important;
|
|
}
|
|
.mt-4xl {
|
|
margin-top: var(--spacing--4xl) !important;
|
|
}
|
|
.mr-4xl {
|
|
margin-right: var(--spacing--4xl) !important;
|
|
}
|
|
.mb-4xl {
|
|
margin-bottom: var(--spacing--4xl) !important;
|
|
}
|
|
.ml-4xl {
|
|
margin-left: var(--spacing--4xl) !important;
|
|
}
|
|
.m-4xl {
|
|
margin: var(--spacing--4xl) !important;
|
|
}
|
|
.pt-4xl {
|
|
padding-top: var(--spacing--4xl) !important;
|
|
}
|
|
.pr-4xl {
|
|
padding-right: var(--spacing--4xl) !important;
|
|
}
|
|
.pb-4xl {
|
|
padding-bottom: var(--spacing--4xl) !important;
|
|
}
|
|
.pl-4xl {
|
|
padding-left: var(--spacing--4xl) !important;
|
|
}
|
|
.p-4xl {
|
|
padding: var(--spacing--4xl) !important;
|
|
}
|
|
.mt-5xl {
|
|
margin-top: var(--spacing--5xl) !important;
|
|
}
|
|
.mr-5xl {
|
|
margin-right: var(--spacing--5xl) !important;
|
|
}
|
|
.mb-5xl {
|
|
margin-bottom: var(--spacing--5xl) !important;
|
|
}
|
|
.ml-5xl {
|
|
margin-left: var(--spacing--5xl) !important;
|
|
}
|
|
.m-5xl {
|
|
margin: var(--spacing--5xl) !important;
|
|
}
|
|
.pt-5xl {
|
|
padding-top: var(--spacing--5xl) !important;
|
|
}
|
|
.pr-5xl {
|
|
padding-right: var(--spacing--5xl) !important;
|
|
}
|
|
.pb-5xl {
|
|
padding-bottom: var(--spacing--5xl) !important;
|
|
}
|
|
.pl-5xl {
|
|
padding-left: var(--spacing--5xl) !important;
|
|
}
|
|
.p-5xl {
|
|
padding: var(--spacing--5xl) !important;
|
|
}
|
|
.mt-auto {
|
|
margin-top: auto !important;
|
|
}
|
|
.mt-0 {
|
|
margin-top: 0 !important;
|
|
}
|
|
.mr-auto {
|
|
margin-right: auto !important;
|
|
}
|
|
.mr-0 {
|
|
margin-right: 0 !important;
|
|
}
|
|
.mb-auto {
|
|
margin-bottom: auto !important;
|
|
}
|
|
.mb-0 {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
.ml-auto {
|
|
margin-left: auto !important;
|
|
}
|
|
.ml-0 {
|
|
margin-left: 0 !important;
|
|
}
|
|
.pt-0 {
|
|
padding-top: 0 !important;
|
|
}
|
|
.pr-0 {
|
|
padding-right: 0 !important;
|
|
}
|
|
.pb-0 {
|
|
padding-bottom: 0 !important;
|
|
}
|
|
.pl-0 {
|
|
padding-left: 0 !important;
|
|
}
|
|
.text-left {
|
|
text-align: left !important;
|
|
}
|
|
.text-center {
|
|
text-align: center !important;
|
|
}
|
|
.text-right {
|
|
text-align: right !important;
|
|
}
|
|
.text-justify {
|
|
text-align: justify !important;
|
|
}
|
|
}
|
|
@layer utilities {
|
|
.collapse {
|
|
visibility: collapse;
|
|
}
|
|
.invisible {
|
|
visibility: hidden;
|
|
}
|
|
.visible {
|
|
visibility: visible;
|
|
}
|
|
.absolute {
|
|
position: absolute;
|
|
}
|
|
.fixed {
|
|
position: fixed;
|
|
}
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
.static {
|
|
position: static;
|
|
}
|
|
.sticky {
|
|
position: sticky;
|
|
}
|
|
.isolate {
|
|
isolation: isolate;
|
|
}
|
|
.col-1 {
|
|
grid-column: 1;
|
|
}
|
|
.col-2 {
|
|
grid-column: 2;
|
|
}
|
|
.col-3 {
|
|
grid-column: 3;
|
|
}
|
|
.row-1 {
|
|
grid-row: 1;
|
|
}
|
|
.row-2 {
|
|
grid-row: 2;
|
|
}
|
|
.row-3 {
|
|
grid-row: 3;
|
|
}
|
|
.container {
|
|
width: 100%;
|
|
}
|
|
@media (min-width: 40rem) {
|
|
.container {
|
|
max-width: 40rem;
|
|
}
|
|
}
|
|
@media (min-width: 48rem) {
|
|
.container {
|
|
max-width: 48rem;
|
|
}
|
|
}
|
|
@media (min-width: 64rem) {
|
|
.container {
|
|
max-width: 64rem;
|
|
}
|
|
}
|
|
@media (min-width: 80rem) {
|
|
.container {
|
|
max-width: 80rem;
|
|
}
|
|
}
|
|
@media (min-width: 96rem) {
|
|
.container {
|
|
max-width: 96rem;
|
|
}
|
|
}
|
|
.my-md {
|
|
margin-block: var(--spacing--md);
|
|
}
|
|
.mt-sm {
|
|
margin-top: var(--spacing--sm);
|
|
}
|
|
.mt-xs {
|
|
margin-top: var(--spacing--xs);
|
|
}
|
|
.mr-xs {
|
|
margin-right: var(--spacing--xs);
|
|
}
|
|
.mb-md {
|
|
margin-bottom: var(--spacing--md);
|
|
}
|
|
.mb-sm {
|
|
margin-bottom: var(--spacing--sm);
|
|
}
|
|
.mb-xs {
|
|
margin-bottom: var(--spacing--xs);
|
|
}
|
|
.block {
|
|
display: block;
|
|
}
|
|
.contents {
|
|
display: contents;
|
|
}
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
.grid {
|
|
display: grid;
|
|
}
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
.inline {
|
|
display: inline;
|
|
}
|
|
.inline-block {
|
|
display: inline-block;
|
|
}
|
|
.table {
|
|
display: table;
|
|
}
|
|
.min-h-screen {
|
|
min-height: 100vh;
|
|
}
|
|
.w-full {
|
|
width: 100%;
|
|
}
|
|
.max-w-full {
|
|
max-width: 100%;
|
|
}
|
|
.flex-shrink,
|
|
.shrink {
|
|
flex-shrink: 1;
|
|
}
|
|
.grow {
|
|
flex-grow: 1;
|
|
}
|
|
.transform {
|
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
|
|
var(--tw-skew-y,);
|
|
}
|
|
.resize {
|
|
resize: both;
|
|
}
|
|
.list-decimal {
|
|
list-style-type: decimal;
|
|
}
|
|
.list-disc {
|
|
list-style-type: disc;
|
|
}
|
|
.list-none {
|
|
list-style-type: none;
|
|
}
|
|
.flex-col {
|
|
flex-direction: column;
|
|
}
|
|
.items-center {
|
|
align-items: center;
|
|
}
|
|
.gap-2xs {
|
|
gap: var(--spacing--2xs);
|
|
}
|
|
.gap-3xs {
|
|
gap: var(--spacing--3xs);
|
|
}
|
|
.gap-md {
|
|
gap: var(--spacing--md);
|
|
}
|
|
.gap-sm {
|
|
gap: var(--spacing--sm);
|
|
}
|
|
.gap-xs {
|
|
gap: var(--spacing--xs);
|
|
}
|
|
.self-start {
|
|
align-self: flex-start;
|
|
}
|
|
.truncate {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.overflow-x-auto {
|
|
overflow-x: auto;
|
|
}
|
|
.rounded {
|
|
border-radius: var(--radius);
|
|
}
|
|
.rounded-lg {
|
|
border-radius: var(--radius--lg);
|
|
}
|
|
.rounded-md {
|
|
border-radius: var(--radius--md);
|
|
}
|
|
.rounded-sm {
|
|
border-radius: var(--radius--sm);
|
|
}
|
|
.border {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 1px;
|
|
}
|
|
.border-t {
|
|
border-top-style: var(--tw-border-style);
|
|
border-top-width: 1px;
|
|
}
|
|
.border-border {
|
|
border-color: var(--border-color);
|
|
}
|
|
.border-border-danger {
|
|
border-color: var(--border-color--danger);
|
|
}
|
|
.border-border-info {
|
|
border-color: var(--border-color--info);
|
|
}
|
|
.border-border-success {
|
|
border-color: var(--border-color--success);
|
|
}
|
|
.border-border-warning {
|
|
border-color: var(--border-color--warning);
|
|
}
|
|
.bg-background-danger {
|
|
background-color: var(--background--danger);
|
|
}
|
|
.bg-background-info {
|
|
background-color: var(--background--info);
|
|
}
|
|
.bg-background-success {
|
|
background-color: var(--background--success);
|
|
}
|
|
.bg-background-warning {
|
|
background-color: var(--background--warning);
|
|
}
|
|
.bg-brand {
|
|
background-color: var(--background--brand);
|
|
}
|
|
.bg-subtle {
|
|
background-color: var(--background--subtle);
|
|
}
|
|
.bg-surface {
|
|
background-color: var(--background--surface);
|
|
}
|
|
.p-md {
|
|
padding: var(--spacing--md);
|
|
}
|
|
.p-sm {
|
|
padding: var(--spacing--sm);
|
|
}
|
|
.p-xs {
|
|
padding: var(--spacing--xs);
|
|
}
|
|
.py-2xs {
|
|
padding-block: var(--spacing--2xs);
|
|
}
|
|
.pl-lg {
|
|
padding-left: var(--spacing--lg);
|
|
}
|
|
.pl-sm {
|
|
padding-left: var(--spacing--sm);
|
|
}
|
|
.text-end {
|
|
text-align: end;
|
|
}
|
|
.text-left {
|
|
text-align: left;
|
|
}
|
|
.text-right {
|
|
text-align: right;
|
|
}
|
|
.text-start {
|
|
text-align: start;
|
|
}
|
|
.text-2xl {
|
|
font-size: var(--font-size--2xl);
|
|
}
|
|
.text-2xs {
|
|
font-size: var(--font-size--2xs);
|
|
}
|
|
.text-lg {
|
|
font-size: var(--font-size--lg);
|
|
}
|
|
.text-md {
|
|
font-size: var(--font-size--md);
|
|
}
|
|
.text-sm {
|
|
font-size: var(--font-size--sm);
|
|
}
|
|
.text-xl {
|
|
font-size: var(--font-size--xl);
|
|
}
|
|
.text-xs {
|
|
font-size: var(--font-size--xs);
|
|
}
|
|
.font-bold {
|
|
--tw-font-weight: var(--font-weight--bold);
|
|
font-weight: var(--font-weight--bold);
|
|
}
|
|
.font-medium {
|
|
--tw-font-weight: var(--font-weight--medium);
|
|
font-weight: var(--font-weight--medium);
|
|
}
|
|
.font-semibold {
|
|
--tw-font-weight: var(--font-weight-semibold);
|
|
font-weight: var(--font-weight-semibold);
|
|
}
|
|
.whitespace-nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
.whitespace-pre-line {
|
|
white-space: pre-line;
|
|
}
|
|
.text-text {
|
|
color: var(--text-color);
|
|
}
|
|
.text-text-danger {
|
|
color: var(--text-color--danger);
|
|
}
|
|
.text-text-disabled {
|
|
color: var(--text-color--disabled);
|
|
}
|
|
.text-text-inverse {
|
|
color: var(--text-color--inverse);
|
|
}
|
|
.text-text-subtle {
|
|
color: var(--text-color--subtle);
|
|
}
|
|
.text-text-success {
|
|
color: var(--text-color--success);
|
|
}
|
|
.lowercase {
|
|
text-transform: lowercase;
|
|
}
|
|
.uppercase {
|
|
text-transform: uppercase;
|
|
}
|
|
.italic {
|
|
font-style: italic;
|
|
}
|
|
.ordinal {
|
|
--tw-ordinal: ordinal;
|
|
font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
|
|
var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
|
|
}
|
|
.no-underline {
|
|
text-decoration-line: none;
|
|
}
|
|
.outline {
|
|
outline-style: var(--tw-outline-style);
|
|
outline-width: 1px;
|
|
}
|
|
.blur {
|
|
--tw-blur: blur(8px);
|
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,)
|
|
var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,)
|
|
var(--tw-drop-shadow,);
|
|
}
|
|
.invert {
|
|
--tw-invert: invert(100%);
|
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,)
|
|
var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,)
|
|
var(--tw-drop-shadow,);
|
|
}
|
|
.filter {
|
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,)
|
|
var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,)
|
|
var(--tw-drop-shadow,);
|
|
}
|
|
.backdrop-filter {
|
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
|
|
var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
|
|
var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
|
|
var(--tw-backdrop-sepia,);
|
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
|
|
var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
|
|
var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
|
|
var(--tw-backdrop-sepia,);
|
|
}
|
|
.transition {
|
|
transition-property:
|
|
color,
|
|
background-color,
|
|
border-color,
|
|
outline-color,
|
|
text-decoration-color,
|
|
fill,
|
|
stroke,
|
|
--tw-gradient-from,
|
|
--tw-gradient-via,
|
|
--tw-gradient-to,
|
|
opacity,
|
|
box-shadow,
|
|
transform,
|
|
translate,
|
|
scale,
|
|
rotate,
|
|
filter,
|
|
-webkit-backdrop-filter,
|
|
backdrop-filter,
|
|
display,
|
|
content-visibility,
|
|
overlay,
|
|
pointer-events;
|
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
}
|
|
.\[field\:23234242\] {
|
|
field: 23234200;
|
|
}
|
|
@media (hover: hover) {
|
|
.hover\:bg-brand-hover:hover {
|
|
background-color: var(--background--brand--hover);
|
|
}
|
|
.hover\:bg-hover:hover {
|
|
background-color: var(--background--hover);
|
|
}
|
|
.hover\:underline:hover {
|
|
text-decoration-line: underline;
|
|
}
|
|
}
|
|
}
|
|
.app-chat {
|
|
gap: var(--spacing--sm);
|
|
background: var(--app-color-surface, var(--background--surface));
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--app-radius);
|
|
padding: var(--spacing--md);
|
|
margin-bottom: var(--spacing--md);
|
|
flex-direction: column;
|
|
display: flex;
|
|
}
|
|
.app-chat-messages {
|
|
gap: var(--spacing--xs);
|
|
flex-direction: column;
|
|
max-height: 24rem;
|
|
display: flex;
|
|
overflow-y: auto;
|
|
}
|
|
.app-chat-bubble {
|
|
max-width: 80%;
|
|
padding: var(--spacing--xs) var(--spacing--sm);
|
|
border-radius: var(--app-radius);
|
|
overflow-wrap: anywhere;
|
|
}
|
|
.app-chat-bubble--user,
|
|
.app-chat-bubble--notice {
|
|
white-space: pre-wrap;
|
|
}
|
|
.app-chat-bubble--user {
|
|
background: var(--app-color-primary, var(--color--primary));
|
|
color: var(--text-color--inverse);
|
|
align-self: flex-end;
|
|
}
|
|
.app-chat-bubble--assistant {
|
|
background: var(--app-color-background, var(--background--subtle));
|
|
align-self: flex-start;
|
|
}
|
|
.app-chat-bubble--assistant:empty:after {
|
|
content: '…';
|
|
color: var(--app-color-muted, var(--text-color--subtle));
|
|
}
|
|
.app-chat-bubble--notice {
|
|
border: 1px solid var(--border-color--danger);
|
|
align-self: stretch;
|
|
max-width: none;
|
|
}
|
|
.app-chat-form {
|
|
gap: var(--spacing--xs);
|
|
align-items: flex-end;
|
|
display: flex;
|
|
}
|
|
.app-chat-form textarea {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
.app-chat-bubble--assistant > :first-child {
|
|
margin-top: 0;
|
|
}
|
|
.app-chat-bubble--assistant > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.app-chat-bubble--assistant p,
|
|
.app-chat-bubble--assistant ul,
|
|
.app-chat-bubble--assistant ol,
|
|
.app-chat-bubble--assistant pre,
|
|
.app-chat-bubble--assistant blockquote {
|
|
margin: 0 0 var(--spacing--2xs);
|
|
}
|
|
.app-chat-bubble--assistant h1,
|
|
.app-chat-bubble--assistant h2,
|
|
.app-chat-bubble--assistant h3 {
|
|
margin: var(--spacing--xs) 0 var(--spacing--2xs);
|
|
font-size: var(--font-size--md);
|
|
font-weight: var(--font-weight--bold);
|
|
}
|
|
.app-chat-bubble--assistant ul,
|
|
.app-chat-bubble--assistant ol {
|
|
padding-left: var(--spacing--md);
|
|
}
|
|
.app-chat-bubble--assistant blockquote {
|
|
padding-left: var(--spacing--2xs);
|
|
border-left: 2px solid var(--border-color);
|
|
color: var(--app-color-muted, var(--text-color--subtle));
|
|
}
|
|
.app-chat-bubble--assistant code {
|
|
font-family: var(--font-family--monospace);
|
|
font-size: var(--font-size--xs);
|
|
}
|
|
.app-chat-bubble--assistant pre {
|
|
padding: var(--spacing--2xs);
|
|
border-radius: var(--app-radius-control);
|
|
background: var(--background--surface);
|
|
overflow-x: auto;
|
|
}
|
|
.app-chat-bubble--assistant a {
|
|
color: var(--app-color-primary, var(--color--primary));
|
|
}
|
|
:root {
|
|
--app-radius: var(--radius--md);
|
|
--app-radius-control: var(--radius--2xs);
|
|
--app-control-height: var(--height--lg);
|
|
}
|
|
.app-canvas {
|
|
background: var(--app-color-background, var(--background--subtle));
|
|
}
|
|
.app-text {
|
|
color: var(--app-color-text, var(--text-color));
|
|
font-family: var(--app-font-family, var(--font-family));
|
|
line-height: var(--line-height--xl);
|
|
}
|
|
.app-text :is(h1, h2, h3, h4, h5, h6) {
|
|
line-height: var(--line-height--sm);
|
|
}
|
|
.app-muted {
|
|
color: var(--app-color-muted, var(--text-color--subtle));
|
|
}
|
|
.app-link {
|
|
color: var(--app-color-primary, var(--color--primary));
|
|
}
|
|
.app-shell {
|
|
align-items: flex-start;
|
|
gap: var(--spacing--xl);
|
|
max-width: 64rem;
|
|
padding: var(--spacing--xl);
|
|
margin: 0 auto;
|
|
display: flex;
|
|
}
|
|
.app-menu,
|
|
.app-main {
|
|
background: var(--app-color-surface, var(--background--surface));
|
|
border-radius: var(--app-radius);
|
|
border: 1px solid var(--border-color);
|
|
}
|
|
.app-menu {
|
|
width: 14rem;
|
|
padding: var(--spacing--md);
|
|
flex: none;
|
|
}
|
|
.app-main {
|
|
min-width: 0;
|
|
padding: var(--spacing--xl);
|
|
flex: 1;
|
|
}
|
|
.app-notice {
|
|
background: var(--app-color-surface, var(--background--surface));
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--app-radius);
|
|
padding: var(--spacing--md);
|
|
margin-bottom: var(--spacing--md);
|
|
}
|
|
.app-notice--success {
|
|
background: var(--background--success);
|
|
border-color: var(--border-color--success);
|
|
color: var(--text-color--success);
|
|
}
|
|
.app-notice--danger {
|
|
background: var(--background--danger);
|
|
border-color: var(--border-color--danger);
|
|
color: var(--text-color--danger);
|
|
}
|
|
.app-btn {
|
|
--app-btn-background: var(--app-color-primary, var(--background--brand));
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: var(--spacing--3xs);
|
|
height: var(--app-control-height);
|
|
padding: 0 var(--spacing--sm);
|
|
border-radius: var(--app-radius-control);
|
|
background: var(--app-btn-background);
|
|
color: var(--text-color--inverse);
|
|
font-family: inherit;
|
|
font-size: var(--font-size--sm);
|
|
font-weight: var(--font-weight--medium);
|
|
cursor: pointer;
|
|
border: 1px solid #0000;
|
|
line-height: 1;
|
|
text-decoration: none;
|
|
display: inline-flex;
|
|
}
|
|
.app-btn--secondary {
|
|
--app-btn-background: var(--app-color-surface, var(--background--surface));
|
|
border-color: var(--border-color);
|
|
color: var(--app-color-text, var(--text-color));
|
|
}
|
|
.app-btn:hover {
|
|
background: var(--app-btn-background);
|
|
}
|
|
@supports (color: color-mix(in lab, red, red)) {
|
|
.app-btn:hover {
|
|
background: color-mix(in srgb, var(--app-btn-background) 92%, black);
|
|
}
|
|
}
|
|
.app-btn:disabled {
|
|
background: var(--background--disabled);
|
|
color: var(--text-color--disabled);
|
|
cursor: not-allowed;
|
|
border-color: #0000;
|
|
}
|
|
.app-input {
|
|
width: 100%;
|
|
min-height: var(--app-control-height);
|
|
padding: 0 var(--spacing--xs);
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--app-radius-control);
|
|
background: var(--app-color-surface, var(--background--surface));
|
|
color: inherit;
|
|
font-family: inherit;
|
|
font-size: var(--font-size--sm);
|
|
}
|
|
textarea.app-input {
|
|
padding: var(--spacing--2xs) var(--spacing--xs);
|
|
line-height: var(--line-height--md);
|
|
resize: vertical;
|
|
}
|
|
.app-input:hover {
|
|
border-color: var(--border-color--strong);
|
|
}
|
|
.app-btn:focus-visible,
|
|
.app-input:focus-visible {
|
|
border-color: var(--focus--border-color);
|
|
box-shadow: 0 0 0 1px var(--focus--border-color);
|
|
outline: none;
|
|
}
|
|
.app-field {
|
|
gap: var(--spacing--3xs);
|
|
flex-direction: column;
|
|
display: flex;
|
|
}
|
|
.app-label {
|
|
font-size: var(--font-size--sm);
|
|
font-weight: var(--font-weight--medium);
|
|
}
|
|
.app-check {
|
|
align-items: center;
|
|
gap: var(--spacing--2xs);
|
|
font-size: var(--font-size--sm);
|
|
display: flex;
|
|
}
|
|
.app-table-wrap {
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--app-radius);
|
|
margin-bottom: var(--spacing--md);
|
|
overflow-x: auto;
|
|
}
|
|
.app-table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
font-size: var(--font-size--sm);
|
|
}
|
|
.app-table th,
|
|
.app-table td {
|
|
padding: var(--spacing--2xs) var(--spacing--sm);
|
|
text-align: left;
|
|
}
|
|
.app-table th {
|
|
background: var(--background--subtle);
|
|
color: var(--text-color--subtle);
|
|
font-weight: var(--font-weight--medium);
|
|
}
|
|
.app-table tbody td {
|
|
border-top: 1px solid var(--border-color);
|
|
}
|
|
.app-layout {
|
|
flex-direction: column;
|
|
display: flex;
|
|
}
|
|
.app-block {
|
|
min-width: 0;
|
|
}
|
|
.app-block:has(> .app-header) {
|
|
z-index: 2;
|
|
position: sticky;
|
|
top: 0;
|
|
}
|
|
.app-layout > .app-main {
|
|
width: calc(100% - 2 * var(--spacing--xl));
|
|
max-width: calc(var(--app-content-width, 72rem) - 2 * var(--spacing--xl));
|
|
margin: var(--spacing--xl) auto;
|
|
}
|
|
.app-container {
|
|
width: 100%;
|
|
max-width: var(--app-content-width, 72rem);
|
|
padding: 0 var(--spacing--xl);
|
|
margin: 0 auto;
|
|
}
|
|
.app-header {
|
|
background: var(--app-color-surface, var(--background--surface));
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
.app-header > .app-container {
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: var(--spacing--lg);
|
|
min-height: 3.5rem;
|
|
display: flex;
|
|
}
|
|
.app-footer {
|
|
border-top: 1px solid var(--border-color);
|
|
padding: var(--spacing--lg) 0;
|
|
color: var(--app-color-muted, var(--text-color--subtle));
|
|
font-size: var(--font-size--sm);
|
|
}
|
|
.app-logo {
|
|
align-items: center;
|
|
gap: var(--spacing--xs);
|
|
color: inherit;
|
|
font-size: var(--font-size--lg);
|
|
font-weight: var(--font-weight--bold);
|
|
text-decoration: none;
|
|
display: inline-flex;
|
|
}
|
|
.app-logo img {
|
|
height: 2rem;
|
|
}
|
|
.app-nav ul {
|
|
gap: var(--spacing--md);
|
|
flex-wrap: wrap;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
display: flex;
|
|
}
|
|
.app-nav a {
|
|
color: var(--app-color-muted, var(--text-color--subtle));
|
|
text-decoration: none;
|
|
}
|
|
.app-nav a:hover,
|
|
.app-nav a[aria-current='page'] {
|
|
color: var(--app-color-primary, var(--color--primary));
|
|
}
|
|
.app-nav a[aria-current='page'] {
|
|
font-weight: var(--font-weight--bold);
|
|
}
|
|
.app-sidebar {
|
|
padding: var(--spacing--xl);
|
|
}
|
|
.app-sidebar .app-nav ul {
|
|
gap: var(--spacing--xs);
|
|
flex-direction: column;
|
|
}
|
|
.app-sidebar .app-nav ul ul {
|
|
padding-left: var(--spacing--sm);
|
|
padding-top: var(--spacing--xs);
|
|
}
|
|
@media (min-width: 48rem) {
|
|
.app-layout:has(> .app-block > .app-sidebar) {
|
|
grid-template-columns: 14rem minmax(0, 1fr);
|
|
align-items: start;
|
|
display: grid;
|
|
}
|
|
.app-layout:has(> .app-block > .app-sidebar) > .app-block {
|
|
grid-column: 1/-1;
|
|
}
|
|
.app-layout:has(> .app-block > .app-sidebar) > .app-block:has(> .app-sidebar) {
|
|
grid-column: 1;
|
|
}
|
|
.app-layout:has(> .app-block > .app-sidebar) > .app-main {
|
|
grid-column: 2;
|
|
}
|
|
}
|
|
.app-hero {
|
|
padding: var(--spacing--3xl) var(--spacing--xl);
|
|
text-align: center;
|
|
}
|
|
.app-hero h1 {
|
|
margin: 0 0 var(--spacing--md);
|
|
font-size: var(--font-size--2xl);
|
|
font-weight: var(--font-weight--bold);
|
|
}
|
|
.app-hero p {
|
|
max-width: 40rem;
|
|
margin: 0 auto var(--spacing--md);
|
|
color: var(--app-color-muted, var(--text-color--subtle));
|
|
font-size: var(--font-size--lg);
|
|
}
|
|
.app-hero .app-nav ul {
|
|
justify-content: center;
|
|
}
|
|
.app-card {
|
|
background: var(--app-color-surface, var(--background--surface));
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--app-radius);
|
|
padding: var(--spacing--lg);
|
|
}
|
|
.app-image {
|
|
border-radius: var(--app-radius);
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.app-section {
|
|
gap: var(--spacing--md);
|
|
flex-direction: column;
|
|
display: flex;
|
|
}
|
|
.app-grid-2,
|
|
.app-grid-3 {
|
|
gap: var(--spacing--lg);
|
|
display: grid;
|
|
}
|
|
@media (min-width: 40rem) {
|
|
.app-grid-2 {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
.app-grid-3 {
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
}
|
|
@property --tw-rotate-x {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-rotate-y {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-rotate-z {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-skew-x {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-skew-y {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-border-style {
|
|
syntax: '*';
|
|
inherits: false;
|
|
initial-value: solid;
|
|
}
|
|
@property --tw-font-weight {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-ordinal {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-slashed-zero {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-numeric-figure {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-numeric-spacing {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-numeric-fraction {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-outline-style {
|
|
syntax: '*';
|
|
inherits: false;
|
|
initial-value: solid;
|
|
}
|
|
@property --tw-blur {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-brightness {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-contrast {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-grayscale {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-hue-rotate {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-invert {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-opacity {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-saturate {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-sepia {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-drop-shadow {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-drop-shadow-color {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-drop-shadow-alpha {
|
|
syntax: '<percentage>';
|
|
inherits: false;
|
|
initial-value: 100%;
|
|
}
|
|
@property --tw-drop-shadow-size {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-backdrop-blur {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-backdrop-brightness {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-backdrop-contrast {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-backdrop-grayscale {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-backdrop-hue-rotate {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-backdrop-invert {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-backdrop-opacity {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-backdrop-saturate {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-backdrop-sepia {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@keyframes spin {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|