pixel-react 1.2.3 → 1.2.4
Sign up to get free protection for your applications and to get access to all the features.
- package/lib/components/AddResourceButton/type.d.ts +3 -3
- package/lib/components/Form/Forms.d.ts +2 -1
- package/lib/components/MenuOption/types.d.ts +1 -1
- package/lib/index.d.ts +4 -3
- package/lib/index.esm.js +55 -14
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +55 -14
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/StyleGuide/ColorPalette/colorPaletteList.ts +5 -0
- package/src/assets/Themes/BaseTheme.scss +1 -0
- package/src/assets/Themes/DarkTheme.scss +1 -0
- package/src/assets/icons/browserstack_icon.svg +24 -0
- package/src/assets/icons/edge.svg +30 -0
- package/src/assets/icons/fire_fox.svg +106 -0
- package/src/assets/icons/internet_explorer.svg +3 -0
- package/src/assets/icons/lambda_icon.svg +3 -0
- package/src/assets/icons/linux.svg +42 -0
- package/src/assets/icons/local.svg +3 -0
- package/src/assets/icons/maximize_script.svg +12 -0
- package/src/assets/icons/opera.svg +9 -0
- package/src/assets/icons/safari_icon.svg +12 -0
- package/src/assets/icons/sause_lab.svg +3 -0
- package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.scss +1 -0
- package/src/components/AddResourceButton/type.ts +3 -3
- package/src/components/Form/Forms.tsx +2 -0
- package/src/components/Icon/iconList.ts +25 -0
- package/src/components/IconButton/IconButton.scss +1 -1
- package/src/components/IconButton/IconButton.tsx +12 -7
- package/src/components/Input/Input.scss +1 -1
- package/src/components/MenuOption/MenuOption.tsx +25 -23
- package/src/components/MenuOption/types.ts +1 -1
- package/src/components/Search/Search.tsx +6 -3
- package/src/components/Table/Table.scss +0 -1
|
@@ -11,7 +11,7 @@ export interface DirectionalArrow {
|
|
|
11
11
|
menuOptions: {
|
|
12
12
|
label: string;
|
|
13
13
|
value: string | string[];
|
|
14
|
-
icon
|
|
14
|
+
icon?: string;
|
|
15
15
|
disable?: boolean;
|
|
16
16
|
}[];
|
|
17
17
|
}
|
|
@@ -34,7 +34,7 @@ export interface AddResourceButtonProps {
|
|
|
34
34
|
menuOptions: {
|
|
35
35
|
label: string;
|
|
36
36
|
value: string | string[];
|
|
37
|
-
icon
|
|
37
|
+
icon?: string;
|
|
38
38
|
disable?: boolean;
|
|
39
39
|
}[];
|
|
40
40
|
}[];
|
|
@@ -53,7 +53,7 @@ export interface DirectionalArrowButtonProps {
|
|
|
53
53
|
menuOptions: {
|
|
54
54
|
label: string;
|
|
55
55
|
value: string | string[];
|
|
56
|
-
icon
|
|
56
|
+
icon?: string;
|
|
57
57
|
disable?: boolean;
|
|
58
58
|
}[];
|
|
59
59
|
onArrowClick: () => void;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Form from './Form';
|
|
3
3
|
interface FormProps<T extends Form.FieldValues> extends Form.UseFormProps<T> {
|
|
4
|
+
id?: 'string';
|
|
4
5
|
onSubmit: Form.SubmitHandler<T>;
|
|
5
6
|
children: (methods: ReturnType<typeof Form.useForm<T>>) => React.ReactNode;
|
|
6
7
|
}
|
|
7
|
-
declare const Forms: <T extends Form.FieldValues>({ onSubmit, children, ...rest }: FormProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const Forms: <T extends Form.FieldValues>({ onSubmit, children, id, ...rest }: FormProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
export default Forms;
|
package/lib/index.d.ts
CHANGED
|
@@ -783,7 +783,7 @@ interface OptionType extends OptionClick {
|
|
|
783
783
|
* @type {string}
|
|
784
784
|
* @required
|
|
785
785
|
*/
|
|
786
|
-
icon
|
|
786
|
+
icon?: string;
|
|
787
787
|
/**
|
|
788
788
|
* Indicates whether the option is disabled.
|
|
789
789
|
* @type {boolean}
|
|
@@ -990,7 +990,7 @@ interface AddResourceButtonProps {
|
|
|
990
990
|
menuOptions: {
|
|
991
991
|
label: string;
|
|
992
992
|
value: string | string[];
|
|
993
|
-
icon
|
|
993
|
+
icon?: string;
|
|
994
994
|
disable?: boolean;
|
|
995
995
|
}[];
|
|
996
996
|
}[];
|
|
@@ -1138,10 +1138,11 @@ declare const Typography: React__default.FC<TypographyProps>;
|
|
|
1138
1138
|
declare const useTheme: () => ThemeContextType;
|
|
1139
1139
|
|
|
1140
1140
|
interface FormProps<T extends Form.FieldValues> extends Form.UseFormProps<T> {
|
|
1141
|
+
id?: 'string';
|
|
1141
1142
|
onSubmit: Form.SubmitHandler<T>;
|
|
1142
1143
|
children: (methods: ReturnType<typeof Form.useForm<T>>) => React__default.ReactNode;
|
|
1143
1144
|
}
|
|
1144
|
-
declare const Forms: <T extends Form.FieldValues>({ onSubmit, children, ...rest }: FormProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1145
|
+
declare const Forms: <T extends Form.FieldValues>({ onSubmit, children, id, ...rest }: FormProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1145
1146
|
|
|
1146
1147
|
interface Option$1 {
|
|
1147
1148
|
label: string | ReactNode;
|
package/lib/index.esm.js
CHANGED
|
@@ -388,6 +388,28 @@ const SvgManualTestcase = (props) => /* @__PURE__ */ React.createElement("svg",
|
|
|
388
388
|
|
|
389
389
|
const SvgBackIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M15.5308 13.9958C15.3039 13.9958 15.1068 13.8317 15.0689 13.6041C14.7306 11.629 12.8181 8.18188 7.96666 7.98044V10.5146C7.96666 10.6902 7.86853 10.8511 7.71241 10.9314C7.55625 11.0117 7.36831 10.9981 7.22544 10.896L0.196281 5.87519C0.0730938 5.78719 0 5.6451 0 5.49372C0 5.34232 0.0730938 5.20026 0.196281 5.11229L7.22547 0.0914741C7.36831 -0.0105884 7.55628 -0.0242446 7.71241 0.0560991C7.86853 0.136443 7.96666 0.297318 7.96666 0.472912V3.04526C10.9655 3.34438 16 5.50901 16 13.5271C16 13.771 15.813 13.9741 15.5699 13.9942C15.5568 13.9953 15.5438 13.9958 15.5308 13.9958Z", fill: "currentColor" }));
|
|
390
390
|
|
|
391
|
+
const SvgSauseLab = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M1.95052 10.3182C1.66316 9.57636 1.51722 8.78726 1.52023 7.9917C1.52436 7.13661 1.69693 6.29071 2.02808 5.50233C2.35922 4.71395 2.84245 3.99854 3.45016 3.39697C4.05787 2.7954 4.77816 2.31945 5.56986 1.99633C6.36156 1.67321 7.20917 1.50924 8.06426 1.51379C8.37072 1.51497 8.67678 1.5363 8.98044 1.57766L8.24709 2.31927H8.04798C6.26244 2.31827 4.58035 3.15531 3.50337 4.57993C2.4264 6.00455 2.07976 7.85144 2.56665 9.5691H7.55457L5.43517 13.4653L10.4549 8.38192H3.60231L11.3227 0.717079C10.2852 0.242691 9.15731 -0.001912 8.01642 1.1254e-05C6.26845 0.00182586 4.56887 0.574325 3.17606 1.63048C1.78324 2.68663 0.773361 4.16868 0.299937 5.85131C-0.173487 7.53395 -0.0845626 9.32515 0.553193 10.9526C1.19095 12.5801 2.34265 13.9548 3.83323 14.8678L6.22362 10.35L1.95052 10.3182ZM12.1994 1.14712L9.80921 5.66542H14.0878C14.4651 6.64903 14.5975 7.70966 14.4735 8.75583C14.3495 9.802 13.9729 10.8023 13.3761 11.6705C12.7793 12.5386 11.9803 13.2485 11.0479 13.739C10.1156 14.2295 9.07793 14.4858 8.02443 14.4859C7.70732 14.4847 7.3906 14.4634 7.07619 14.422L7.80127 13.6889H8.02669C9.53771 13.6889 10.9866 13.0888 12.0551 12.0204C13.1236 10.9519 13.7237 9.50323 13.7237 7.99195C13.7169 7.46969 13.6446 6.95035 13.5085 6.44611H8.51834L10.5979 2.51789L5.48276 7.60899H12.3511L4.71811 15.3056C6.57721 16.1338 8.68151 16.2246 10.605 15.5597C12.5286 14.8948 14.1276 13.5239 15.0785 11.7244C16.0293 9.925 16.2609 7.83151 15.7264 5.86775C15.1919 3.90399 13.9313 2.21667 12.1996 1.14737L12.1994 1.14712Z", fill: "currentColor" }));
|
|
392
|
+
|
|
393
|
+
const SvgLocal = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 2.37838C0 1.06484 1.06484 0 2.37838 0H16.2162C17.5298 0 18.5946 1.06484 18.5946 2.37838V11.027C18.5946 12.3406 17.5298 13.4054 16.2162 13.4054H11.2117L11.8603 14.7027H13.6216C13.9798 14.7027 14.2703 14.9931 14.2703 15.3514C14.2703 15.7096 13.9798 16 13.6216 16H4.97297C4.61474 16 4.32432 15.7096 4.32432 15.3514C4.32432 14.9931 4.61474 14.7027 4.97297 14.7027H6.73424L7.38289 13.4054H2.37838C1.06484 13.4054 0 12.3406 0 11.027V2.37838ZM16.2162 12.1081H2.37838C1.78131 12.1081 1.2973 11.6241 1.2973 11.027V2.37838C1.2973 1.78131 1.78131 1.2973 2.37838 1.2973H16.2162C16.8133 1.2973 17.2973 1.78131 17.2973 2.37838V11.027C17.2973 11.6241 16.8133 12.1081 16.2162 12.1081Z", fill: "#71347B" }));
|
|
394
|
+
|
|
395
|
+
const SvgInternetExplorer = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M15.9953 8.39562C15.9771 7.12253 15.6657 5.92403 15.0965 4.8755C17.5681 -0.666814 12.5126 0.0960292 12.1756 0.15706C11.127 0.366779 10.0785 0.70381 9.17974 1.13072C5.73452 1.08953 2.7387 2.92822 1.76505 6.7479C3.56255 4.72569 4.83577 3.90184 5.58474 3.60228C5.42745 3.74459 5.27017 3.89437 5.11289 4.04415C3.91455 5.2425 2.94092 6.44081 2.11705 7.71406C1.48042 8.8375 0.768924 9.81115 0.394455 11.0844C-1.62773 18.4242 4.73842 15.3534 5.63717 14.8292C6.61083 15.3085 7.65936 15.5707 8.85771 15.5707C12.0033 15.5707 14.6996 13.5485 15.6732 10.7773H11.8535C10.056 13.6234 5.78695 12.3501 5.63717 9.2794H15.9728C16.0117 8.97231 15.9984 8.61659 15.9953 8.39562ZM1.39058 14.8367C0.861549 14.356 0.791424 13.0391 1.91486 10.7174C2.47658 12.3651 3.63745 13.7132 5.06049 14.5371C4.33399 14.934 2.40845 15.7614 1.39058 14.8367ZM5.58474 7.34706C5.64239 5.69934 7.08264 4.35125 8.88014 4.35125C10.6776 4.35125 12.1007 5.69937 12.1755 7.34706H5.58474ZM11.3892 1.65497C12.0557 1.3329 13.7611 0.683748 14.6846 1.2805C15.3781 1.72869 15.6787 2.60753 14.9093 4.5759C14.0854 3.22778 12.8871 2.17925 11.3892 1.65497Z", fill: "#00BBEF" }));
|
|
396
|
+
|
|
397
|
+
const SvgBrowserstackIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_4989_1594)" }, /* @__PURE__ */ React.createElement("path", { d: "M7.99649 16.0001C12.394 16.0001 15.9588 12.4352 15.9588 8.03775C15.9588 3.64029 12.394 0.0754395 7.99649 0.0754395C3.59903 0.0754395 0.0341797 3.64029 0.0341797 8.03775C0.0341797 12.4352 3.59903 16.0001 7.99649 16.0001Z", fill: "#F5BB60" }), /* @__PURE__ */ React.createElement("path", { d: "M7.18539 14.3937C11.1441 14.3937 14.3532 11.1846 14.3532 7.22592C14.3532 3.26724 11.1441 0.0581055 7.18539 0.0581055C3.22672 0.0581055 0.0175781 3.26724 0.0175781 7.22592C0.0175781 11.1846 3.22672 14.3937 7.18539 14.3937Z", fill: "#E86F32" }), /* @__PURE__ */ React.createElement("path", { d: "M8.1348 12.4938C11.5688 12.4938 14.3526 9.71001 14.3526 6.27601C14.3526 2.84201 11.5688 0.058197 8.1348 0.058197C4.7008 0.058197 1.91699 2.84201 1.91699 6.27601C1.91699 9.71001 4.7008 12.4938 8.1348 12.4938Z", fill: "#E53D42" }), /* @__PURE__ */ React.createElement("path", { d: "M8.63588 12.4938C11.7933 12.4938 14.3528 9.93425 14.3528 6.77687C14.3528 3.6195 11.7933 1.05994 8.63588 1.05994C5.4785 1.05994 2.91895 3.6195 2.91895 6.77687C2.91895 9.93425 5.4785 12.4938 8.63588 12.4938Z", fill: "#BFD141" }), /* @__PURE__ */ React.createElement("path", { d: "M8.22138 12.4938C11.1498 12.4938 13.5238 10.1198 13.5238 7.19138C13.5238 4.26293 11.1498 1.88895 8.22138 1.88895C5.29293 1.88895 2.91895 4.26293 2.91895 7.19138C2.91895 10.1198 5.29293 12.4938 8.22138 12.4938Z", fill: "#6DB64C" }), /* @__PURE__ */ React.createElement("path", { d: "M7.37507 10.8185C9.83612 10.8185 11.8312 8.82342 11.8312 6.36237C11.8312 3.90132 9.83612 1.90625 7.37507 1.90625C4.91402 1.90625 2.91895 3.90132 2.91895 6.36237C2.91895 8.82342 4.91402 10.8185 7.37507 10.8185Z", fill: "#AFDBE7" }), /* @__PURE__ */ React.createElement("path", { d: "M8.1008 9.35029C10.1612 9.35029 11.8315 7.68001 11.8315 5.6196C11.8315 3.5592 10.1612 1.88892 8.1008 1.88892C6.0404 1.88892 4.37012 3.5592 4.37012 5.6196C4.37012 7.68001 6.0404 9.35029 8.1008 9.35029Z", fill: "#57BADF" }), /* @__PURE__ */ React.createElement("path", { d: "M8.56678 9.36763C10.3792 9.36763 11.8484 7.8984 11.8484 6.08601C11.8484 4.27362 10.3792 2.80438 8.56678 2.80438C6.75439 2.80438 5.28516 4.27362 5.28516 6.08601C5.28516 7.8984 6.75439 9.36763 8.56678 9.36763Z", fill: "#02B2D6" }), /* @__PURE__ */ React.createElement("path", { d: "M8.08316 9.3503C9.62845 9.3503 10.8812 8.0976 10.8812 6.5523C10.8812 5.00701 9.62845 3.7543 8.08316 3.7543C6.53786 3.7543 5.28516 5.00701 5.28516 6.5523C5.28516 8.0976 6.53786 9.3503 8.08316 9.3503Z", fill: "url(#paint0_radial_4989_1594)" }), /* @__PURE__ */ React.createElement("path", { d: "M8.08316 9.3503C9.62845 9.3503 10.8812 8.0976 10.8812 6.5523C10.8812 5.00701 9.62845 3.7543 8.08316 3.7543C6.53786 3.7543 5.28516 5.00701 5.28516 6.5523C5.28516 8.0976 6.53786 9.3503 8.08316 9.3503Z", fill: "#231F20" }), /* @__PURE__ */ React.createElement("path", { d: "M8.81798 6.18567C9.09542 6.31017 9.47798 6.05967 9.67248 5.62624C9.86698 5.19274 9.79973 4.74042 9.52236 4.61599C9.24486 4.49149 8.86236 4.74199 8.66786 5.17542C8.47336 5.60892 8.54055 6.06124 8.81798 6.18567Z", fill: "white" })), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("radialGradient", { id: "paint0_radial_4989_1594", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(285.874 283.571) scale(280.466)" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#797979" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#4C4C4C" })), /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_4989_1594" }, /* @__PURE__ */ React.createElement("rect", { width: 16, height: 16, fill: "white" }))));
|
|
398
|
+
|
|
399
|
+
const SvgEdge = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M0 7.79242C0 4.66921 2.6228 0 8.0056 0C13.3808 0 16 3.96921 16 6.76201C16 9.00362 14.2284 10.6548 12.0032 10.6548C10.3052 10.6548 9.2996 10.0916 9.2996 9.64282C9.2996 9.35242 10.0016 8.90802 10.0016 8.05002C10.0016 7.02401 9.2072 5.99521 7.9836 5.99521C6.81 5.99521 5.994 6.97201 5.994 7.95722C5.994 10.338 8.246 12.6148 11.5664 12.6148C13.55 12.6148 14.27 11.8836 14.5276 11.8836C14.606 11.8836 14.7864 11.9156 14.7864 12.1248C14.7864 12.3248 12.592 15.9992 8.0104 15.9992C3.4528 16 0 12.4092 0 7.79242Z", fill: "#1DE9B6" }), /* @__PURE__ */ React.createElement("path", { d: "M0 7.79144C0 4.66824 3.046 2.97543 5.092 2.97543C10.4676 2.97543 12.0028 3.96864 12.0028 6.76144C12.0028 9.00305 10.0016 8.90785 10.0016 8.04984C10.0016 7.02384 9.2072 5.99504 7.9836 5.99504C6.81 5.99504 5.994 6.97184 5.994 7.95704C5.994 10.3378 8.246 12.6147 11.5664 12.6147C13.55 12.6147 14.27 11.8835 14.5276 11.8835C14.606 11.8835 14.7864 11.9155 14.7864 12.1247C14.7864 12.3247 12.592 15.9991 8.0104 15.9991C3.4528 15.9991 0 12.4083 0 7.79144Z", fill: "url(#paint0_radial_4989_1632)" }), /* @__PURE__ */ React.createElement("path", { d: "M5.9946 7.95735C5.9946 7.03814 6.7046 6.12734 7.7526 6.00894C6.111 6.14854 4.2334 7.75895 4.2334 10.7414C4.2334 13.9266 6.979 16.1274 9.8106 15.7926C13.165 15.0218 14.787 12.2966 14.787 12.1254C14.787 11.9162 14.6066 11.8842 14.5282 11.8842C14.271 11.8842 13.5506 12.6154 11.567 12.6154C8.2466 12.6154 5.9946 10.3386 5.9946 7.95735Z", fill: "url(#paint1_radial_4989_1632)" }), /* @__PURE__ */ React.createElement("path", { d: "M0 7.79242C0 4.66921 2.6228 0 8.0056 0C13.3808 0 16 3.96921 16 6.76201C16 9.00362 14.2284 10.6548 12.0032 10.6548C10.3052 10.6548 9.2996 10.0916 9.2996 9.64282C9.2996 9.35242 10.0016 8.90802 10.0016 8.05002C10.0016 7.02401 9.1712 3.77881 4.9504 3.77881C3.7768 3.77921 0.5024 4.29801 0 7.79242Z", fill: "url(#paint2_radial_4989_1632)" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("radialGradient", { id: "paint0_radial_4989_1632", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(5.5972 11.5396) scale(8.53932 9.46415)" }, /* @__PURE__ */ React.createElement("stop", { offset: 0.6519, stopColor: "#0083DE" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.8215, stopColor: "#006AAC" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.9438, stopColor: "#005A8C" })), /* @__PURE__ */ React.createElement("radialGradient", { id: "paint1_radial_4989_1632", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(9.6334 10.1238) scale(6.59116 6.60963)" }, /* @__PURE__ */ React.createElement("stop", { offset: 0.69, stopColor: "#05509B" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.7174, stopColor: "#054E98" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#033E78" })), /* @__PURE__ */ React.createElement("radialGradient", { id: "paint2_radial_4989_1632", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(17.4591 4.82274) rotate(180) scale(24.6127 37.1258)" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#5EEB69" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.2136, stopColor: "#4BC958" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.2245, stopColor: "#4AC862" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.2722, stopColor: "#47C68B" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.3229, stopColor: "#44C4AE" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.3761, stopColor: "#41C2CB" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.4328, stopColor: "#3FC1E1" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.4946, stopColor: "#3EC0F1" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.5652, stopColor: "#3DBFFA" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.6644, stopColor: "#3DBFFD" }))));
|
|
400
|
+
|
|
401
|
+
const SvgFireFox = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M15.4208 5.36759C15.0727 4.55686 14.3668 3.6815 13.8139 3.40478C14.2082 4.14411 14.4819 4.93812 14.6251 5.75855L14.6266 5.77156C13.7209 3.58546 12.1852 2.7043 10.9309 0.785106C10.8661 0.687267 10.8032 0.588276 10.7422 0.488184C10.7108 0.435902 10.6813 0.38251 10.654 0.328118C10.6019 0.230589 10.5619 0.127516 10.5345 0.0209915C10.5346 0.016076 10.5327 0.0113193 10.5294 0.00762902C10.526 0.00393873 10.5214 0.00157306 10.5163 0.000983305C10.5114 -0.000327768 10.5062 -0.000327768 10.5012 0.000983305C10.5002 0.000983305 10.4986 0.00278405 10.4973 0.00298413L10.4915 0.00618545L10.4946 0.000983305C8.48271 1.14145 7.80008 3.25272 7.73726 4.30876C6.93381 4.36217 6.16564 4.64874 5.53293 5.1311C5.46691 5.07703 5.39792 5.02647 5.32626 4.97963C5.14375 4.36117 5.13597 3.70662 5.30373 3.08425C4.56488 3.43078 3.90836 3.92201 3.37572 4.52685H3.372C3.05456 4.13729 3.07688 2.85276 3.09507 2.58445C3.00116 2.62099 2.91151 2.66706 2.82764 2.7219C2.54741 2.91554 2.28543 3.13281 2.04478 3.37117C1.77055 3.64035 1.52009 3.93128 1.29602 4.24093C0.78105 4.94773 0.415796 5.74609 0.221342 6.5903L0.210595 6.64152C0.181051 6.8024 0.154799 6.96383 0.131855 7.12572C0.131855 7.13152 0.130615 7.13692 0.129995 7.14272C0.0598797 7.49554 0.016433 7.85283 0 8.21176V8.25178C0.00175609 10.1934 0.755792 12.0638 2.11309 13.4933C3.47038 14.9227 5.33217 15.8072 7.33051 15.972C9.32884 16.1368 11.3183 15.5698 12.9058 14.3832C14.4932 13.1965 15.5631 11.4765 15.904 9.56312C15.9174 9.46308 15.9284 9.36404 15.9403 9.263C16.1054 7.94283 15.9267 6.60388 15.4208 5.36759ZM6.1889 11.4377C6.2263 11.4551 6.26144 11.4737 6.29988 11.4905L6.30546 11.4939C6.2666 11.4759 6.22775 11.4572 6.1889 11.4377ZM14.6272 5.77336V5.76596L14.6286 5.77396L14.6272 5.77336Z", fill: "url(#paint0_linear_4989_1618)" }), /* @__PURE__ */ React.createElement("path", { d: "M15.4208 5.36729C15.0727 4.55655 14.3668 3.68119 13.8139 3.40448C14.2082 4.14381 14.4819 4.93781 14.6251 5.75825V5.76565L14.6266 5.77366C15.244 7.48411 15.1547 9.35941 14.3773 11.0076C13.4593 12.9144 11.2372 14.8692 7.75896 14.7742C4.00069 14.6711 0.690893 11.971 0.0721273 8.43495C-0.040507 7.87732 0.0721273 7.59461 0.128755 7.14142C0.0515075 7.49344 0.00840198 7.85168 0 8.21146V8.25148C0.00175609 10.1931 0.755792 12.0635 2.11309 13.493C3.47038 14.9224 5.33217 15.8069 7.33051 15.9717C9.32884 16.1365 11.3183 15.5695 12.9058 14.3829C14.4932 13.1962 15.5631 11.4762 15.904 9.56282C15.9174 9.46277 15.9284 9.36373 15.9403 9.26269C16.1054 7.94253 15.9267 6.60357 15.4208 5.36729Z", fill: "url(#paint1_radial_4989_1618)" }), /* @__PURE__ */ React.createElement("path", { d: "M15.4208 5.36729C15.0727 4.55655 14.3668 3.68119 13.8139 3.40448C14.2082 4.14381 14.4819 4.93781 14.6251 5.75825V5.76565L14.6266 5.77366C15.244 7.48411 15.1547 9.35941 14.3773 11.0076C13.4593 12.9144 11.2372 14.8692 7.75896 14.7742C4.00069 14.6711 0.690893 11.971 0.0721273 8.43495C-0.040507 7.87732 0.0721273 7.59461 0.128755 7.14142C0.0515075 7.49344 0.00840198 7.85168 0 8.21146V8.25148C0.00175609 10.1931 0.755792 12.0635 2.11309 13.493C3.47038 14.9224 5.33217 15.8069 7.33051 15.9717C9.32884 16.1365 11.3183 15.5695 12.9058 14.3829C14.4932 13.1962 15.5631 11.4762 15.904 9.56282C15.9174 9.46277 15.9284 9.36373 15.9403 9.26269C16.1054 7.94253 15.9267 6.60357 15.4208 5.36729Z", fill: "url(#paint2_radial_4989_1618)" }), /* @__PURE__ */ React.createElement("path", { d: "M11.5284 6.27931C11.5458 6.29112 11.5619 6.30292 11.5782 6.31473C11.377 5.96933 11.1266 5.65309 10.8342 5.37534C8.3447 2.96475 10.1818 0.14859 10.4916 0.00553096L10.4947 0.00112915C8.48276 1.1416 7.80013 3.25287 7.7373 4.3089C7.83072 4.3027 7.92331 4.2949 8.01879 4.2949C8.73268 4.29618 9.43349 4.48047 10.0499 4.82903C10.6664 5.17759 11.1765 5.67798 11.5284 6.27931Z", fill: "url(#paint3_radial_4989_1618)" }), /* @__PURE__ */ React.createElement("path", { d: "M8.02379 6.76045C8.01057 6.95333 7.30665 7.6186 7.06051 7.6186C4.78282 7.6186 4.41309 8.95255 4.41309 8.95255C4.51394 10.0758 5.32243 11.001 6.29976 11.4904C6.3444 11.5128 6.38966 11.533 6.43492 11.5528C6.51332 11.5864 6.59172 11.6175 6.67011 11.6461C7.00553 11.761 7.35684 11.8266 7.71234 11.8407C11.7046 12.022 12.4779 7.21883 9.59695 5.82506C10.2766 5.73945 10.9649 5.90123 11.5283 6.27905C11.1763 5.67775 10.6662 5.1774 10.0497 4.82888C9.43329 4.48036 8.7325 4.2961 8.01862 4.29483C7.92356 4.29483 7.83056 4.30243 7.73714 4.30864C6.9337 4.36205 6.16553 4.64862 5.53282 5.13097C5.65496 5.23102 5.79281 5.36487 6.08317 5.64199C6.62671 6.1602 8.02069 6.69742 8.02379 6.76045Z", fill: "url(#paint4_radial_4989_1618)" }), /* @__PURE__ */ React.createElement("path", { d: "M8.02379 6.76045C8.01057 6.95333 7.30665 7.6186 7.06051 7.6186C4.78282 7.6186 4.41309 8.95255 4.41309 8.95255C4.51394 10.0758 5.32243 11.001 6.29976 11.4904C6.3444 11.5128 6.38966 11.533 6.43492 11.5528C6.51332 11.5864 6.59172 11.6175 6.67011 11.6461C7.00553 11.761 7.35684 11.8266 7.71234 11.8407C11.7046 12.022 12.4779 7.21883 9.59695 5.82506C10.2766 5.73945 10.9649 5.90123 11.5283 6.27905C11.1763 5.67775 10.6662 5.1774 10.0497 4.82888C9.43329 4.48036 8.7325 4.2961 8.01862 4.29483C7.92356 4.29483 7.83056 4.30243 7.73714 4.30864C6.9337 4.36205 6.16553 4.64862 5.53282 5.13097C5.65496 5.23102 5.79281 5.36487 6.08317 5.64199C6.62671 6.1602 8.02069 6.69742 8.02379 6.76045Z", fill: "url(#paint5_radial_4989_1618)" }), /* @__PURE__ */ React.createElement("path", { d: "M5.15971 4.87333C5.22461 4.91335 5.27814 4.94817 5.32505 4.97938C5.14258 4.36097 5.1348 3.7065 5.30252 3.0842C4.56367 3.43073 3.90715 3.92195 3.37451 4.52679C3.41357 4.52579 4.57546 4.50558 5.15971 4.87333Z", fill: "url(#paint6_radial_4989_1618)" }), /* @__PURE__ */ React.createElement("path", { d: "M0.073037 8.43551C0.691182 11.9718 4.0016 14.6717 7.75987 14.7747C11.2381 14.87 13.4602 12.9152 14.3782 11.0082C15.1555 9.36002 15.2448 7.48481 14.6275 5.77441V5.76701C14.6275 5.76101 14.6262 5.75781 14.6275 5.75961L14.6289 5.77261C14.9131 7.56875 13.9694 9.30887 12.4942 10.4856L12.4897 10.4956C9.61534 12.7619 6.86458 11.8629 6.30781 11.496C6.26896 11.478 6.2301 11.4592 6.19125 11.4397C4.51538 10.6642 3.82304 9.18602 3.97142 7.9183C3.57361 7.92398 3.18263 7.81785 2.84586 7.61276C2.50908 7.40768 2.24097 7.11244 2.074 6.76282C2.51392 6.5019 3.01552 6.3544 3.53102 6.33436C4.04651 6.31433 4.55872 6.42243 5.01882 6.64837C5.9674 7.06528 7.04681 7.10635 8.02626 6.76282C8.02316 6.69979 6.62918 6.16257 6.08564 5.64436C5.79527 5.36725 5.65743 5.23379 5.53529 5.13355C5.46928 5.07942 5.40029 5.02879 5.32862 4.98189C5.28108 4.95047 5.22756 4.91646 5.16328 4.87564C4.57903 4.50789 3.41714 4.5281 3.3787 4.5291H3.37498C3.05754 4.13954 3.07986 2.85501 3.09804 2.5867C3.00413 2.62324 2.91449 2.66932 2.83062 2.72416C2.55038 2.91779 2.28841 3.13506 2.04775 3.37342C1.77254 3.64184 1.52104 3.93211 1.29589 4.24118C0.780927 4.94798 0.415672 5.74634 0.221218 6.59055C0.217292 6.60636 -0.0672909 7.81105 0.073037 8.43551Z", fill: "url(#paint7_radial_4989_1618)" }), /* @__PURE__ */ React.createElement("path", { d: "M10.8344 5.3752C11.1269 5.65325 11.3773 5.96983 11.5784 6.31558C11.6225 6.3476 11.6636 6.37961 11.6985 6.41082C13.5145 8.03149 12.563 10.3224 12.4921 10.4855C13.9673 9.30882 14.9101 7.5687 14.6268 5.77256C13.7208 3.58546 12.185 2.7043 10.9307 0.785106C10.866 0.687267 10.8031 0.588276 10.7421 0.488184C10.7106 0.435902 10.6812 0.38251 10.6538 0.328118C10.6018 0.230589 10.5617 0.127516 10.5344 0.0209915C10.5344 0.016076 10.5326 0.0113193 10.5292 0.00762903C10.5258 0.00393873 10.5212 0.00157306 10.5162 0.000983305C10.5112 -0.000327768 10.506 -0.000327768 10.5011 0.000983305C10.5 0.000983305 10.4984 0.00278405 10.4972 0.00298413L10.4914 0.00618545C10.1816 0.148244 8.34449 2.9646 10.8344 5.3752Z", fill: "url(#paint8_radial_4989_1618)" }), /* @__PURE__ */ React.createElement("path", { d: "M11.6977 6.40941C11.6592 6.37588 11.6192 6.3441 11.5776 6.31417C11.5613 6.30217 11.5452 6.29056 11.5278 6.27876C10.9644 5.90087 10.2762 5.73901 9.59651 5.82457C12.4775 7.21914 11.7045 12.0217 7.7119 11.8404C7.35639 11.8263 7.00508 11.7607 6.66967 11.6458C6.59127 11.6174 6.51287 11.5863 6.43448 11.5525C6.38922 11.5325 6.34396 11.5125 6.29932 11.4901L6.3049 11.4935C6.86166 11.8615 9.61159 12.7604 12.4868 10.4931L12.4913 10.4831C12.563 10.321 13.5145 8.02948 11.6977 6.40941Z", fill: "url(#paint9_radial_4989_1618)" }), /* @__PURE__ */ React.createElement("path", { d: "M4.41333 8.9525C4.41333 8.9525 4.78306 7.61856 7.06076 7.61856C7.3069 7.61856 8.01143 6.95328 8.02404 6.7602C7.04461 7.1038 5.9652 7.06279 5.0166 6.64595C4.55649 6.42001 4.04429 6.31191 3.52879 6.33194C3.0133 6.35198 2.51169 6.49948 2.07178 6.7604C2.23874 7.11002 2.50686 7.40526 2.84363 7.61035C3.18041 7.81543 3.57139 7.92156 3.9692 7.91588C3.82081 9.1838 4.51315 10.662 6.18903 11.4373C6.22643 11.4547 6.26157 11.4733 6.30001 11.4901C5.32185 11.0009 4.51419 10.0756 4.41333 8.9525Z", fill: "url(#paint10_radial_4989_1618)" }), /* @__PURE__ */ React.createElement("path", { d: "M15.4208 5.36759C15.0727 4.55686 14.3668 3.6815 13.8139 3.40478C14.2082 4.14411 14.4819 4.93812 14.6251 5.75855L14.6266 5.77156C13.7209 3.58546 12.1852 2.7043 10.9309 0.785106C10.8661 0.687267 10.8032 0.588276 10.7422 0.488184C10.7108 0.435902 10.6813 0.38251 10.654 0.328118C10.6019 0.230589 10.5619 0.127516 10.5345 0.0209915C10.5346 0.016076 10.5327 0.0113193 10.5294 0.00762902C10.526 0.00393873 10.5214 0.00157306 10.5163 0.000983305C10.5114 -0.000327768 10.5062 -0.000327768 10.5012 0.000983305C10.5002 0.000983305 10.4986 0.00278405 10.4973 0.00298413L10.4915 0.00618545L10.4946 0.000983305C8.48271 1.14145 7.80008 3.25272 7.73726 4.30876C7.83067 4.30255 7.92326 4.29475 8.01874 4.29475C8.73263 4.29604 9.43344 4.48033 10.0499 4.82889C10.6664 5.17744 11.1765 5.67783 11.5284 6.27917C10.965 5.90128 10.2767 5.73943 9.59707 5.82498C12.478 7.21956 11.7051 12.0221 7.71246 11.8409C7.35695 11.8267 7.00564 11.7611 6.67023 11.6462C6.59183 11.6178 6.51343 11.5867 6.43504 11.5529C6.38978 11.5329 6.34452 11.5129 6.29988 11.4905L6.30546 11.4939C6.2666 11.4759 6.22775 11.4572 6.1889 11.4377C6.2263 11.4551 6.26144 11.4737 6.29988 11.4905C5.32171 11.0011 4.51405 10.0759 4.4132 8.95267C4.4132 8.95267 4.78293 7.61872 7.06062 7.61872C7.30677 7.61872 8.0113 6.95345 8.0239 6.76037C8.02081 6.69754 6.62683 6.16012 6.08329 5.64191C5.79292 5.36499 5.65507 5.23154 5.53293 5.1313C5.46692 5.07716 5.39793 5.02654 5.32626 4.97963C5.14375 4.36117 5.13597 3.70662 5.30373 3.08425C4.56488 3.43078 3.90836 3.92201 3.37572 4.52685H3.372C3.05456 4.13729 3.07688 2.85276 3.09507 2.58445C3.00116 2.62099 2.91151 2.66706 2.82764 2.7219C2.54741 2.91554 2.28543 3.13281 2.04478 3.37117C1.77055 3.64035 1.52009 3.93128 1.29602 4.24093C0.78105 4.94773 0.415796 5.74609 0.221342 6.5903L0.210595 6.64152C0.195508 6.70955 0.127928 7.05629 0.118214 7.13072C0.118214 7.12472 0.118214 7.13632 0.118214 7.13072C0.056402 7.48844 0.0169256 7.84944 0 8.21176V8.25178C0.00175609 10.1934 0.755792 12.0638 2.11309 13.4933C3.47038 14.9227 5.33217 15.8072 7.33051 15.972C9.32884 16.1368 11.3183 15.5698 12.9058 14.3832C14.4932 13.1965 15.5631 11.4765 15.904 9.56312C15.9174 9.46308 15.9284 9.36404 15.9403 9.263C16.1054 7.94283 15.9267 6.60388 15.4208 5.36759Z", fill: "url(#paint11_linear_4989_1618)" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "paint0_linear_4989_1618", x1: 14.3606, y1: 2.4788, x2: 1.47928, y2: 15.3159, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: 0.048, stopColor: "#FFF44F" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.111, stopColor: "#FFE847" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.225, stopColor: "#FFC830" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.368, stopColor: "#FF980E" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.401, stopColor: "#FF8B16" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.462, stopColor: "#FF672A" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.534, stopColor: "#FF3647" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.705, stopColor: "#E31587" })), /* @__PURE__ */ React.createElement("radialGradient", { id: "paint1_radial_4989_1618", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(13.7461 1.77541) scale(16.6982 16.1661)" }, /* @__PURE__ */ React.createElement("stop", { offset: 0.129, stopColor: "#FFBD4F" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.186, stopColor: "#FFAC31" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.247, stopColor: "#FF9D17" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.283, stopColor: "#FF980E" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.403, stopColor: "#FF563B" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.467, stopColor: "#FF3750" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.71, stopColor: "#F5156C" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.782, stopColor: "#EB0878" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.86, stopColor: "#E50080" })), /* @__PURE__ */ React.createElement("radialGradient", { id: "paint2_radial_4989_1618", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(7.64446 8.38453) scale(16.6982 16.1661)" }, /* @__PURE__ */ React.createElement("stop", { offset: 0.3, stopColor: "#960E18" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.351, stopColor: "#B11927", stopOpacity: 0.74 }), /* @__PURE__ */ React.createElement("stop", { offset: 0.435, stopColor: "#DB293D", stopOpacity: 0.343 }), /* @__PURE__ */ React.createElement("stop", { offset: 0.497, stopColor: "#F5334B", stopOpacity: 0.094 }), /* @__PURE__ */ React.createElement("stop", { offset: 0.53, stopColor: "#FF3750", stopOpacity: 0 })), /* @__PURE__ */ React.createElement("radialGradient", { id: "paint3_radial_4989_1618", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(9.65767 -1.89285) scale(12.0971 11.7116)" }, /* @__PURE__ */ React.createElement("stop", { offset: 0.132, stopColor: "#FFF44F" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.252, stopColor: "#FFDC3E" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.506, stopColor: "#FF9D12" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.526, stopColor: "#FF980E" })), /* @__PURE__ */ React.createElement("radialGradient", { id: "paint4_radial_4989_1618", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(5.79735 12.6075) scale(7.95075 7.69737)" }, /* @__PURE__ */ React.createElement("stop", { offset: 0.353, stopColor: "#3A8EE6" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.472, stopColor: "#5C79F0" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.669, stopColor: "#9059FF" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#C139E6" })), /* @__PURE__ */ React.createElement("radialGradient", { id: "paint5_radial_4989_1618", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(8.55683 7.05984) rotate(-13.1738) scale(4.20813 4.78625)" }, /* @__PURE__ */ React.createElement("stop", { offset: 0.206, stopColor: "#9059FF", stopOpacity: 0 }), /* @__PURE__ */ React.createElement("stop", { offset: 0.278, stopColor: "#8C4FF3", stopOpacity: 0.064 }), /* @__PURE__ */ React.createElement("stop", { offset: 0.747, stopColor: "#7716A8", stopOpacity: 0.45 }), /* @__PURE__ */ React.createElement("stop", { offset: 0.975, stopColor: "#6E008B", stopOpacity: 0.6 })), /* @__PURE__ */ React.createElement("radialGradient", { id: "paint6_radial_4989_1618", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(7.43389 1.11419) scale(5.71976 5.53748)" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#FFE226" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.121, stopColor: "#FFDB27" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.295, stopColor: "#FFC82A" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.502, stopColor: "#FFA930" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.732, stopColor: "#FF7E37" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.792, stopColor: "#FF7139" })), /* @__PURE__ */ React.createElement("radialGradient", { id: "paint7_radial_4989_1618", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.9294 -2.39775) scale(24.4036 23.6259)" }, /* @__PURE__ */ React.createElement("stop", { offset: 0.113, stopColor: "#FFF44F" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.456, stopColor: "#FF980E" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.622, stopColor: "#FF5634" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.716, stopColor: "#FF3647" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.904, stopColor: "#E31587" })), /* @__PURE__ */ React.createElement("radialGradient", { id: "paint8_radial_4989_1618", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(9.87252 -1.08435) rotate(83.7792) scale(17.3224 11.7341)" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#FFF44F" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.06, stopColor: "#FFE847" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.168, stopColor: "#FFC830" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.304, stopColor: "#FF980E" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.356, stopColor: "#FF8B16" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.455, stopColor: "#FF672A" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.57, stopColor: "#FF3647" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.737, stopColor: "#E31587" })), /* @__PURE__ */ React.createElement("radialGradient", { id: "paint9_radial_4989_1618", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(7.29918 3.16487) scale(15.2356 14.7501)" }, /* @__PURE__ */ React.createElement("stop", { offset: 0.137, stopColor: "#FFF44F" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.48, stopColor: "#FF980E" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.592, stopColor: "#FF5634" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.655, stopColor: "#FF3647" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.904, stopColor: "#E31587" })), /* @__PURE__ */ React.createElement("radialGradient", { id: "paint10_radial_4989_1618", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.3208 4.02848) scale(16.6753 16.1438)" }, /* @__PURE__ */ React.createElement("stop", { offset: 0.094, stopColor: "#FFF44F" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.231, stopColor: "#FFE141" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.509, stopColor: "#FFAF1E" }), /* @__PURE__ */ React.createElement("stop", { offset: 0.626, stopColor: "#FF980E" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "paint11_linear_4989_1618", x1: 14.2008, y1: 2.41238, x2: 3.25284, y2: 13.7205, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: 0.167, stopColor: "#FFF44F", stopOpacity: 0.8 }), /* @__PURE__ */ React.createElement("stop", { offset: 0.266, stopColor: "#FFF44F", stopOpacity: 0.634 }), /* @__PURE__ */ React.createElement("stop", { offset: 0.489, stopColor: "#FFF44F", stopOpacity: 0.217 }), /* @__PURE__ */ React.createElement("stop", { offset: 0.6, stopColor: "#FFF44F", stopOpacity: 0 }))));
|
|
402
|
+
|
|
403
|
+
const SvgLambdaIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M7.70342 8.42245C7.64466 8.50597 7.59514 8.57471 7.54747 8.64419C6.78716 9.7632 6.02711 10.8821 5.2673 12.0009C4.56046 13.0415 3.85288 14.0816 3.14456 15.121C3.13281 15.1374 3.11775 15.151 3.10037 15.1612C3.08299 15.1713 3.06367 15.1776 3.04367 15.1798C2.04365 15.1712 1.04388 15.1603 0.0443469 15.1473C0.0332601 15.1473 0.0218039 15.144 0 15.1406C0.00807304 15.1197 0.0174537 15.0994 0.0280863 15.0797C0.725564 13.9983 1.42304 12.9172 2.12052 11.8364C2.73916 10.8785 3.35817 9.92088 3.97754 8.96348C4.66393 7.89965 5.34996 6.83508 6.03561 5.76977C6.13687 5.61271 6.24219 5.4586 6.33827 5.29858C6.36291 5.25575 6.37031 5.20514 6.35897 5.15704C6.17419 4.56797 5.98572 3.98037 5.79761 3.39278C5.71705 3.14111 5.63279 2.89092 5.5574 2.63777C5.53301 2.55647 5.49273 2.53171 5.40958 2.53208C4.78133 2.53467 4.15678 2.53393 3.53038 2.53393C3.41138 2.53393 3.41101 2.53393 3.41101 2.41641C3.41101 1.64625 3.41101 0.876094 3.4088 0.105937C3.4088 0.0201993 3.43688 0.000982349 3.51744 0.000982349C4.77862 0.00319969 6.04004 0.00319969 7.30171 0.000982349C7.33101 -0.00276441 7.36067 0.00428353 7.38516 0.0208096C7.40964 0.0373357 7.42727 0.0622096 7.43475 0.0907847C8.09995 1.76389 8.76516 3.43639 9.43036 5.10826C10.2064 7.05805 10.9825 9.00808 11.7586 10.9584C11.9995 11.5637 12.2423 12.1687 12.4807 12.7755C12.5091 12.8494 12.5387 12.8634 12.6134 12.8405C13.2745 12.6361 13.9371 12.4373 14.5979 12.2326C14.681 12.2067 14.7113 12.2241 14.7372 12.3065C14.9626 13.0149 15.1925 13.7219 15.4209 14.4296C15.4286 14.454 15.4346 14.4788 15.4438 14.5128C15.3965 14.5301 15.3521 14.5497 15.3067 14.5623C13.8038 15.0385 12.3018 15.515 10.8007 15.9917C10.729 16.0143 10.7075 15.9899 10.6835 15.9296C10.225 14.7677 9.76542 13.6064 9.30471 12.4454C8.8541 11.3087 8.40324 10.1719 7.95213 9.03518C7.8845 8.86444 7.81798 8.69297 7.75035 8.52223C7.73964 8.49304 7.72485 8.46754 7.70342 8.42245Z", fill: "#FA7E14" }));
|
|
404
|
+
|
|
405
|
+
const SvgLinux = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M11.7874 12.0225C11.9329 11.7103 12 11.2728 12 10.6667C12 8.50228 11.0029 7.25358 10.2018 6.25C9.7168 5.64225 9.33333 5.16211 9.33333 4.66667L9.33398 4.51139C9.33919 3.59115 9.34993 1.67578 8.33268 0.652669C7.90202 0.219727 7.34147 0 6.66667 0C5.26628 0 4.33333 0.680339 4.33333 4C4.33333 4.91374 3.94889 5.66211 3.54199 6.45443C3.36361 6.80176 3.17904 7.16113 3.02441 7.54102C2.71647 8.29818 2 10.1514 2 11C2 11.054 2.01302 11.1071 2.03809 11.1549L4.39746 15.654C4.44824 15.7507 4.54492 15.8138 4.65332 15.8275C4.66667 15.8291 4.68001 15.8301 4.69336 15.8301C4.78809 15.8301 4.88086 15.7884 4.94466 15.7171C5.09277 15.5521 6.07454 15.3333 6.66667 15.3333H8.92806C9.01497 15.3333 9.09831 15.2995 9.16048 15.2389L11.8991 12.5723C12.0312 12.4437 12.0339 12.2327 11.9056 12.1009C11.8711 12.0654 11.8307 12.0394 11.7874 12.0225Z", fill: "#1A1A1A" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M3.54199 6.62109C3.94889 5.82878 4.33333 5.0804 4.33333 4.16667C4.33333 0.847005 5.26628 0.166667 6.66667 0.166667C7.34147 0.166667 7.90202 0.386393 8.33268 0.819336C9.22184 1.71358 9.32556 3.28927 9.33411 4.28654C9.33468 3.30843 9.27625 1.60168 8.33268 0.652669C7.90202 0.219727 7.34147 0 6.66667 0C5.26628 0 4.33333 0.680339 4.33333 4C4.33333 4.91374 3.94889 5.66211 3.54199 6.45443C3.36361 6.80176 3.17904 7.16113 3.02441 7.54102C2.71647 8.29818 2 10.1514 2 11C2 11.0152 2.00867 11.0286 2.0107 11.0435C2.06718 10.1528 2.72961 8.43258 3.02441 7.70768C3.17904 7.3278 3.36361 6.96842 3.54199 6.62109Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M11.9058 12.2675C11.9471 12.3101 11.9698 12.3616 11.984 12.4151C12.0118 12.3063 11.9897 12.1872 11.9058 12.1009C11.8856 12.0801 11.8603 12.0693 11.8367 12.055C11.8204 12.0999 11.8065 12.1486 11.7876 12.1891C11.8309 12.206 11.8713 12.2321 11.9058 12.2675Z", fill: "#0099D8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M9.3335 4.83334C9.3335 5.32879 9.71696 5.80893 10.202 6.41668C10.9956 7.41094 11.9786 8.64861 11.9969 10.7762C11.9974 10.7384 12.0002 10.7059 12.0002 10.6667C12.0002 8.50229 11.0031 7.25359 10.202 6.25001C9.71814 5.64373 9.33602 5.1644 9.33415 4.67026V4.67807L9.3335 4.83334Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M9.3335 4.6666L9.33415 4.67018C9.3348 4.55596 9.33545 4.4273 9.33427 4.28647C9.33423 4.36284 9.33451 4.44467 9.33415 4.51132L9.3335 4.6666Z", fill: "#0099D8" }), /* @__PURE__ */ React.createElement("path", { d: "M9.41977 11.2078C9.41179 9.58471 9.19125 7.75891 7.90866 5.13721C7.27393 5.56637 6.10876 5.90583 5.96879 5.90583C5.71643 5.90583 5.16545 5.7257 4.76062 5.36832C4.5942 5.85929 4.36381 6.31388 4.13525 6.75907C3.96338 7.09338 3.78564 7.43941 3.64242 7.79227C3.2395 8.78218 2.77938 10.0854 2.68652 10.7779C2.96851 10.9658 3.16516 11.3725 3.38232 11.8268C3.60726 12.2975 3.86214 12.831 4.19059 13.0598C4.79163 13.4783 5.10323 14.0752 5.1849 14.6175C5.41361 14.6403 5.7019 14.6601 6.02946 14.6601C6.84273 14.6601 7.94531 14.4949 8.76095 14C8.80672 13.1181 8.9616 11.7036 9.41977 11.2078Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M11.9969 10.7762C11.9887 11.3229 11.9237 11.7305 11.7876 12.0225C11.8056 12.0295 11.8199 12.0449 11.8367 12.0551C11.9458 11.7545 12.0002 11.3608 12.0002 10.8333C12.0002 10.8133 11.997 10.7961 11.9969 10.7762Z", fill: "#0099D8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.1, d: "M5.18464 14.6176C5.41335 14.6404 5.70164 14.6602 6.0292 14.6602C6.84247 14.6602 7.94505 14.495 8.76068 14V13.8333C7.94505 14.3283 6.84247 14.4935 6.0292 14.4935C5.70164 14.4935 5.363 14.4707 5.13428 14.4479", fill: "black" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.3, d: "M9.16243 15.0722C9.10026 15.1328 9.01693 15.1666 8.93001 15.1666H6.66862C6.0765 15.1666 5.09473 15.3854 4.94661 15.5504C4.88281 15.6217 4.79004 15.6634 4.69531 15.6634C4.68197 15.6634 4.66862 15.6624 4.65527 15.6608C4.54687 15.6471 4.4502 15.584 4.39941 15.4873L2.04004 10.9883C2.02201 10.9538 2.01786 10.915 2.01265 10.8768C2.01013 10.9165 2.00195 10.9638 2.00195 11C2.00195 11.054 2.01497 11.1071 2.04004 11.1549L4.39941 15.6539C4.4502 15.7506 4.54687 15.8138 4.65527 15.8274C4.66862 15.8291 4.68197 15.83 4.69531 15.83C4.79004 15.83 4.88281 15.7884 4.94661 15.7171C5.09473 15.5521 6.0765 15.3333 6.66862 15.3333H8.93001C9.01693 15.3333 9.10026 15.2994 9.16243 15.2389L11.901 12.5722C11.9906 12.4851 12.0157 12.361 11.9858 12.2485C11.9711 12.3059 11.9467 12.3612 11.901 12.4056L9.16243 15.0722Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M12.6177 12.7161C12.4797 12.6257 12.3368 12.5319 12.2359 12.431C12.177 12.3721 12.204 12.0996 12.2183 11.9531C12.246 11.6719 12.2746 11.3815 12.0855 11.1729C12.0142 11.0941 11.8833 11 11.6669 11C11.4885 11 11.3583 11.1413 11.3505 11.3193C11.3503 11.3242 11.3523 11.3285 11.3523 11.3333H10.0002C10.0002 11.1491 9.85112 11 9.66688 11C8.67827 11 8.66688 14.6299 8.66297 14.7093C8.64441 14.9082 8.60079 15.3747 8.8993 15.7021C9.07931 15.8997 9.33745 16 9.66688 16C10.5321 16 10.9517 15.554 11.3573 15.123C11.4257 15.0501 11.4957 14.9759 11.5692 14.9023C11.7382 14.7334 12.0686 14.613 12.3602 14.5065C12.8388 14.3317 13.3335 14.151 13.3335 13.6667C13.3335 13.1859 12.9367 12.9255 12.6177 12.7161Z", fill: "#FDB515" }), /* @__PURE__ */ React.createElement("path", { d: "M4.19043 13.0599C3.86198 12.831 3.6071 12.2975 3.38216 11.8268C3.08464 11.2044 2.82747 10.6667 2.33333 10.6667C1.70964 10.6667 1.57324 11.2272 1.50033 11.5283C1.48014 11.6113 1.44954 11.7363 1.44661 11.751C1.39714 11.7816 1.21094 11.8183 1.08789 11.8428C0.68099 11.9235 0 12.0583 0 12.6667C0 12.8437 0.0263672 12.9941 0.0553385 13.1507C0.106771 13.428 0.155273 13.6898 0.0107422 14.25C0.00358072 14.277 0 14.3053 0 14.3333C0 15.1348 1.24479 15.2386 1.98861 15.3004C2.1123 15.3109 2.21517 15.3187 2.28125 15.3291C2.38379 15.3454 2.59863 15.4443 2.80631 15.54C3.25065 15.7451 3.80371 16 4.33333 16C4.71419 16 5.01888 15.7539 5.14844 15.3418C5.34993 14.6995 5.08301 13.6813 4.19043 13.0599Z", fill: "#FDB515" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M1.0352 12.0094C1.16248 11.985 1.35514 11.9482 1.40633 11.9176C1.40934 11.903 1.441 11.778 1.46187 11.695C1.53731 11.3939 1.67843 10.8333 2.32369 10.8333C2.83492 10.8333 3.10099 11.3711 3.40881 11.9935C3.64152 12.4642 3.90523 12.9977 4.24504 13.2266C4.58354 13.4543 4.83329 13.7359 5.00586 14.0323C4.84139 13.6757 4.57817 13.3299 4.19023 13.0599C3.86178 12.831 3.60689 12.2975 3.38196 11.8268C3.08443 11.2044 2.82727 10.6667 2.33313 10.6667C1.70943 10.6667 1.57304 11.2272 1.50012 11.5283C1.47994 11.6113 1.44934 11.7363 1.44641 11.751C1.39693 11.7816 1.21073 11.8183 1.08769 11.8428C0.734294 11.9129 0.175415 12.0246 0.0341797 12.4512C0.255005 12.16 0.722697 12.0694 1.0352 12.0094Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M11.6665 10.3333C11.6026 10.3333 11.5463 10.3561 11.4956 10.3871L9.26989 6.74501C9.02685 6.05832 8.71593 5.32989 8.29601 4.51401C8.21203 4.35092 8.01118 4.28614 7.84712 4.37013C7.68371 4.45444 7.61925 4.65561 7.70356 4.81935C9.20845 7.74383 9.33312 9.56935 9.33377 11.3148C9.32986 11.3848 9.3061 12.0091 9.66515 12.389C9.83703 12.5707 10.0678 12.6667 10.3331 12.6667L10.4506 12.6673C10.4881 12.6677 10.5258 12.668 10.5642 12.668C10.9031 12.668 11.2696 12.6423 11.5564 12.3578C11.8631 12.0537 11.9998 11.5322 11.9998 10.6667C11.9998 10.4824 11.8507 10.3333 11.6665 10.3333Z", fill: "#1A1A1A" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.3, d: "M11.5564 12.191C11.2697 12.4755 10.9031 12.5012 10.5643 12.5012C10.5258 12.5012 10.4881 12.5009 10.4506 12.5006L10.3331 12.4999C10.0678 12.4999 9.83704 12.4039 9.66516 12.2222C9.39632 11.9378 9.34212 11.5165 9.3335 11.2933C9.3335 11.3004 9.33378 11.3076 9.33378 11.3147C9.32988 11.3847 9.30611 12.009 9.66516 12.3889C9.83704 12.5705 10.0678 12.6666 10.3331 12.6666L10.4506 12.6672C10.4881 12.6676 10.5258 12.6679 10.5643 12.6679C10.9031 12.6679 11.2697 12.6422 11.5564 12.3577C11.8631 12.0536 11.9998 11.5321 11.9998 10.6666C11.9998 10.6559 11.9947 10.6468 11.9937 10.6364C11.9786 11.4143 11.8453 11.9047 11.5564 12.191Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M7.33317 2.02768C6.94678 2.02768 6.6665 2.44239 6.6665 3.01401C6.6665 3.5853 6.94678 4.00001 7.33317 4.00001C7.71956 4.00001 7.99984 3.5853 7.99984 3.01401C7.99984 2.44239 7.71956 2.02768 7.33317 2.02768Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M7.33343 3.85066C7.50059 3.85066 7.6361 3.58561 7.6361 3.25866C7.6361 2.9317 7.50059 2.66666 7.33343 2.66666C7.16627 2.66666 7.03076 2.9317 7.03076 3.25866C7.03076 3.58561 7.16627 3.85066 7.33343 3.85066Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M5.33317 2.02768C4.94678 2.02768 4.6665 2.44239 4.6665 3.01401C4.6665 3.5853 4.94678 4.00001 5.33317 4.00001C5.71956 4.00001 5.99984 3.5853 5.99984 3.01401C5.99984 2.44239 5.71956 2.02768 5.33317 2.02768Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M7.86772 5.16162C7.22567 5.5789 6.10567 5.90584 5.96842 5.90584C5.71606 5.90584 5.16508 5.72571 4.76025 5.36833L9.28129 9.88936C9.17395 8.59867 8.83545 7.13045 7.86772 5.16162Z", fill: "url(#paint0_linear_4989_1641)" }), /* @__PURE__ */ React.createElement("path", { d: "M5.33329 3.82799C5.49713 3.82799 5.62995 3.56802 5.62995 3.24732C5.62995 2.92663 5.49713 2.66666 5.33329 2.66666C5.16944 2.66666 5.03662 2.92663 5.03662 3.24732C5.03662 3.56802 5.16944 3.82799 5.33329 3.82799Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M6.39893 3.33985C6.37744 3.33562 6.35531 3.33334 6.3335 3.33334C5.6167 3.33334 4.3335 4.00554 4.3335 4.66668C4.3335 5.29135 5.59424 6.00001 6.00016 6.00001C6.1971 6.00001 8.3335 5.25815 8.3335 4.66668C8.3335 3.79461 6.8527 3.43067 6.39893 3.33985Z", fill: "#FDB515" }), /* @__PURE__ */ React.createElement("path", { d: "M6.39893 3.33985C6.37744 3.33562 6.35531 3.33334 6.3335 3.33334C5.6167 3.33334 4.3335 4.00554 4.3335 4.66668C4.3335 5.29135 5.59424 6.00001 6.00016 6.00001C6.1971 6.00001 8.3335 5.25815 8.3335 4.66668C8.3335 3.79461 6.8527 3.43067 6.39893 3.33985Z", fill: "#FDB515" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.1, d: "M12.3602 14.3398C12.0685 14.4462 11.7381 14.5667 11.5692 14.7356C11.4956 14.8092 11.4256 14.8834 11.3572 14.9563C10.9516 15.3873 10.5321 15.8333 9.66682 15.8333C9.33739 15.8333 9.07925 15.733 8.89924 15.5354C8.70381 15.321 8.65986 15.0523 8.65469 14.8329C8.64029 15.0631 8.64855 15.4271 8.89924 15.7021C9.07925 15.8997 9.33739 15.9999 9.66682 15.9999C10.5321 15.9999 10.9516 15.554 11.3572 15.123C11.4256 15.0501 11.4956 14.9758 11.5692 14.9023C11.7381 14.7333 12.0685 14.6129 12.3602 14.5064C12.8387 14.3316 13.3335 14.151 13.3335 13.6666C13.3335 13.6424 13.322 13.625 13.32 13.6019C13.2534 14.0085 12.8024 14.1782 12.3602 14.3398Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.1, d: "M5.14844 15.1752C5.01888 15.5873 4.71419 15.8334 4.33333 15.8334C3.80371 15.8334 3.25065 15.5785 2.80632 15.3735C2.59863 15.2778 2.38379 15.1788 2.28125 15.1625C2.21517 15.1521 2.1123 15.1443 1.98861 15.1339C1.26827 15.074 0.0882975 14.9688 0.0138753 14.2347C0.0124105 14.2405 0.0122477 14.2443 0.0107422 14.2501C0.00358072 14.2771 0 14.3054 0 14.3334C0 15.1349 1.24479 15.2387 1.98861 15.3005C2.1123 15.311 2.21517 15.3188 2.28125 15.3292C2.38379 15.3455 2.59863 15.4444 2.80632 15.5401C3.25065 15.7452 3.80371 16.0001 4.33333 16.0001C4.71419 16.0001 5.01888 15.754 5.14844 15.3419C5.20113 15.1739 5.21977 14.9796 5.20557 14.7741C5.20195 14.9168 5.18644 15.054 5.14844 15.1752Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.1, d: "M5.99288 5.83334C5.61922 5.83334 4.54537 5.24586 4.33439 4.66269C4.33439 4.66403 4.3335 4.66533 4.3335 4.66668C4.3335 5.29135 5.59424 6.00001 6.00016 6.00001C6.1971 6.00001 8.3335 5.25815 8.3335 4.66668C8.3335 4.65378 8.3265 4.6434 8.32585 4.63071C8.00948 5.2009 6.17672 5.83334 5.99288 5.83334Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M12.6177 12.7161C12.4797 12.6256 12.3368 12.5319 12.2358 12.431C12.1769 12.372 12.2039 12.0996 12.2183 11.9531C12.2459 11.6718 12.2746 11.3815 12.0854 11.1728C12.0613 11.1461 12.0227 11.121 11.981 11.0975C11.939 11.7044 11.8071 12.1095 11.5568 12.3577C11.27 12.6422 10.9035 12.6679 10.5646 12.6679C10.5262 12.6679 10.4884 12.6676 10.451 12.6673L10.3335 12.6666C10.0682 12.6666 9.8374 12.5706 9.66553 12.389L11.946 14.6695C12.0791 14.6099 12.2235 14.5564 12.3602 14.5065C12.8387 14.3317 13.3335 14.151 13.3335 13.6666C13.3335 13.1858 12.9367 12.9254 12.6177 12.7161Z", fill: "url(#paint1_linear_4989_1641)" }), /* @__PURE__ */ React.createElement("path", { d: "M12.6175 12.7161C12.4795 12.6257 12.3366 12.5319 12.2357 12.431C12.1768 12.3721 12.2038 12.0996 12.2181 11.9531C12.2458 11.6719 12.2744 11.3815 12.0853 11.1729C12.0625 11.1477 12.0221 11.1235 11.9864 11.0988C11.9953 10.965 12 10.8217 12 10.6667C12 8.50228 11.0029 7.25358 10.2018 6.25C9.7168 5.64225 9.33333 5.16211 9.33333 4.66667L9.33398 4.51139C9.33919 3.59115 9.34993 1.67578 8.33268 0.652669C7.90202 0.219727 7.34147 0 6.66667 0C5.26628 0 4.33333 0.680339 4.33333 4C4.33333 4.91374 3.94889 5.66211 3.54199 6.45443C3.36361 6.80176 3.17904 7.16113 3.02441 7.54102C2.74524 8.22746 2.13586 9.80717 2.02344 10.7301C1.66313 10.8817 1.55892 11.2864 1.50033 11.5283C1.48014 11.6113 1.44954 11.7363 1.44661 11.751C1.39714 11.7816 1.21094 11.8184 1.08789 11.8428C0.68099 11.9235 0 12.0583 0 12.6667C0 12.8438 0.0263672 12.9941 0.0553385 13.1507C0.106771 13.4281 0.155273 13.6898 0.0107422 14.25C0.00358072 14.277 0 14.3053 0 14.3333C0 15.1348 1.24479 15.2386 1.98861 15.3005C2.1123 15.3109 2.21517 15.3187 2.28125 15.3291C2.38379 15.3454 2.59863 15.4443 2.80631 15.54C3.25065 15.7451 3.80371 16 4.33333 16C4.56128 16 4.75582 15.903 4.90796 15.7439C4.9196 15.734 4.93441 15.7286 4.94466 15.7171C5.09277 15.5521 6.07454 15.3333 6.66667 15.3333H8.70711C8.74386 15.4618 8.79679 15.5899 8.89909 15.7021C9.0791 15.8997 9.33724 16 9.66667 16C10.5319 16 10.9515 15.554 11.3571 15.123C11.4255 15.0501 11.4954 14.9759 11.569 14.9023C11.738 14.7334 12.0684 14.613 12.36 14.5065C12.8385 14.3317 13.3333 14.151 13.3333 13.6667C13.3333 13.1859 12.9365 12.9255 12.6175 12.7161Z", fill: "url(#paint2_linear_4989_1641)" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "paint0_linear_4989_1641", x1: 5.58846, y1: 4.53996, x2: 10.1098, y2: 9.06063, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopOpacity: 0.1 }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopOpacity: 0 })), /* @__PURE__ */ React.createElement("linearGradient", { id: "paint1_linear_4989_1641", x1: 10.5748, y1: 11.48, x2: 13.1728, y2: 14.078, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopOpacity: 0.1 }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopOpacity: 0 })), /* @__PURE__ */ React.createElement("linearGradient", { id: "paint2_linear_4989_1641", x1: 2.16333, y1: 6.70667, x2: 14.0573, y2: 12.2527, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "white", stopOpacity: 0.2 }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "white", stopOpacity: 0 }))));
|
|
406
|
+
|
|
407
|
+
const SvgOpera = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 15 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M12.8483 2.1782C11.4453 0.726066 9.68556 0.0123062 7.50737 0H7.47045C5.26764 0 3.47093 0.713759 2.09264 2.20281C0.689734 3.64263 0.000586502 5.5624 0.000586502 7.9375C-0.0240259 10.0295 0.726652 12.0478 2.12956 13.5983C3.45863 15.1612 5.42762 16.0473 7.48275 15.9981H7.51967C9.68556 15.9857 11.4577 15.1858 12.8606 13.5737C14.2512 12.0232 15.0141 10.0049 14.9895 7.92519C14.9649 5.55009 14.2758 3.64263 12.8483 2.1782ZM10.227 9.21734C10.227 9.63575 10.1778 10.1034 10.1163 10.6572C10.0794 11.1248 9.99322 11.5924 9.84554 12.0355C9.72248 12.417 9.57481 12.7861 9.37791 13.143C9.20562 13.4876 8.93488 13.7706 8.60262 13.9675C8.27035 14.1521 7.90116 14.2506 7.51967 14.2506H7.50737C7.12587 14.2629 6.73208 14.1767 6.39981 13.9675C6.06754 13.7706 5.7968 13.4876 5.62452 13.143C5.42762 12.7984 5.26764 12.417 5.15688 12.0355C5.03382 11.5801 4.94768 11.1248 4.91076 10.6572C4.86153 10.1034 4.82462 9.63575 4.8 9.25426C4.77539 8.87277 4.77539 8.36821 4.77539 7.81443C4.77539 6.90378 4.8 6.1531 4.86153 5.52548C4.92307 4.88556 5.04613 4.25794 5.21841 3.65494C5.34148 3.10116 5.62452 2.59661 6.04293 2.20281C6.43673 1.85824 6.95359 1.68595 7.48275 1.71056H7.51967C8.03653 1.69825 8.52878 1.87054 8.92258 2.20281C9.31638 2.5843 9.61172 3.07655 9.78401 3.60572C9.98091 4.22102 10.104 4.86095 10.1655 5.51318C10.2147 6.17771 10.2516 6.91608 10.2763 7.80213C10.2516 8.35591 10.227 8.82354 10.227 9.21734Z", fill: "url(#paint0_linear_4989_1639)" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "paint0_linear_4989_1639", x1: 1.93143, y1: 2.35196, x2: 13.0132, y2: 13.4336, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EF5350" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#FF0000" }))));
|
|
408
|
+
|
|
409
|
+
const SvgSafariIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_4989_1609)" }, /* @__PURE__ */ React.createElement("path", { d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z", fill: "#2196F3" }), /* @__PURE__ */ React.createElement("path", { d: "M7 7L3 13L9 9L7 7Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M7 7L9 9L13 3L7 7Z", fill: "#F44336" })), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_4989_1609" }, /* @__PURE__ */ React.createElement("rect", { width: 16, height: 16, fill: "white" }))));
|
|
410
|
+
|
|
411
|
+
const SvgMaximizeScript = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_2947_11413)" }, /* @__PURE__ */ React.createElement("path", { d: "M5.5 4H18.5C19.3271 4 20 4.67285 20 5.5V11.6748C20 11.9512 19.7761 12.1748 19.5 12.1748C19.2239 12.1748 19 11.9512 19 11.6748V5.5C19 5.22412 18.7756 5 18.5 5H5.5C5.22437 5 5 5.22412 5 5.5V18.5C5 18.7759 5.22437 19 5.5 19H11.675C11.9512 19 12.175 19.2236 12.175 19.5C12.175 19.7764 11.9512 20 11.675 20H5.5C4.67285 20 4 19.3272 4 18.5V5.5C4 4.67285 4.67285 4 5.5 4Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M14.5 13H18.5C19.3271 13 20 13.6729 20 14.5V18.5C20 19.3271 19.3271 20 18.5 20H14.5C13.6729 20 13 19.3271 13 18.5V14.5C13 13.6729 13.6729 13 14.5 13Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M11.6465 12.3535L8.5 9.20703V10C8.5 10.2764 8.27612 10.5 8 10.5C7.72388 10.5 7.5 10.2764 7.5 10V8C7.5 7.73216 7.72802 7.5 8 7.5H10C10.2761 7.5 10.5 7.72363 10.5 8C10.5 8.27637 10.2761 8.5 10 8.5H9.20703L12.3535 11.6465C12.5488 11.8418 12.5488 12.1582 12.3535 12.3535C12.1647 12.5423 11.8414 12.5484 11.6465 12.3535Z", fill: "currentColor" })), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_2947_11413" }, /* @__PURE__ */ React.createElement("path", { d: "M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4V20C24 22.2091 22.2091 24 20 24H4C1.79086 24 0 22.2091 0 20V4Z", fill: "currentColor" }))));
|
|
412
|
+
|
|
391
413
|
let Components = {};
|
|
392
414
|
Components['delete_info'] = SvgDeleteInfo;
|
|
393
415
|
Components['success'] = SvgSuccess;
|
|
@@ -517,6 +539,17 @@ Components['add_testcase'] = SvgAddTestcase;
|
|
|
517
539
|
Components['automation_testcase'] = SvgAutomationTestcase;
|
|
518
540
|
Components['manual_testcass'] = SvgManualTestcase;
|
|
519
541
|
Components['back_icon'] = SvgBackIcon;
|
|
542
|
+
Components['sause_lab'] = SvgSauseLab;
|
|
543
|
+
Components['local'] = SvgLocal;
|
|
544
|
+
Components['internet_explorer'] = SvgInternetExplorer;
|
|
545
|
+
Components['browserstack_icon'] = SvgBrowserstackIcon;
|
|
546
|
+
Components['edge'] = SvgEdge;
|
|
547
|
+
Components['fire_fox'] = SvgFireFox;
|
|
548
|
+
Components['lambda_icon'] = SvgLambdaIcon;
|
|
549
|
+
Components['linux'] = SvgLinux;
|
|
550
|
+
Components['opera'] = SvgOpera;
|
|
551
|
+
Components['safari_icon'] = SvgSafariIcon;
|
|
552
|
+
Components['maximize_script'] = SvgMaximizeScript;
|
|
520
553
|
|
|
521
554
|
var css_248z$X = ".ff-icon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 4px;\n box-sizing: content-box;\n}\n.ff-icon-container.ff-icon-dark {\n background-color: var(--brand-color);\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover {\n border-radius: 4px;\n background-color: white;\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover svg path {\n fill: var(--brand-color);\n}\n\n.ff-icon-click {\n cursor: pointer;\n box-sizing: content-box;\n}\n.ff-icon-click:hover {\n border-radius: 4px;\n background-color: var(--ff-icon-hover-fill-color);\n}\n.ff-icon-click:hover > svg {\n color: var(--brand-color);\n}\n\n.ff-icon-disabled {\n cursor: no-drop;\n}\n.ff-icon-disabled > svg {\n color: var(--toggle-strip-color);\n}\n.ff-icon-disabled:hover {\n box-shadow: none;\n}\n.ff-icon-disabled:hover > svg {\n color: var(--toggle-strip-color);\n}";
|
|
522
555
|
styleInject(css_248z$X);
|
|
@@ -626,7 +659,7 @@ function useEscapeKey(key) {
|
|
|
626
659
|
};
|
|
627
660
|
}
|
|
628
661
|
|
|
629
|
-
var css_248z$V = ":root {\n --button-bg-color: #f6ebff;\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #f7ebff;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-avatar-background-color: #71347B;\n --ff-avatar-icon-color: #ffffff;\n}\n\n:root {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n --button-bg-color: #f6ebff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --avatar-background-color: #71347B;\n --avatar-icon-color: #ffffff;\n}\n\n.ff-light-theme {\n --button-bg-color: #f6ebff;\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #f7ebff;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-avatar-background-color: #71347B;\n --ff-avatar-icon-color: #ffffff;\n}\n\n.ff-dark-theme {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n --button-bg-color: #f6ebff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --avatar-background-color: #71347B;\n --avatar-icon-color: #ffffff;\n}";
|
|
662
|
+
var css_248z$V = ":root {\n --button-bg-color: #f6ebff;\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #f7ebff;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-avatar-background-color: #71347B;\n --ff-avatar-icon-color: #ffffff;\n}\n\n:root {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n --button-bg-color: #f6ebff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --avatar-background-color: #71347B;\n --avatar-icon-color: #ffffff;\n}\n\n.ff-light-theme {\n --button-bg-color: #f6ebff;\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #f7ebff;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-avatar-background-color: #71347B;\n --ff-avatar-icon-color: #ffffff;\n}\n\n.ff-dark-theme {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n --button-bg-color: #f6ebff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --avatar-background-color: #71347B;\n --avatar-icon-color: #ffffff;\n}";
|
|
630
663
|
styleInject(css_248z$V);
|
|
631
664
|
|
|
632
665
|
const ThemeContext = /*#__PURE__*/createContext$1(undefined);
|
|
@@ -1708,7 +1741,7 @@ const Chip = ({
|
|
|
1708
1741
|
});
|
|
1709
1742
|
};
|
|
1710
1743
|
|
|
1711
|
-
var css_248z$K = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-input-container:focus-within .ff-input-label-container, .ff-input-container:focus-within .ff-input::placeholder, .ff-input-container:focus-within .ff-input-label-container::placeholder, .ff-input-container .ff-input-message, .ff-input-container--float .ff-input-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-input-container {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n.ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n padding: 6px 8px;\n border: 1px solid var(--input-default-border-color);\n border-radius: 4px;\n outline: none;\n line-height: 18px;\n}\n.ff-input-container .ff-input--medium {\n padding: 10px 9px;\n}\n.ff-input-container .ff-input:disabled, .ff-input-container .ff-input-label-container:disabled {\n cursor: not-allowed;\n}\n.ff-input-container .ff-input::placeholder, .ff-input-container .ff-input-label-container::placeholder {\n opacity: 0;\n line-height: 18px;\n}\n.ff-input-container .ff-input--disabled {\n background: transparent;\n border-color: var(--input-default-border-color);\n}\n.ff-input-container .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input--transparentBackground {\n background: transparent;\n}\n.ff-input-container .ff-input--no-border {\n border: none;\n}\n.ff-input-container .ff-input-label-container {\n display: flex;\n gap: 2px;\n position: absolute;\n border: none;\n outline: none;\n line-height: 18px;\n margin-top: 1px;\n transition: all 0.3s ease-in-out;\n}\n.ff-input-container .ff-input-label-container--medium {\n line-height: 25px;\n}\n.ff-input-container .ff-input-label-container .ff-input-label {\n color: var(--input-default-label-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--disabled {\n color: var(--input-default-border-color);\n background-color: var(--input-label-bg-color);\n}\n.ff-input-container .ff-input-label-container .required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input-label {\n color: var(--input-hover-border-color);\n}\n.ff-input-container:hover .ff-input-label--no-hover {\n color: var(--input-default-label-color);\n}\n.ff-input-container:hover .ff-input-label--disabled {\n color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input, .ff-input-container:hover .ff-input-label-container {\n border-color: var(--
|
|
1744
|
+
var css_248z$K = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-input-container:focus-within .ff-input-label-container, .ff-input-container:focus-within .ff-input::placeholder, .ff-input-container:focus-within .ff-input-label-container::placeholder, .ff-input-container .ff-input-message, .ff-input-container--float .ff-input-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-input-container {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n.ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n padding: 6px 8px;\n border: 1px solid var(--input-default-border-color);\n border-radius: 4px;\n outline: none;\n line-height: 18px;\n}\n.ff-input-container .ff-input--medium {\n padding: 10px 9px;\n}\n.ff-input-container .ff-input:disabled, .ff-input-container .ff-input-label-container:disabled {\n cursor: not-allowed;\n}\n.ff-input-container .ff-input::placeholder, .ff-input-container .ff-input-label-container::placeholder {\n opacity: 0;\n line-height: 18px;\n}\n.ff-input-container .ff-input--disabled {\n background: transparent;\n border-color: var(--input-default-border-color);\n}\n.ff-input-container .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input--transparentBackground {\n background: transparent;\n}\n.ff-input-container .ff-input--no-border {\n border: none;\n}\n.ff-input-container .ff-input-label-container {\n display: flex;\n gap: 2px;\n position: absolute;\n border: none;\n outline: none;\n line-height: 18px;\n margin-top: 1px;\n transition: all 0.3s ease-in-out;\n}\n.ff-input-container .ff-input-label-container--medium {\n line-height: 25px;\n}\n.ff-input-container .ff-input-label-container .ff-input-label {\n color: var(--input-default-label-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--disabled {\n color: var(--input-default-border-color);\n background-color: var(--input-label-bg-color);\n}\n.ff-input-container .ff-input-label-container .required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input-label {\n color: var(--input-hover-border-color);\n}\n.ff-input-container:hover .ff-input-label--no-hover {\n color: var(--input-default-label-color);\n}\n.ff-input-container:hover .ff-input-label--disabled {\n color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input, .ff-input-container:hover .ff-input-label-container {\n border-color: var(--brand-color);\n}\n.ff-input-container:hover .ff-input--no-hover {\n border-color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input--disabled {\n background: transparent;\n border-color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input-label-container {\n top: -6px;\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.ff-input-container:focus-within .ff-input-label--primary {\n color: var(--brand-color);\n}\n.ff-input-container:focus-within .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input--primary {\n border-color: var(--brand-color);\n}\n.ff-input-container:focus-within .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input::placeholder, .ff-input-container:focus-within .ff-input-label-container::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-input-container .ff-input-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-input-container .ff-input-message--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container--float .ff-input-label-container {\n top: -6px;\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.ff-input-container--float--disabled {\n cursor: not-allowed;\n}\n.ff-input-container--float--disabled .ff-input-label-container {\n cursor: not-allowed;\n}";
|
|
1712
1745
|
styleInject(css_248z$K);
|
|
1713
1746
|
|
|
1714
1747
|
const Input = ({
|
|
@@ -2601,7 +2634,7 @@ const Option$2 = ({
|
|
|
2601
2634
|
'ff-disable-option': option.disable
|
|
2602
2635
|
}),
|
|
2603
2636
|
onClick: () => !option.disable && onClick(option),
|
|
2604
|
-
children: [jsx(Icon, {
|
|
2637
|
+
children: [option.icon && jsx(Icon, {
|
|
2605
2638
|
name: option.icon,
|
|
2606
2639
|
height: 16,
|
|
2607
2640
|
width: 16
|
|
@@ -2693,7 +2726,9 @@ const MenuOption = ({
|
|
|
2693
2726
|
style: {
|
|
2694
2727
|
width: `${iconButtonSize}px`,
|
|
2695
2728
|
height: `${iconButtonSize}px`,
|
|
2696
|
-
borderRadius: `${iconButtonBorderRadius}px
|
|
2729
|
+
borderRadius: `${iconButtonBorderRadius}px`,
|
|
2730
|
+
display: 'flex',
|
|
2731
|
+
flexDirection: 'column'
|
|
2697
2732
|
},
|
|
2698
2733
|
children: jsx(Icon, {
|
|
2699
2734
|
height: iconSize,
|
|
@@ -2714,7 +2749,7 @@ const MenuOption = ({
|
|
|
2714
2749
|
});
|
|
2715
2750
|
};
|
|
2716
2751
|
|
|
2717
|
-
var css_248z$C = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-table tbody tr td {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-table thead tr th {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-fixed-header-table {\n overflow-y: auto;\n}\n\n.ff-table-icon {\n position: absolute;\n top: 10px;\n right: 0;\n margin-right: 10px;\n z-index: 100;\n cursor: pointer;\n}\n\n.ff-table {\n width: 100%;\n}\n.ff-table th,\n.ff-table td {\n text-align: left;\n font-size: 12px;\n padding: 9px 8px;\n}\n.ff-table thead tr th {\n border-bottom: 1px solid var(--slider-table-color);\n text-transform: uppercase;\n}\n.ff-table thead tr th:first-child div {\n
|
|
2752
|
+
var css_248z$C = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-table tbody tr td {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-table thead tr th {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-fixed-header-table {\n overflow-y: auto;\n}\n\n.ff-table-icon {\n position: absolute;\n top: 10px;\n right: 0;\n margin-right: 10px;\n z-index: 100;\n cursor: pointer;\n}\n\n.ff-table {\n width: 100%;\n}\n.ff-table th,\n.ff-table td {\n text-align: left;\n font-size: 12px;\n padding: 9px 8px;\n}\n.ff-table thead tr th {\n border-bottom: 1px solid var(--slider-table-color);\n text-transform: uppercase;\n}\n.ff-table thead tr th:first-child div {\n align-items: center;\n}\n.ff-table thead tr th:first-child div .ff-table-checkbox {\n padding-right: 8px;\n}\n.ff-table tbody tr .action-column {\n opacity: 0;\n}\n.ff-table tbody tr .icon-container {\n padding-left: 10px;\n opacity: 0;\n display: flex;\n justify-content: flex-end;\n transition: opacity 0.3s ease, transform 0.3s ease;\n transform: translateX(20px);\n}\n.ff-table tbody tr:hover {\n background-color: var(--hover-color);\n}\n.ff-table tbody tr:hover .icon-container {\n opacity: 1;\n transform: translateX(0);\n}\n.ff-table tbody tr td {\n position: relative;\n color: var(--table-column-text-color);\n}\n.ff-table tbody tr td.clickable-cell {\n cursor: pointer;\n}\n.ff-table tbody tr td:first-child div {\n display: flex;\n align-items: center;\n}\n.ff-table tbody tr td:first-child div .ff-table-checkbox {\n padding-right: 8px;\n}\n.ff-table .primary-bg {\n background-color: var(--brand-color);\n}\n.ff-table .secondary-bg {\n background-color: var(--slider-table-color);\n}\n.ff-table .default-bg {\n background-color: transparent;\n}\n.ff-table .default-color {\n color: var(--table-header-text-color);\n}\n.ff-table .primary-color {\n color: var(--brand-color);\n}\n\n.border-borderRadius {\n border: 1px solid var(--slider-table-color);\n border-radius: 5px;\n border-collapse: none !important;\n}\n\n.ff-fixed-header {\n position: sticky !important;\n top: 0;\n z-index: 99;\n background-color: Var(--file-details-bg);\n}\n\n.no-data-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n\ntbody tr.disabled-row {\n opacity: 0.5;\n cursor: not-allowed;\n}";
|
|
2718
2753
|
styleInject(css_248z$C);
|
|
2719
2754
|
|
|
2720
2755
|
const isFunction$2 = functionToCheck => {
|
|
@@ -2941,7 +2976,7 @@ const Table$1 = ({
|
|
|
2941
2976
|
var css_248z$A = ".ff-add-button-container {\n position: relative;\n border: none;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n background-color: transparent;\n}\n.ff-add-button-container.ff-hovered-add-button--primary {\n background-color: var(--hover-color);\n}\n.ff-add-button-container .ff-hovered-add-icon--primary svg path {\n fill: var(--add-icon-hover-color);\n}\n.ff-add-button-container .ff-add-icon--primary svg path {\n fill: var(--brand-color);\n}\n.ff-add-button-container .ff-add-button {\n position: absolute;\n border: none;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n background: none;\n}";
|
|
2942
2977
|
styleInject(css_248z$A);
|
|
2943
2978
|
|
|
2944
|
-
var css_248z$z = ".ff-arrow-buttons-container {\n position: absolute;\n transition: opacity 0.3s ease;\n}\n.ff-arrow-buttons-container.ff-down-right-top, .ff-arrow-buttons-container.ff-down-top {\n height: 80px;\n width: 52px;\n transform: translateY(calc(-50% + 12px));\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--right, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--right {\n top: 28px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--top, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--down, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top {\n height: 52px;\n width: 52px;\n transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--right {\n top: 28px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right {\n height: 52px;\n width: 52px;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--right {\n top: 0px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-top {\n height: 52px;\n width: 24px;\n transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right {\n height: 24px;\n width: 52px;\n}\n.ff-arrow-buttons-container.ff-right .ff-arrow-button--right {\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down {\n height: 52px;\n width: 24px;\n}\n.ff-arrow-buttons-container.ff-down .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container .ff-arrow-button {\n background: var(--arrow-button-bg-color);\n border: 0.5px solid var(--arrows-button-border-color);\n padding: 0;\n cursor: pointer;\n width: 24px;\n height: 24px;\n display: flex;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease;\n position: absolute;\n}\n.ff-arrow-buttons-container .ff-arrow-button--top {\n top: 0px;\n left: 0;\n}\n.ff-arrow-buttons-container .ff-arrow-button--down {\n bottom: 0px;\n left: 0;\n}\n@keyframes slideTop {\n from {\n transform: translateY(20px);\n opacity: 0;\n }\n 50% {\n transform: translateY(-10px);\n opacity: 0.5;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n@keyframes slideRight {\n from {\n transform: translateX(-20px);\n opacity: 0;\n }\n 50% {\n transform: translateX(10px);\n opacity: 0.5;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n}\n@keyframes slideDown {\n from {\n transform: translateY(-20px);\n opacity: 0;\n }\n 50% {\n transform: translateY(10px);\n opacity: 0.5;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}";
|
|
2979
|
+
var css_248z$z = ".ff-arrow-buttons-container {\n position: absolute;\n transition: opacity 0.3s ease;\n pointer-events: none;\n}\n.ff-arrow-buttons-container.ff-down-right-top, .ff-arrow-buttons-container.ff-down-top {\n height: 80px;\n width: 52px;\n transform: translateY(calc(-50% + 12px));\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--right, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--right {\n top: 28px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--top, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--down, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top {\n height: 52px;\n width: 52px;\n transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--right {\n top: 28px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right {\n height: 52px;\n width: 52px;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--right {\n top: 0px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-top {\n height: 52px;\n width: 24px;\n transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right {\n height: 24px;\n width: 52px;\n}\n.ff-arrow-buttons-container.ff-right .ff-arrow-button--right {\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down {\n height: 52px;\n width: 24px;\n}\n.ff-arrow-buttons-container.ff-down .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container .ff-arrow-button {\n background: var(--arrow-button-bg-color);\n border: 0.5px solid var(--arrows-button-border-color);\n padding: 0;\n cursor: pointer;\n width: 24px;\n height: 24px;\n display: flex;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease;\n position: absolute;\n}\n.ff-arrow-buttons-container .ff-arrow-button--top {\n top: 0px;\n left: 0;\n}\n.ff-arrow-buttons-container .ff-arrow-button--down {\n bottom: 0px;\n left: 0;\n}\n@keyframes slideTop {\n from {\n transform: translateY(20px);\n opacity: 0;\n }\n 50% {\n transform: translateY(-10px);\n opacity: 0.5;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n@keyframes slideRight {\n from {\n transform: translateX(-20px);\n opacity: 0;\n }\n 50% {\n transform: translateX(10px);\n opacity: 0.5;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n}\n@keyframes slideDown {\n from {\n transform: translateY(-20px);\n opacity: 0;\n }\n 50% {\n transform: translateY(10px);\n opacity: 0.5;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}";
|
|
2945
2980
|
styleInject(css_248z$z);
|
|
2946
2981
|
|
|
2947
2982
|
const ArrowsButton = ({
|
|
@@ -8197,6 +8232,7 @@ var Form$1 = /*#__PURE__*/Object.freeze({
|
|
|
8197
8232
|
const Forms = ({
|
|
8198
8233
|
onSubmit,
|
|
8199
8234
|
children,
|
|
8235
|
+
id,
|
|
8200
8236
|
...rest
|
|
8201
8237
|
}) => {
|
|
8202
8238
|
const methods = Form$1.useForm(rest);
|
|
@@ -8865,13 +8901,17 @@ const Search = ({
|
|
|
8865
8901
|
expanded: isExpanded,
|
|
8866
8902
|
disabled: disabled
|
|
8867
8903
|
}),
|
|
8868
|
-
children: [jsx(
|
|
8869
|
-
|
|
8870
|
-
|
|
8871
|
-
children: jsx(
|
|
8872
|
-
|
|
8873
|
-
|
|
8874
|
-
|
|
8904
|
+
children: [jsx(Tooltip, {
|
|
8905
|
+
placement: "top",
|
|
8906
|
+
title: "Search",
|
|
8907
|
+
children: jsx("div", {
|
|
8908
|
+
className: "ff-search-icon",
|
|
8909
|
+
onClick: handleIconClick,
|
|
8910
|
+
children: jsx(Icon, {
|
|
8911
|
+
name: "search",
|
|
8912
|
+
height: 14,
|
|
8913
|
+
width: 14
|
|
8914
|
+
})
|
|
8875
8915
|
})
|
|
8876
8916
|
}), jsx("div", {
|
|
8877
8917
|
className: classNames('ff-vertical-line', {
|
|
@@ -17352,7 +17392,7 @@ const StateDropdown = ({
|
|
|
17352
17392
|
});
|
|
17353
17393
|
};
|
|
17354
17394
|
|
|
17355
|
-
var css_248z$n = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-plus-icon {\n border-radius: 16px;\n border-style: none;\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n gap: 8px;\n background-color: var(--secondary-icon-color);\n padding: 2px 8px 2px 2px;\n border: 1px solid transparent;\n}\n.ff-plus-icon .button-icon {\n width: 20px;\n height: 20px;\n border: 1px solid transparent;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n background-color: var(--hover-color);\n}\n.ff-plus-icon .button-icon .ff-icon-color path {\n color: var(--secondary-icon-color);\n}\n.ff-plus-icon .icon-name {\n color: var(--primary-icon-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-plus-icon:hover {\n border: 1px solid var(--secondary-icon-color);\n background-color: var(--hover-color);\n}\n.ff-plus-icon:hover .icon-name {\n font-weight:
|
|
17395
|
+
var css_248z$n = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-plus-icon {\n border-radius: 16px;\n border-style: none;\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n gap: 8px;\n background-color: var(--secondary-icon-color);\n padding: 2px 8px 2px 2px;\n border: 1px solid transparent;\n}\n.ff-plus-icon .button-icon {\n width: 20px;\n height: 20px;\n border: 1px solid transparent;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n background-color: var(--hover-color);\n}\n.ff-plus-icon .button-icon .ff-icon-color path {\n color: var(--secondary-icon-color);\n}\n.ff-plus-icon .icon-name {\n color: var(--primary-icon-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-plus-icon:hover {\n border: 1px solid var(--secondary-icon-color);\n background-color: var(--hover-color);\n}\n.ff-plus-icon:hover .icon-name {\n font-weight: 600;\n color: var(--secondary-icon-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-plus-icon:hover .button-icon {\n width: 20px;\n height: 20px;\n border: 1px solid transparent;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n background-color: var(--secondary-icon-color);\n}\n.ff-plus-icon:hover .button-icon .ff-icon-color path {\n color: var(--primary-icon-color);\n}";
|
|
17356
17396
|
styleInject(css_248z$n);
|
|
17357
17397
|
|
|
17358
17398
|
const IconButton = ({
|
|
@@ -17375,6 +17415,7 @@ const IconButton = ({
|
|
|
17375
17415
|
as: "div",
|
|
17376
17416
|
textAlign: "center",
|
|
17377
17417
|
className: "icon-name",
|
|
17418
|
+
fontWeight: "semi-bold",
|
|
17378
17419
|
children: label
|
|
17379
17420
|
})]
|
|
17380
17421
|
});
|