impact-ui 4.0.5 → 4.0.6-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/MIGRATION_GUIDE.md +15 -15
- package/README.md +298 -113
- package/bin/migrate.js +5 -5
- package/codemods/transform.js +1 -1
- package/dist/components/Accordion/index.d.ts.map +1 -1
- package/dist/components/Accordion/index.js +1 -0
- package/dist/components/Chatbot/index.d.ts.map +1 -1
- package/dist/components/Chatbot/index.js +16 -8
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Chips/index.js +1 -1
- package/dist/components/CommentsPanel/CommentsContext.d.ts +4 -2
- package/dist/components/CommentsPanel/CommentsContext.d.ts.map +1 -1
- package/dist/components/CommentsPanel/CommentsPanel.impl.js +1 -1
- package/dist/components/CommentsPanel/CommentsPanel.types.d.ts +26 -0
- package/dist/components/CommentsPanel/CommentsPanel.types.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts +4 -10
- package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/index.d.ts +15 -3
- package/dist/components/CreateItemFlow/index.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/index.js +63 -134
- package/dist/components/DatePicker/index.js +1 -1
- package/dist/components/DateRangePicker/index.js +1 -1
- package/dist/components/DynamicLayout/index.d.ts +11 -9
- package/dist/components/DynamicLayout/index.d.ts.map +1 -1
- package/dist/components/DynamicLayout/index.js +38 -37
- package/dist/components/FilterPanel/index.js +1 -1
- package/dist/components/Header/index.js +1 -1
- package/dist/components/HomePage/index.js +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js +1 -1
- package/dist/components/KeyboardShortCuts/ShortcutModal.js +1 -1
- package/dist/components/KeyboardShortCuts/allSetBox.js +1 -1
- package/dist/components/KeyboardShortCuts/index.js +1 -1
- package/dist/components/KeyboardShortCuts/tutorial.js +1 -1
- package/dist/components/Menu/IconMenuItem.js +1 -1
- package/dist/components/Menu/NestedMenuItem.js +1 -1
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/Menu/nestedMenuItemsFromObject.js +1 -1
- package/dist/components/Modal/index.js +1 -1
- package/dist/components/MonthPicker/index.js +1 -1
- package/dist/components/MonthRangePicker/index.js +1 -1
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.js +1 -1
- package/dist/components/Notification/index.js +1 -1
- package/dist/components/Panel/index.js +1 -1
- package/dist/components/Prompt/index.js +1 -1
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Stepper/index.js +1 -1
- package/dist/components/Table/index.js +1 -1
- package/dist/components/Table/withCommentIcon.d.ts.map +1 -1
- package/dist/components/Table/withCommentIcon.js +3 -1
- package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.js +1 -1
- package/dist/components/TableOld/index.js +1 -1
- package/dist/components/TextArea/index.js +1 -1
- package/dist/components/common/HelperText/index.js +1 -1
- package/dist/components/common/MentionEditor/index.js +1 -1
- package/dist/mcp-component-registry.json +6471 -1
- package/dist/utils/assetBase.d.ts +1 -0
- package/dist/utils/assetBase.d.ts.map +1 -1
- package/dist/utils/assetBase.js +4 -7
- package/dist/utils/assetBaseDefault.d.ts +11 -0
- package/dist/utils/assetBaseDefault.d.ts.map +1 -0
- package/dist/utils/assetBaseDefault.js +9 -0
- package/dist/utils/shortcuts/shortcuts.extra.test.d.ts +2 -0
- package/dist/utils/shortcuts/shortcuts.extra.test.d.ts.map +1 -0
- package/package.json +5 -5
|
@@ -1,48 +1,49 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.dynamic-layout-container{background-color:#fff;border-radius:24px!important;box-shadow:0 0 4px #ababab40;display:flex;flex-direction:column;top:0;right:24px;bottom:24px;left:24px;justify-content:center;position:absolute}.dynamic-layout-container .dynamic-layout-header{border-bottom:1px solid #d9dde7;display:flex;flex-direction:column;gap:8px;padding:24px}.dynamic-layout-container .dynamic-layout-header h1{color:#0d152c;font-size:24px;font-weight:800;line-height:36px}.dynamic-layout-container .dynamic-layout-header p{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.dynamic-layout-container .dynamic-layout-body{background-position:100% 0;background-repeat:no-repeat;background-size:contain;border-bottom-right-radius:24px;display:flex;flex:1;min-height:0;overflow:hidden;padding:24px}.dynamic-layout-container .dynamic-layout-body .left-panel{border-right:1px solid #d9dde7;padding-right:24px;width:220px}.dynamic-layout-container .dynamic-layout-body .left-panel .left-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.dynamic-layout-container .dynamic-layout-body .left-panel .left-panel-image{height:130px;margin:0 auto;width:132px}.dynamic-layout-container .dynamic-layout-body .right-column{display:flex;flex-direction:column;justify-content:space-between;min-height:0;padding-left:24px;width:calc(100% - 220px)}.dynamic-layout-container .dynamic-layout-body .right-column .right-content{display:flex;flex:1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto}.dynamic-layout-container .dynamic-layout-body .right-column .dynamic-layout-footer{border-top:1px solid #d9dde7;display:flex;justify-content:space-between;padding-top:24px}.dynamic-layout-container .dynamic-layout-body .right-column .dynamic-layout-footer .footer-right-group{align-items:center;display:flex;gap:12px}@media screen and (min-width:1400px) and (max-width:1600px){.dynamic-layout-body{padding:20px}.left-panel-image{width:100%}}@media screen and (max-width:1399px){.dynamic-layout-body{padding:16px}.left-panel{flex-shrink:0;padding-right:16px;width:fit-content}.right-column{flex:1;padding-left:16px;width:auto}.left-panel-image{height:auto;max-width:132px;width:100%}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
|
-
import React__default, { useRef
|
|
3
|
+
import React__default, { useRef } from "react";
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
import { getAssetUrl } from "../../utils/assetBase.js";
|
|
6
|
+
import Box from "../../node_modules/@mui/material/Box/Box.js";
|
|
7
|
+
const DynamicLayout = ({
|
|
8
|
+
title,
|
|
9
|
+
description,
|
|
6
10
|
leftPanel,
|
|
7
11
|
rightContent,
|
|
8
12
|
leftPanelWidth,
|
|
9
|
-
className
|
|
10
|
-
|
|
13
|
+
className,
|
|
14
|
+
footer,
|
|
11
15
|
...props
|
|
12
|
-
}) {
|
|
16
|
+
}) => {
|
|
13
17
|
const contentRef = useRef(null);
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
/* @__PURE__ */ jsx("div", { className: "left-panel", style: { width: leftPanelWidth }, children: leftPanel }),
|
|
42
|
-
/* @__PURE__ */ jsx("div", { className: `right-content ${showStepper ? "with-stepper" : ""}`, children: React__default.cloneElement(rightContent, { contentRef, hasScroll }) })
|
|
18
|
+
const contentBackgroundImage = getAssetUrl("images/review-tech-bg.webp");
|
|
19
|
+
return /* @__PURE__ */ jsxs(Box, { className: `dynamic-layout-container ${className || ""}`, ...props, children: [
|
|
20
|
+
/* @__PURE__ */ jsxs(Box, { className: "dynamic-layout-header", children: [
|
|
21
|
+
/* @__PURE__ */ jsx("h1", { children: title }),
|
|
22
|
+
description && /* @__PURE__ */ jsx("p", { children: description })
|
|
23
|
+
] }),
|
|
24
|
+
/* @__PURE__ */ jsxs(
|
|
25
|
+
Box,
|
|
26
|
+
{
|
|
27
|
+
className: "dynamic-layout-body",
|
|
28
|
+
sx: { backgroundImage: `url(${contentBackgroundImage})` },
|
|
29
|
+
children: [
|
|
30
|
+
/* @__PURE__ */ jsx(
|
|
31
|
+
Box,
|
|
32
|
+
{
|
|
33
|
+
className: "left-panel",
|
|
34
|
+
style: leftPanelWidth ? { "--left-panel-width": leftPanelWidth } : void 0,
|
|
35
|
+
children: leftPanel
|
|
36
|
+
}
|
|
37
|
+
),
|
|
38
|
+
/* @__PURE__ */ jsxs(Box, { className: "right-column", children: [
|
|
39
|
+
/* @__PURE__ */ jsx(Box, { className: "right-content", children: React__default.cloneElement(rightContent, { contentRef }) }),
|
|
40
|
+
footer && /* @__PURE__ */ jsx(Box, { className: "dynamic-layout-footer", children: footer })
|
|
41
|
+
] })
|
|
42
|
+
]
|
|
43
|
+
}
|
|
44
|
+
)
|
|
43
45
|
] });
|
|
44
|
-
}
|
|
45
|
-
DynamicLayout.displayName = "DynamicLayout";
|
|
46
|
+
};
|
|
46
47
|
export {
|
|
47
48
|
DynamicLayout
|
|
48
49
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact_drawer_filter_container_medium{height:100%;width:675px}.impact_drawer_filter_container_large{height:100%;width:840px}.MuiBox-root{width:auto}.impact_drawer_filter_container{display:flex;flex-direction:column;position:relative}.impact_drawer_filter_container .impact_drawer_filter_header{align-items:center;background:#fff;border-bottom:1px solid #d9dde7;display:flex;justify-content:space-between;padding:9px 16px;position:sticky;top:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header{align-items:center;display:flex;gap:16px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading_icon{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/filter-icon.svg) no-repeat;background-position:50%;background-size:14px;border:1px solid #eceefd;border-radius:8px;height:32px;width:32px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading{color:#1f2b4d;font-size:18px;font-weight:700}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel{background:#f5f6fa;border-right:1px solid #d9dde7;flex-shrink:0;height:100%;padding-top:10px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs{display:flex;flex-direction:column;gap:8px;padding:0 8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact-drawer-filter-separator{background-color:#d9dde7;display:block;height:1px;margin-left:-8px;margin-right:-8px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab{align-items:center;display:flex;justify-content:space-between;padding:6px 8px 6px 18px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:hover{background-color:#eceefd;border-radius:8px;cursor:pointer}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_content{align-items:center;display:flex;gap:10px;width:85%}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon img,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon svg{color:#60697d;display:flex;height:16px;width:16px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label{color:#60697d;display:flex;flex-direction:row;font-size:16px;gap:4px;line-height:20px;overflow:hidden;white-space:nowrap}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label span{overflow:hidden;text-overflow:ellipsis}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label-required{color:#ec4c5c}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_badges{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#60697d;font-size:12px;height:18px;line-height:18px;min-width:27px;padding:0 8px;text-align:center}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active{background-color:#eceefd;border-radius:8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_label{color:#4259ee}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon img{filter:brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(4545%) hue-rotate(231deg) brightness(103%) contrast(87%)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_badges{color:#4259ee}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_badges,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_label,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled svg{color:#b4bac7}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled:hover{background-color:#f5f6fa;cursor:default}.impact_drawer_filter_container .impact-drawer-filter-main-container{display:flex;flex-direction:row;flex-shrink:0;height:calc(100% - 40px)}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel{width:640px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_body{height:calc(100% - 60px);overflow-y:auto;padding:16px;position:relative;width:100%;z-index:0}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer{align-items:center;background:#fff;border-top:1px solid #d9dde7;bottom:0;display:flex;height:56px;justify-content:space-between;left:200px;padding:0 16px;position:absolute;right:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer :is(.impact_drawer_filter_footer_left_container,.impact_drawer_filter_footer_right_container){align-items:center;display:flex;gap:8px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer_no_buttons{height:100%}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact_drawer_filter_container_medium{height:100%;width:675px}.impact_drawer_filter_container_large{height:100%;width:840px}.MuiBox-root{width:auto}.impact_drawer_filter_container{display:flex;flex-direction:column;position:relative}.impact_drawer_filter_container .impact_drawer_filter_header{align-items:center;background:#fff;border-bottom:1px solid #d9dde7;display:flex;justify-content:space-between;padding:9px 16px;position:sticky;top:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header{align-items:center;display:flex;gap:16px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading_icon{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/filter-icon.svg) no-repeat;background-position:50%;background-size:14px;border:1px solid #eceefd;border-radius:8px;height:32px;width:32px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading{color:#1f2b4d;font-size:18px;font-weight:700}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel{background:#f5f6fa;border-right:1px solid #d9dde7;flex-shrink:0;height:100%;padding-top:10px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs{display:flex;flex-direction:column;gap:8px;padding:0 8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact-drawer-filter-separator{background-color:#d9dde7;display:block;height:1px;margin-left:-8px;margin-right:-8px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab{align-items:center;display:flex;justify-content:space-between;padding:6px 8px 6px 18px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:hover{background-color:#eceefd;border-radius:8px;cursor:pointer}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_content{align-items:center;display:flex;gap:10px;width:85%}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon img,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon svg{color:#60697d;display:flex;height:16px;width:16px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label{color:#60697d;display:flex;flex-direction:row;font-size:16px;gap:4px;line-height:20px;overflow:hidden;white-space:nowrap}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label span{overflow:hidden;text-overflow:ellipsis}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label-required{color:#ec4c5c}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_badges{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#60697d;font-size:12px;height:18px;line-height:18px;min-width:27px;padding:0 8px;text-align:center}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active{background-color:#eceefd;border-radius:8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_label{color:#4259ee}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon img{filter:brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(4545%) hue-rotate(231deg) brightness(103%) contrast(87%)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_badges{color:#4259ee}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_badges,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_label,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled svg{color:#b4bac7}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled:hover{background-color:#f5f6fa;cursor:default}.impact_drawer_filter_container .impact-drawer-filter-main-container{display:flex;flex-direction:row;flex-shrink:0;height:calc(100% - 40px)}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel{width:640px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_body{height:calc(100% - 60px);overflow-y:auto;padding:16px;position:relative;width:100%;z-index:0}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer{align-items:center;background:#fff;border-top:1px solid #d9dde7;bottom:0;display:flex;height:56px;justify-content:space-between;left:200px;padding:0 16px;position:absolute;right:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer :is(.impact_drawer_filter_footer_left_container,.impact_drawer_filter_footer_right_container){align-items:center;display:flex;gap:8px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer_no_buttons{height:100%}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { FilterPanelHeader } from "./FilterPanelHeader.js";
|
|
4
4
|
import { PanelFooter } from "./PanelFooter.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.impact-header-container{align-items:center;background-color:#fff;box-shadow:0 0 16px 2px #0000000f;display:flex;height:56px;justify-content:space-between;left:64px;min-width:700px;padding:0 24px;position:fixed;top:0;width:calc(100% - 64px);z-index:1199}.impact-header-container-left-side{align-items:center;display:flex;flex-direction:row;gap:14px;justify-content:flex-start}.impact-header-logo{height:36px;width:91px}.impact-header-logo:hover{cursor:pointer}.impact-header-separator{background-color:#d9dde7;display:block;height:24px;width:1px}.impact-header-title{color:#1f2b4d;font-size:16px;font-weight:800;line-height:24px}.impact-header-container-right-side{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:flex-start}.impact-header-avatar:hover,.impact-header-comments-button:hover,.impact-header-help-container:hover,.impact-header-language-button:hover,.impact-header-message-container:hover,.impact-header-notification-container:hover{cursor:pointer}.impact-header-language-button,.impact-header-language-container{align-items:center;display:flex}.impact-header-language-button{gap:4px;height:20px;justify-content:center}.impact-header-language-icon-placeholder{border:1.5px solid #1f2b4d;border-radius:50%;display:inline-block;height:20px;width:20px}.impact-header-language-flag-placeholder{background-color:#f5f6fa;border:1px solid #d9dde7;border-radius:2px;display:inline-block;height:14px;width:20px}.impact-header-comments-container{align-items:center;display:flex;position:relative}.impact-header-comments-button{align-items:center;border-radius:4px;display:flex;justify-content:center;padding:4px}.header-comments-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #00000029;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:10000}.header-comments-dropdown .comment-panel-main-container{max-height:500px;position:relative}.header-comments-dropdown .comment-panel-main-container.display-comment-panel{bottom:unset;max-height:500px;min-height:400px}.header-comments-dropdown .comment-panel-main-container .comment-panel-body{flex:1;overflow:auto;position:relative;top:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate{border:none;border-radius:0;margin:0;min-height:auto;padding:20px;width:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_paragraph{color:#7a8294;font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:285px}.header-comments-dropdown .comment-panel-main-container .comment-panel-content{bottom:auto;max-height:380px;position:relative;top:auto}.impact-header-bot-container{align-items:center;background-color:#0f1937;background:linear-gradient(-45deg,#2ac2aa,#6666ef,#f26922,#8863c0,#0f1937);background-size:400% 400%;border-radius:8px;cursor:pointer;display:flex;height:34px;padding-inline:11px;position:relative}.impact-header-bot-container:after{background:url(https://impact-kit.
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.impact-header-container{align-items:center;background-color:#fff;box-shadow:0 0 16px 2px #0000000f;display:flex;height:56px;justify-content:space-between;left:64px;min-width:700px;padding:0 24px;position:fixed;top:0;width:calc(100% - 64px);z-index:1199}.impact-header-container-left-side{align-items:center;display:flex;flex-direction:row;gap:14px;justify-content:flex-start}.impact-header-logo{height:36px;width:91px}.impact-header-logo:hover{cursor:pointer}.impact-header-separator{background-color:#d9dde7;display:block;height:24px;width:1px}.impact-header-title{color:#1f2b4d;font-size:16px;font-weight:800;line-height:24px}.impact-header-container-right-side{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:flex-start}.impact-header-avatar:hover,.impact-header-comments-button:hover,.impact-header-help-container:hover,.impact-header-language-button:hover,.impact-header-message-container:hover,.impact-header-notification-container:hover{cursor:pointer}.impact-header-language-button,.impact-header-language-container{align-items:center;display:flex}.impact-header-language-button{gap:4px;height:20px;justify-content:center}.impact-header-language-icon-placeholder{border:1.5px solid #1f2b4d;border-radius:50%;display:inline-block;height:20px;width:20px}.impact-header-language-flag-placeholder{background-color:#f5f6fa;border:1px solid #d9dde7;border-radius:2px;display:inline-block;height:14px;width:20px}.impact-header-comments-container{align-items:center;display:flex;position:relative}.impact-header-comments-button{align-items:center;border-radius:4px;display:flex;justify-content:center;padding:4px}.header-comments-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #00000029;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:10000}.header-comments-dropdown .comment-panel-main-container{max-height:500px;position:relative}.header-comments-dropdown .comment-panel-main-container.display-comment-panel{bottom:unset;max-height:500px;min-height:400px}.header-comments-dropdown .comment-panel-main-container .comment-panel-body{flex:1;overflow:auto;position:relative;top:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate{border:none;border-radius:0;margin:0;min-height:auto;padding:20px;width:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_paragraph{color:#7a8294;font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:285px}.header-comments-dropdown .comment-panel-main-container .comment-panel-content{bottom:auto;max-height:380px;position:relative;top:auto}.impact-header-bot-container{align-items:center;background-color:#0f1937;background:linear-gradient(-45deg,#2ac2aa,#6666ef,#f26922,#8863c0,#0f1937);background-size:400% 400%;border-radius:8px;cursor:pointer;display:flex;height:34px;padding-inline:11px;position:relative}.impact-header-bot-container:after{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/smartBot.svg) no-repeat;background-position:50%;background-size:16px;content:"";height:16px;position:absolute;width:16px}.impact-header-bot-container:before{background:linear-gradient(167deg,#2ac2ee,#6962ef,#f26921);border-radius:9px;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}.impact-header-bot-container:hover:not(.impact-header-bot-container-disabled){animation:gradient 2s ease infinite;background:linear-gradient(-45deg,#2ac2ee,#6962ef,#f26921);background-size:400% 400%}.impact-header-bot-container:hover:not(.impact-header-bot-container-disabled):before{background:none}.impact-header-bot-container{animation:gradient 5s ease infinite}.impact-header-bot-container .impact-header-bot-container-text{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding-left:23px}@keyframes gradient{0%{background-position:0 20% 40% 60% 80%}50%{background-position:80% 50%}to{background-position:0 20% 40% 60% 80%}}.impact-header-bot-container-disabled{animation:none;background-color:#d9dde7;background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/smartBot.svg),none;background-position:10px 50%;background-repeat:no-repeat;background-size:20px 20px;cursor:not-allowed}.impact-header-bot-container-disabled:before{background:none}.impact-header-notification-container{position:relative}.impact-header-notification-dnd-container{height:16px;left:14px;position:absolute;top:-5px;width:16px}.impact-header-notification-indicator-container{height:8px;left:14px;position:absolute;top:0;width:8px}.impact-header-notification-indicator-outer-circle{animation:waves 1.5s ease-out infinite;background-color:#fceeee;border-radius:50%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.impact-header-notification-indicator-inner-circle{background-color:#c64746;border-radius:50%;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.impact-header-avatar .ia-avatar{background-color:#31935f!important;border-radius:8px;color:#fff;line-height:30px}.impact-header-lang-label{color:#60697d;font-size:14px;font-weight:600}@keyframes waves{0%{height:8px;width:8px}to{height:16px;width:16px}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useMemo, useRef, useEffect } from "react";
|
|
4
4
|
import { getAssetUrl } from "../../utils/assetBase.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var n=document.createElement("style");n.appendChild(document.createTextNode('.main_landingpage_container{background:radial-gradient(65.75% 64.76% at 57.88% 39.21%,#ffffffbf 67.79%,#f2692200);bottom:0;box-sizing:border-box;display:flex;justify-content:space-between;left:64px;overflow:hidden;position:absolute;right:0;top:56px}.main_landingpage_container .left_panel{bottom:0;box-sizing:border-box;left:0;padding:18px 0 18px 26px;position:absolute;top:0;width:calc(100% - 500px)}.main_landingpage_container .left_panel .left_panel_header{background:linear-gradient(90deg,#2bbfee21,#6962ef21),url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/noise-tile.webp) repeat;background-repeat:repeat;border-radius:12px;box-sizing:border-box;display:flex;height:80px;left:26px;overflow:hidden;padding:16px;position:absolute;right:0;top:20px}.main_landingpage_container .left_panel .left_panel_header .left_section_header{display:flex;gap:12px;width:calc(100% - 340px)}.main_landingpage_container .left_panel .left_panel_header .left_section_header .left_section_IA_logo_container{animation:gradientShift 8s ease infinite;background:linear-gradient(136deg,#2ac2ee 12.23%,#6962ef 49.23%,#f26921 88.52%);background-size:300% 300%;border-radius:10px;height:48px;position:relative;width:48px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .left_section_IA_logo_container .left_section_IA_logo_gif{background:#0d152c;border-radius:10px;bottom:0;height:46px;left:0;margin:auto;object-fit:contain;position:absolute;right:0;top:0;width:46px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{color:#1f2b4d;font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-align:left}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title .gradient_text{background:linear-gradient(90deg,#2ac2ee,#6962ef 50%,#f26921);-webkit-background-clip:text;background-size:200% 200%;-webkit-text-fill-color:#0000;animation:gradientShift 8s ease infinite;background-clip:text;display:inline-block}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_description{line-height:24px}.main_landingpage_container .left_panel .left_panel_header .right_section_header{align-items:center;display:flex;justify-content:space-between;position:relative;width:340px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon{animation:float 3s ease-in-out infinite;background:#fff;border:1px solid #9995ff;border-radius:8px;bottom:0;cursor:pointer;height:32px;position:absolute;transition:all .3s ease;width:32px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:first-child{animation-delay:.15s;left:50px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(2){animation-delay:.3s;left:100px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(3){animation-delay:.45s;left:150px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(4){animation-delay:.6s;left:200px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(5){animation-delay:.75s;left:250px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(6){animation-delay:.9s;left:300px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:hover{animation-play-state:paused;box-shadow:0 8px 16px #00000026;transform:translateY(-5px) scale(1.1);z-index:1}@keyframes float{0%{opacity:0;transform:translateY(-80px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(0)}}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon1{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-1.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon2{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-2.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon3{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-3.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon4{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-4.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon5{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-5.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon6{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-2.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .center_graidient_container{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/center-header-bg.webp) no-repeat;background-position:50%;background-size:cover;height:80px;opacity:.7;position:absolute;top:0;width:100%}.main_landingpage_container .left_panel .left_panel_header .center_image_container{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/center-bg.webp) no-repeat;background-size:contain;height:80px;left:300px;margin:auto;opacity:1;position:absolute;right:0;top:0;width:368px}.main_landingpage_container .left_panel .left_panel_header .bottom_image_container{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/bottom-header-bg.png) no-repeat;background-position:50%;background-size:contain;height:75px;margin:auto;opacity:1;position:absolute;right:0;top:0;width:195px}.main_landingpage_container .left_panel .left_panel_product_container{bottom:20px;height:auto;left:26px;overflow:auto;position:absolute;right:0;top:132px}.main_landingpage_container .left_panel .tool_kit_container{background:#eaf2ff;border-radius:10px;margin-top:0;padding:20px;position:relative}.main_landingpage_container .left_panel .tool_kit_container .arrow_chevron_container{bottom:0;display:none;left:60px;position:absolute;transform:rotate(90deg)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{display:flex;flex-wrap:wrap;gap:24px 2%;margin-top:16px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item{background:#fff;border:1px solid #fff;border-radius:12px;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;gap:2px;height:167px;justify-content:space-between;padding:16px 12px;position:relative}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_patch{background:#eaf2ff;height:7px;position:absolute;right:17px;top:-2px;width:121px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{color:#0d152c;font-size:16px;font-weight:700;width:calc(100% - 135px)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_content{color:#31416e;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;width:calc(100% - 45px)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container{background:#e9f2ff;border:1px solid #fff;border-radius:0 0 16px 16px;border-top-color:#eaf2ff;box-sizing:border-box;height:48px;padding:8px;position:absolute;right:24px;top:-1px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container:before{background:#e9f2ff;content:"";height:7px;left:-10px;position:absolute;right:-10px;top:-4px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .left_curve_container:before{background:#fff;border-radius:0 10px 0 0;border-right:1px solid #fff;border-top:1px solid #fff;content:"";height:20px;left:-10px;position:absolute;top:-1px;width:10px;z-index:99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .left_curve_container:after{background:#eaf2ff;border-radius:0;content:"";height:8px;left:-8px;position:absolute;top:-1px;width:8px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .right_curve_container:before{background:#fff;border-left:1px solid #fff;border-radius:10px 0 0;border-top:1px solid #fff;content:"";height:20px;position:absolute;right:-10px;top:-1px;width:10px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .right_curve_container:after{background:#eaf2ff;border-radius:0;content:"";height:8px;position:absolute;right:-8px;top:-1px;width:8px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container{align-items:center;background:linear-gradient(90deg,#f269224d 2.15%,#fff2eb);border-radius:0 0 12px;bottom:0;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0 24px 0 18px;position:absolute;right:0;z-index:1}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container:before{background:#fff;clip-path:polygon(0 0,100% 50%,0 100%);content:"";height:100%;left:-1px;position:absolute;top:0;width:10px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container span{color:#0d152c;font-size:12px;font-weight:700;line-height:1;position:relative;z-index:2}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container.release-status-ribbon{background:linear-gradient(90deg,#dce9ff 2.15%,#dfbbf7 96.7%)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover{border:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container{border:1px solid #6962ef99;border-top-color:#eaf2ff}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container .left_curve_container:before{border-right:1px solid #6962ef99;border-top:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container .right_curve_container:before{border-left:1px solid #6962ef99;border-top:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .know_more_container{background:#fafafa;border:1px solid #eceefd;border-radius:12px;box-sizing:border-box;height:auto;margin-top:20px;opacity:1;overflow:hidden;padding:20px;position:relative;transition:height .3s ease-in-out,opacity .3s ease-in-out;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .know_more_container.tool_kit_know_more_container{margin-top:10px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .close_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;cursor:pointer;height:16px;position:absolute;right:13px;top:27px;width:16px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container{align-items:center;display:flex;gap:8px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{color:#0d152c;font-size:20px;font-weight:700}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .tick_mark_enabled{align-items:center;background:#f4fff7 url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/tick.svg) no-repeat;background-position:8px;background-size:12px;border-radius:24px;color:#108431;display:flex;font-size:14px;height:24px;padding:0 8px 0 25px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_description{color:#1f2b4d;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;margin-top:20px;text-align:left}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{display:flex;gap:32px;margin-top:20px;overflow:auto;position:relative;scrollbar-width:none;z-index:999}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/page-fold.webp) no-repeat;background-size:230px;box-sizing:border-box;display:flex;flex-shrink:0;gap:4px;height:64px;padding:15px;width:231px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_bulb_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/bulb.svg) no-repeat;background-position:0 2px;background-size:13px;height:15px;width:15px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{color:#0d152c;font-size:12px;font-weight:600;line-height:16px;width:140px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .launch_button_container{margin-top:16px}.main_landingpage_container .left_panel .tool_kit_container .ms_km_container_hidden{height:0;margin:0!important;opacity:0;padding:0;transition:height .3s ease-in-out,opacity .3s ease-in-out}.main_landingpage_container .left_panel .smart_ai_tool_container{background:#edeff6;margin-top:32px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item{width:auto!important}.main_landingpage_container .left_panel .smart_ai_tool_container .top_cta_container,.main_landingpage_container .left_panel .smart_ai_tool_container .top_cta_container:before{background:#eeeff7!important}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item_container{position:relative;width:32%!important}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item_container .top_patch{background:#eeeff7;height:7px;position:absolute;right:16px;top:-2px;width:126px;z-index:9}.main_landingpage_container .left_panel .tool_kit_item_active{border:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container{border:1px solid #6962ef99!important;border-top-color:#eaf2ff!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container .left_curve_container:before{border-right:1px solid #6962ef99!important;border-top:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container .right_curve_container:before{border-left:1px solid #6962ef99!important;border-top:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container{display:block}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:after,.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:before{border-style:solid;content:"";display:block;height:0;left:100%;position:absolute;width:0}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:before{border-color:#0000 #0000 #0000 #6962ef99;border-width:10px;top:10px}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:after{border-color:#0000 #0000 #0000 #fff;border-width:9px;top:11px}.main_landingpage_container .right_panel{bottom:0;box-sizing:border-box;display:flex;flex-direction:column;gap:32px;padding:21px 26px 18px 0;position:absolute;right:0;top:0;width:475px}.main_landingpage_container .right_panel .client_logo_container{align-items:center;background:#fff;border-radius:12px;display:flex;justify-content:center;padding:20px;position:relative;z-index:0}.main_landingpage_container .right_panel .client_logo_container:before{background:linear-gradient(93.56deg,#dfb9d2 22.01%,#b7c0ef 78.02%);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:1}.main_landingpage_container .right_panel .client_logo_container .impact_client_logo_image{object-fit:contain;width:45%}.main_landingpage_container .right_panel .right_panel_content{display:flex;flex-direction:column;gap:32px;overflow:auto}.main_landingpage_container .right_panel .smart_pf_panel_container{background:linear-gradient(180deg,#e9f2ff59,#fff9);border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;padding:20px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container{display:flex;flex-direction:column;margin-bottom:24px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .top_label{color:#60697d;font-size:16px;font-weight:700;line-height:24px;text-align:center}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .gradient_text{background:linear-gradient(90deg,#6b63ff,#0a1e5e 50%,#6b63ff);-webkit-background-clip:text;background-size:200% auto;font-size:20px;font-weight:600;line-height:28px;text-align:center;-webkit-text-fill-color:#0000;background-clip:text;text-fill-color:#0000;animation:gradientFlow 3s linear infinite;display:inline-block;margin-top:4px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container{display:flex;flex-direction:column;gap:16px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia{background:#fff;border-radius:12px;display:flex;gap:12px;padding:12px;position:relative}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia:before{background:linear-gradient(180deg,#2bbfeee6,#6963efe6);border-radius:13px;content:" ";top:-1px;right:-1px;bottom:-1px;left:-1px;position:absolute;z-index:-1}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .left_image_container{background:#fcfcfc;height:40px;width:40px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .ai_ml_powered,.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .multi_level_planning,.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .strategic_objective{background:#fff}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .landing_card_gif{display:block;height:40px;object-fit:contain;width:40px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card{color:#60697d;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;width:calc(100% - 60px)}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card .ia_card_heading_txt{color:#1f2b4d;font-size:14px;font-weight:800;letter-spacing:0;line-height:20px;text-align:left}.main_landingpage_container .right_panel .smart_agent_studio_container{background:#fff;border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:25px 20px}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing{color:#0d152c;font-size:16px;font-weight:700;letter-spacing:0;line-height:24px;text-align:center}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing .gradient_text{background:linear-gradient(90deg,#f26921,#6962ef);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;font-weight:800;-webkit-text-fill-color:#0000;animation:gradientFlow 3s ease infinite}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container{display:flex;flex-direction:column;gap:16px;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_slide{align-items:center;display:none;flex-direction:column;gap:8px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_slide.carousel_slide_active{display:flex}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_image{height:80px;width:80px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video_text{color:#1f2b4d;font-size:14px;font-weight:500;line-height:16px;text-align:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container{display:flex;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .carousel_dot{background:#c3c8d4;border-radius:50%;cursor:pointer;height:8px;margin:0 4px;transition:all .3s ease;width:8px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .carousel_dot:hover{background:#6962ef}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .dot_active{background:#6962ef;border-radius:4px;height:8px;width:24px}.main_landingpage_container .right_panel .smart_agent_studio_container .agentic_usecases_container{align-items:center;display:flex;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .agentic_usecases_container .hp_usecases_btn{height:auto;min-height:32px}.main_landingpage_container .right_panel .latest_updates_container{align-items:center;border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:20px}.main_landingpage_container .right_panel .latest_updates_container .latest_updates_header{color:#1f2b4d;font-size:16px;font-weight:700;letter-spacing:0;line-height:24px;text-align:left;text-align:center}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main_landingpage_container .configurations_menu_container{background:#fff;border-radius:12px;box-shadow:0 0 18px 5px #0000000f;display:flex;flex-direction:column;gap:12px;padding:12px;position:absolute;right:16px;top:58px;z-index:99999}.main_landingpage_container .configurations_menu_container .configurations_menu_item{cursor:pointer;display:flex;gap:12px;padding:6px;width:342px}.main_landingpage_container .configurations_menu_container .configurations_menu_item:hover{background:#6962ef26;border-radius:8px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_logo{flex-shrink:0;height:32px;object-fit:contain;width:32px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_logo_text{align-items:center;display:inline-flex;font-size:22px;justify-content:center;line-height:1}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content{display:flex;flex-direction:column;gap:4px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content .configurations_menu_item_content_label{color:#1f2b4d;font-size:16px;font-weight:600;line-height:24px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content .configurations_menu_item_content_desc{color:#60697d;font-size:14px;font-weight:500;line-height:20px;text-align:left}.common_header{font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-align:left}.toolkit_header_container{align-items:center;display:flex;justify-content:space-between}.primary_btn_home_page{background:#6962ef!important;border:1px solid #6962ef!important;box-sizing:border-box;font-weight:500!important;line-height:20px}.url{color:#6962ef!important;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;text-decoration:none!important}.MondaySmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/mondaysmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.AssortSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/assortsmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.BaseSmartRestaurant_icon,.BaseSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/basesmart.webp) no-repeat;background-position:0 0;background-size:24px;padding-left:31px}.ItemSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/itemsmart.webp) no-repeat;background-position:0 0;background-size:24px;padding-left:31px}.InventorySmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/inventorysmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.MarkSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/marksmart.webp) no-repeat;background-position:0 0;background-size:25px;padding-left:31px}.PriceSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/pricesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.RackSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/racksmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.SizeSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/sizesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.SpaceSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/spacesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.PlanSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/plansmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.ADAVisual_icon,.ForecastSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/adaVisual.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.ClusterSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/clusterSmart.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.PromoSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/promoSmart.webp) no-repeat;background-position:0 0;background-size:19px;padding-left:31px}.ForecastConfigurator_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/forecastConfigurator.webp) no-repeat;background-position:0 0;background-size:18px;font-size:12px;padding-left:31px}.ADAConfigurator_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/adaConfigurator.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.TestSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/testSmart.webp) no-repeat;background-position:0 0;background-size:20px;padding-left:31px}.AttributeSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/attributeSmart.webp) no-repeat;background-position:0 0;background-size:20px;padding-left:31px}.StoreSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/storeSmart.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.main_landingpage_container .latest_updates_content{font-size:16px;line-height:18px;text-align:center}.url{font-size:12px}@media screen and (min-width:1400px) and (max-width:1600px){.main_landingpage_container .right_panel{gap:22px;width:370px}.main_landingpage_container .left_panel{width:calc(100% - 390px)}.main_landingpage_container .left_panel .left_panel_product_container{top:122px}.main_landingpage_container .left_panel .smart_ai_tool_container{margin-top:22px}.main_landingpage_container .latest_updates_content{font-size:14px;line-height:18px;text-align:center}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{font-size:16px}.common_header{font-size:18px}.right_panel_content{gap:22px!important}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{font-size:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{gap:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{font-size:12px;line-height:14px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{gap:16px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_content .tool_kit_item{padding:16px 10px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{font-size:14px}}@media screen and (max-width:1399px){.main_landingpage_container .right_panel{gap:22px;width:300px}.main_landingpage_container .left_panel .left_panel_product_container{top:122px}.main_landingpage_container .left_panel .smart_ai_tool_container{margin-top:22px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{font-size:16px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{font-size:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{gap:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{font-size:12px;line-height:14px}.main_landingpage_container .left_panel{width:calc(100% - 320px)}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .top_label{font-size:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .gradient_text{font-size:16px;margin-top:0}.main_landingpage_container .right_panel :is(.latest_updates_container,.smart_agent_studio_container,.smart_pf_panel_container){padding:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container{margin-bottom:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container{gap:12px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card{font-size:12px;line-height:14px}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing{font-size:14px;line-height:18px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video{height:145px;width:245px}.main_landingpage_container .latest_updates_content,.main_landingpage_container .right_panel .latest_updates_container .latest_updates_header,.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video_text{font-size:12px;line-height:16px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{font-size:14px;padding-left:24px}.InventorySmart_icon,.MondaySmart_icon{background-size:20px}.common_header{font-size:14px}.main_landingpage_container .left_panel .tool_kit_container{padding:16px}.right_panel_content{gap:22px!important}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{gap:12px}.main_landingpage_container .right_panel .client_logo_container .impact_client_logo_image{width:60%}}.agentic_usecases_panel{width:684px!important}.agentic_usecases_panel .agentic_usecases_panel_content{display:flex;flex-wrap:wrap;gap:16px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_container{position:relative}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_container:hover .agentic_usecases_panel_content_item_button{display:flex!important}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_button{bottom:12px;display:none!important;position:absolute;right:100px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item{border:1px solid #0000;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px;width:310px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item:hover{border:1px solid}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item:hover .agentic_usecases_panel_content_item_content{background:linear-gradient(180deg,#fff9f500,#02020296);border-radius:0 0 7px 7px;margin-inline:-16px;margin-bottom:-16px;padding-inline:16px;padding-bottom:16px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_image{height:40px;width:40px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content{display:flex;flex-direction:column;gap:12px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content .agentic_usecases_panel_content_item_name{color:#1f2b4d;font-size:14px;font-weight:700;line-height:21px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content .agentic_usecases_panel_content_item_description{color:#31416e;font-size:14px;font-weight:500;line-height:20px}.agentic_usecases_panel_content_item_button:hover+.agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content{background:linear-gradient(180deg,#fff9f500,#02020296);border-radius:0 0 7px 7px;margin-inline:-16px;margin-bottom:-16px;padding-inline:16px;padding-bottom:16px}')),document.head.appendChild(n)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var n=document.createElement("style");n.appendChild(document.createTextNode('.main_landingpage_container{background:radial-gradient(65.75% 64.76% at 57.88% 39.21%,#ffffffbf 67.79%,#f2692200);bottom:0;box-sizing:border-box;display:flex;justify-content:space-between;left:64px;overflow:hidden;position:absolute;right:0;top:56px}.main_landingpage_container .left_panel{bottom:0;box-sizing:border-box;left:0;padding:18px 0 18px 26px;position:absolute;top:0;width:calc(100% - 500px)}.main_landingpage_container .left_panel .left_panel_header{background:linear-gradient(90deg,#2bbfee21,#6962ef21),url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/noise-tile.webp) repeat;background-repeat:repeat;border-radius:12px;box-sizing:border-box;display:flex;height:80px;left:26px;overflow:hidden;padding:16px;position:absolute;right:0;top:20px}.main_landingpage_container .left_panel .left_panel_header .left_section_header{display:flex;gap:12px;width:calc(100% - 340px)}.main_landingpage_container .left_panel .left_panel_header .left_section_header .left_section_IA_logo_container{animation:gradientShift 8s ease infinite;background:linear-gradient(136deg,#2ac2ee 12.23%,#6962ef 49.23%,#f26921 88.52%);background-size:300% 300%;border-radius:10px;height:48px;position:relative;width:48px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .left_section_IA_logo_container .left_section_IA_logo_gif{background:#0d152c;border-radius:10px;bottom:0;height:46px;left:0;margin:auto;object-fit:contain;position:absolute;right:0;top:0;width:46px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{color:#1f2b4d;font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-align:left}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title .gradient_text{background:linear-gradient(90deg,#2ac2ee,#6962ef 50%,#f26921);-webkit-background-clip:text;background-size:200% 200%;-webkit-text-fill-color:#0000;animation:gradientShift 8s ease infinite;background-clip:text;display:inline-block}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_description{line-height:24px}.main_landingpage_container .left_panel .left_panel_header .right_section_header{align-items:center;display:flex;justify-content:space-between;position:relative;width:340px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon{animation:float 3s ease-in-out infinite;background:#fff;border:1px solid #9995ff;border-radius:8px;bottom:0;cursor:pointer;height:32px;position:absolute;transition:all .3s ease;width:32px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:first-child{animation-delay:.15s;left:50px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(2){animation-delay:.3s;left:100px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(3){animation-delay:.45s;left:150px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(4){animation-delay:.6s;left:200px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(5){animation-delay:.75s;left:250px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(6){animation-delay:.9s;left:300px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:hover{animation-play-state:paused;box-shadow:0 8px 16px #00000026;transform:translateY(-5px) scale(1.1);z-index:1}@keyframes float{0%{opacity:0;transform:translateY(-80px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(0)}}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon1{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-1.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon2{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-2.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon3{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-3.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon4{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-4.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon5{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-5.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon6{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-2.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .center_graidient_container{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/center-header-bg.webp) no-repeat;background-position:50%;background-size:cover;height:80px;opacity:.7;position:absolute;top:0;width:100%}.main_landingpage_container .left_panel .left_panel_header .center_image_container{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/center-bg.webp) no-repeat;background-size:contain;height:80px;left:300px;margin:auto;opacity:1;position:absolute;right:0;top:0;width:368px}.main_landingpage_container .left_panel .left_panel_header .bottom_image_container{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/bottom-header-bg.png) no-repeat;background-position:50%;background-size:contain;height:75px;margin:auto;opacity:1;position:absolute;right:0;top:0;width:195px}.main_landingpage_container .left_panel .left_panel_product_container{bottom:20px;height:auto;left:26px;overflow:auto;position:absolute;right:0;top:132px}.main_landingpage_container .left_panel .tool_kit_container{background:#eaf2ff;border-radius:10px;margin-top:0;padding:20px;position:relative}.main_landingpage_container .left_panel .tool_kit_container .arrow_chevron_container{bottom:0;display:none;left:60px;position:absolute;transform:rotate(90deg)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{display:flex;flex-wrap:wrap;gap:24px 2%;margin-top:16px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item{background:#fff;border:1px solid #fff;border-radius:12px;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;gap:2px;height:167px;justify-content:space-between;padding:16px 12px;position:relative}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_patch{background:#eaf2ff;height:7px;position:absolute;right:17px;top:-2px;width:121px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{color:#0d152c;font-size:16px;font-weight:700;width:calc(100% - 135px)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_content{color:#31416e;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;width:calc(100% - 45px)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container{background:#e9f2ff;border:1px solid #fff;border-radius:0 0 16px 16px;border-top-color:#eaf2ff;box-sizing:border-box;height:48px;padding:8px;position:absolute;right:24px;top:-1px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container:before{background:#e9f2ff;content:"";height:7px;left:-10px;position:absolute;right:-10px;top:-4px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .left_curve_container:before{background:#fff;border-radius:0 10px 0 0;border-right:1px solid #fff;border-top:1px solid #fff;content:"";height:20px;left:-10px;position:absolute;top:-1px;width:10px;z-index:99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .left_curve_container:after{background:#eaf2ff;border-radius:0;content:"";height:8px;left:-8px;position:absolute;top:-1px;width:8px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .right_curve_container:before{background:#fff;border-left:1px solid #fff;border-radius:10px 0 0;border-top:1px solid #fff;content:"";height:20px;position:absolute;right:-10px;top:-1px;width:10px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .right_curve_container:after{background:#eaf2ff;border-radius:0;content:"";height:8px;position:absolute;right:-8px;top:-1px;width:8px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container{align-items:center;background:linear-gradient(90deg,#f269224d 2.15%,#fff2eb);border-radius:0 0 12px;bottom:0;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0 24px 0 18px;position:absolute;right:0;z-index:1}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container:before{background:#fff;clip-path:polygon(0 0,100% 50%,0 100%);content:"";height:100%;left:-1px;position:absolute;top:0;width:10px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container span{color:#0d152c;font-size:12px;font-weight:700;line-height:1;position:relative;z-index:2}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container.release-status-ribbon{background:linear-gradient(90deg,#dce9ff 2.15%,#dfbbf7 96.7%)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover{border:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container{border:1px solid #6962ef99;border-top-color:#eaf2ff}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container .left_curve_container:before{border-right:1px solid #6962ef99;border-top:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container .right_curve_container:before{border-left:1px solid #6962ef99;border-top:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .know_more_container{background:#fafafa;border:1px solid #eceefd;border-radius:12px;box-sizing:border-box;height:auto;margin-top:20px;opacity:1;overflow:hidden;padding:20px;position:relative;transition:height .3s ease-in-out,opacity .3s ease-in-out;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .know_more_container.tool_kit_know_more_container{margin-top:10px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .close_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;cursor:pointer;height:16px;position:absolute;right:13px;top:27px;width:16px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container{align-items:center;display:flex;gap:8px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{color:#0d152c;font-size:20px;font-weight:700}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .tick_mark_enabled{align-items:center;background:#f4fff7 url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/tick.svg) no-repeat;background-position:8px;background-size:12px;border-radius:24px;color:#108431;display:flex;font-size:14px;height:24px;padding:0 8px 0 25px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_description{color:#1f2b4d;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;margin-top:20px;text-align:left}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{display:flex;gap:32px;margin-top:20px;overflow:auto;position:relative;scrollbar-width:none;z-index:999}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/page-fold.webp) no-repeat;background-size:230px;box-sizing:border-box;display:flex;flex-shrink:0;gap:4px;height:64px;padding:15px;width:231px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_bulb_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/bulb.svg) no-repeat;background-position:0 2px;background-size:13px;height:15px;width:15px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{color:#0d152c;font-size:12px;font-weight:600;line-height:16px;width:140px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .launch_button_container{margin-top:16px}.main_landingpage_container .left_panel .tool_kit_container .ms_km_container_hidden{height:0;margin:0!important;opacity:0;padding:0;transition:height .3s ease-in-out,opacity .3s ease-in-out}.main_landingpage_container .left_panel .smart_ai_tool_container{background:#edeff6;margin-top:32px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item{width:auto!important}.main_landingpage_container .left_panel .smart_ai_tool_container .top_cta_container,.main_landingpage_container .left_panel .smart_ai_tool_container .top_cta_container:before{background:#eeeff7!important}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item_container{position:relative;width:32%!important}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item_container .top_patch{background:#eeeff7;height:7px;position:absolute;right:16px;top:-2px;width:126px;z-index:9}.main_landingpage_container .left_panel .tool_kit_item_active{border:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container{border:1px solid #6962ef99!important;border-top-color:#eaf2ff!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container .left_curve_container:before{border-right:1px solid #6962ef99!important;border-top:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container .right_curve_container:before{border-left:1px solid #6962ef99!important;border-top:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container{display:block}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:after,.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:before{border-style:solid;content:"";display:block;height:0;left:100%;position:absolute;width:0}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:before{border-color:#0000 #0000 #0000 #6962ef99;border-width:10px;top:10px}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:after{border-color:#0000 #0000 #0000 #fff;border-width:9px;top:11px}.main_landingpage_container .right_panel{bottom:0;box-sizing:border-box;display:flex;flex-direction:column;gap:32px;padding:21px 26px 18px 0;position:absolute;right:0;top:0;width:475px}.main_landingpage_container .right_panel .client_logo_container{align-items:center;background:#fff;border-radius:12px;display:flex;justify-content:center;padding:20px;position:relative;z-index:0}.main_landingpage_container .right_panel .client_logo_container:before{background:linear-gradient(93.56deg,#dfb9d2 22.01%,#b7c0ef 78.02%);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:1}.main_landingpage_container .right_panel .client_logo_container .impact_client_logo_image{object-fit:contain;width:45%}.main_landingpage_container .right_panel .right_panel_content{display:flex;flex-direction:column;gap:32px;overflow:auto}.main_landingpage_container .right_panel .smart_pf_panel_container{background:linear-gradient(180deg,#e9f2ff59,#fff9);border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;padding:20px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container{display:flex;flex-direction:column;margin-bottom:24px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .top_label{color:#60697d;font-size:16px;font-weight:700;line-height:24px;text-align:center}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .gradient_text{background:linear-gradient(90deg,#6b63ff,#0a1e5e 50%,#6b63ff);-webkit-background-clip:text;background-size:200% auto;font-size:20px;font-weight:600;line-height:28px;text-align:center;-webkit-text-fill-color:#0000;background-clip:text;text-fill-color:#0000;animation:gradientFlow 3s linear infinite;display:inline-block;margin-top:4px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container{display:flex;flex-direction:column;gap:16px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia{background:#fff;border-radius:12px;display:flex;gap:12px;padding:12px;position:relative}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia:before{background:linear-gradient(180deg,#2bbfeee6,#6963efe6);border-radius:13px;content:" ";top:-1px;right:-1px;bottom:-1px;left:-1px;position:absolute;z-index:-1}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .left_image_container{background:#fcfcfc;height:40px;width:40px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .ai_ml_powered,.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .multi_level_planning,.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .strategic_objective{background:#fff}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .landing_card_gif{display:block;height:40px;object-fit:contain;width:40px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card{color:#60697d;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;width:calc(100% - 60px)}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card .ia_card_heading_txt{color:#1f2b4d;font-size:14px;font-weight:800;letter-spacing:0;line-height:20px;text-align:left}.main_landingpage_container .right_panel .smart_agent_studio_container{background:#fff;border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:25px 20px}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing{color:#0d152c;font-size:16px;font-weight:700;letter-spacing:0;line-height:24px;text-align:center}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing .gradient_text{background:linear-gradient(90deg,#f26921,#6962ef);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;font-weight:800;-webkit-text-fill-color:#0000;animation:gradientFlow 3s ease infinite}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container{display:flex;flex-direction:column;gap:16px;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_slide{align-items:center;display:none;flex-direction:column;gap:8px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_slide.carousel_slide_active{display:flex}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_image{height:80px;width:80px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video_text{color:#1f2b4d;font-size:14px;font-weight:500;line-height:16px;text-align:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container{display:flex;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .carousel_dot{background:#c3c8d4;border-radius:50%;cursor:pointer;height:8px;margin:0 4px;transition:all .3s ease;width:8px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .carousel_dot:hover{background:#6962ef}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .dot_active{background:#6962ef;border-radius:4px;height:8px;width:24px}.main_landingpage_container .right_panel .smart_agent_studio_container .agentic_usecases_container{align-items:center;display:flex;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .agentic_usecases_container .hp_usecases_btn{height:auto;min-height:32px}.main_landingpage_container .right_panel .latest_updates_container{align-items:center;border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:20px}.main_landingpage_container .right_panel .latest_updates_container .latest_updates_header{color:#1f2b4d;font-size:16px;font-weight:700;letter-spacing:0;line-height:24px;text-align:left;text-align:center}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main_landingpage_container .configurations_menu_container{background:#fff;border-radius:12px;box-shadow:0 0 18px 5px #0000000f;display:flex;flex-direction:column;gap:12px;padding:12px;position:absolute;right:16px;top:58px;z-index:99999}.main_landingpage_container .configurations_menu_container .configurations_menu_item{cursor:pointer;display:flex;gap:12px;padding:6px;width:342px}.main_landingpage_container .configurations_menu_container .configurations_menu_item:hover{background:#6962ef26;border-radius:8px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_logo{flex-shrink:0;height:32px;object-fit:contain;width:32px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_logo_text{align-items:center;display:inline-flex;font-size:22px;justify-content:center;line-height:1}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content{display:flex;flex-direction:column;gap:4px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content .configurations_menu_item_content_label{color:#1f2b4d;font-size:16px;font-weight:600;line-height:24px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content .configurations_menu_item_content_desc{color:#60697d;font-size:14px;font-weight:500;line-height:20px;text-align:left}.common_header{font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-align:left}.toolkit_header_container{align-items:center;display:flex;justify-content:space-between}.primary_btn_home_page{background:#6962ef!important;border:1px solid #6962ef!important;box-sizing:border-box;font-weight:500!important;line-height:20px}.url{color:#6962ef!important;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;text-decoration:none!important}.MondaySmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/mondaysmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.AssortSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/assortsmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.BaseSmartRestaurant_icon,.BaseSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/basesmart.webp) no-repeat;background-position:0 0;background-size:24px;padding-left:31px}.ItemSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/itemsmart.webp) no-repeat;background-position:0 0;background-size:24px;padding-left:31px}.InventorySmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/inventorysmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.MarkSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/marksmart.webp) no-repeat;background-position:0 0;background-size:25px;padding-left:31px}.PriceSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/pricesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.RackSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/racksmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.SizeSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/sizesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.SpaceSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/spacesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.PlanSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/plansmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.ADAVisual_icon,.ForecastSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/adaVisual.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.ClusterSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/clusterSmart.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.PromoSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/promoSmart.webp) no-repeat;background-position:0 0;background-size:19px;padding-left:31px}.ForecastConfigurator_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/forecastConfigurator.webp) no-repeat;background-position:0 0;background-size:18px;font-size:12px;padding-left:31px}.ADAConfigurator_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/adaConfigurator.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.TestSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/testSmart.webp) no-repeat;background-position:0 0;background-size:20px;padding-left:31px}.AttributeSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/attributeSmart.webp) no-repeat;background-position:0 0;background-size:20px;padding-left:31px}.StoreSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/storeSmart.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.main_landingpage_container .latest_updates_content{font-size:16px;line-height:18px;text-align:center}.url{font-size:12px}@media screen and (min-width:1400px) and (max-width:1600px){.main_landingpage_container .right_panel{gap:22px;width:370px}.main_landingpage_container .left_panel{width:calc(100% - 390px)}.main_landingpage_container .left_panel .left_panel_product_container{top:122px}.main_landingpage_container .left_panel .smart_ai_tool_container{margin-top:22px}.main_landingpage_container .latest_updates_content{font-size:14px;line-height:18px;text-align:center}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{font-size:16px}.common_header{font-size:18px}.right_panel_content{gap:22px!important}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{font-size:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{gap:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{font-size:12px;line-height:14px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{gap:16px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_content .tool_kit_item{padding:16px 10px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{font-size:14px}}@media screen and (max-width:1399px){.main_landingpage_container .right_panel{gap:22px;width:300px}.main_landingpage_container .left_panel .left_panel_product_container{top:122px}.main_landingpage_container .left_panel .smart_ai_tool_container{margin-top:22px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{font-size:16px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{font-size:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{gap:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{font-size:12px;line-height:14px}.main_landingpage_container .left_panel{width:calc(100% - 320px)}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .top_label{font-size:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .gradient_text{font-size:16px;margin-top:0}.main_landingpage_container .right_panel :is(.latest_updates_container,.smart_agent_studio_container,.smart_pf_panel_container){padding:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container{margin-bottom:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container{gap:12px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card{font-size:12px;line-height:14px}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing{font-size:14px;line-height:18px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video{height:145px;width:245px}.main_landingpage_container .latest_updates_content,.main_landingpage_container .right_panel .latest_updates_container .latest_updates_header,.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video_text{font-size:12px;line-height:16px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{font-size:14px;padding-left:24px}.InventorySmart_icon,.MondaySmart_icon{background-size:20px}.common_header{font-size:14px}.main_landingpage_container .left_panel .tool_kit_container{padding:16px}.right_panel_content{gap:22px!important}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{gap:12px}.main_landingpage_container .right_panel .client_logo_container .impact_client_logo_image{width:60%}}.agentic_usecases_panel{width:684px!important}.agentic_usecases_panel .agentic_usecases_panel_content{display:flex;flex-wrap:wrap;gap:16px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_container{position:relative}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_container:hover .agentic_usecases_panel_content_item_button{display:flex!important}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_button{bottom:12px;display:none!important;position:absolute;right:100px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item{border:1px solid #0000;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px;width:310px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item:hover{border:1px solid}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item:hover .agentic_usecases_panel_content_item_content{background:linear-gradient(180deg,#fff9f500,#02020296);border-radius:0 0 7px 7px;margin-inline:-16px;margin-bottom:-16px;padding-inline:16px;padding-bottom:16px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_image{height:40px;width:40px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content{display:flex;flex-direction:column;gap:12px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content .agentic_usecases_panel_content_item_name{color:#1f2b4d;font-size:14px;font-weight:700;line-height:21px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content .agentic_usecases_panel_content_item_description{color:#31416e;font-size:14px;font-weight:500;line-height:20px}.agentic_usecases_panel_content_item_button:hover+.agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content{background:linear-gradient(180deg,#fff9f500,#02020296);border-radius:0 0 7px 7px;margin-inline:-16px;margin-bottom:-16px;padding-inline:16px;padding-bottom:16px}')),document.head.appendChild(n)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useRef, useEffect } from "react";
|
|
4
4
|
import { getAssetUrl } from "../../utils/assetBase.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact_inputbox_container label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container fieldset{border:none!important}.impact_inputbox_container .MuiInputBase-root input.MuiInputBase-input{box-sizing:border-box;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container .MuiInputBase-root{background:#fff;border:1px solid #c3c8d4;border-radius:8px;height:32px;padding:0;width:100%}.impact_inputbox_container .MuiInputBase-root:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact_inputbox_container .MuiInputBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_inputbox_container.small .MuiInputBase-root{height:24px}.impact_inputbox_container.medium .MuiInputBase-root{height:28px}.impact_inputbox_container.small .MuiInputBase-root input.MuiInputBase-input{height:24px}.impact_inputbox_container.medium .MuiInputBase-root input.MuiInputBase-input{height:28px}.impact_inputbox_container .MuiInputBase-root:hover{border:1px solid #4259ee}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root{background:#f2f4fb;border:1px solid #d9dde7}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root:hover{border:1px solid #d9dde7!important;pointer-events:none!important}.impact_inputbox_container .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0 1px;background-size:10px;color:#5f6673;font-size:10px;line-height:10px;margin-left:0;margin-top:6px;padding-left:15px}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat}.impact_inputbox_container.impact_input_error .MuiInputBase-root{border:1px solid #ec4c5c}.impact_inputbox_container.impact_input_error .MuiInputBase-root .MuiInputBase-input{color:#ec4c5c}.impact_inputbox_container.impact_input_error .MuiInputBase-root.Mui-focused{border:1px solid #ec4c5c!important;box-shadow:none}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{color:#ec4c5c!important}.impact_inputbox_container .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:#4259ee}.impact_inputbox_container .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px}.impact_inputbox_container .MuiInputBase-root.Mui-focused{border:1px solid #4259ee!important;box-shadow:none}.impact_inputbox_container_with_icons label{color:#60697d;font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container_with_icons .impact-input-wrapper{align-items:center;background-color:#fff;border:1px solid #c3c8d4;border-radius:8px;box-sizing:border-box;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:4px;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root{border:none;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;padding:0;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper svg{color:#60697d;height:16px;width:16px}.impact_inputbox_container_with_icons .impact-input-wrapper:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact_inputbox_container_with_icons .impact-input-wrapper:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_inputbox_container_with_icons .impact-input-wrapper:hover{border:1px solid #4259ee}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root:hover{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:inherit;line-height:20px;padding:0!important}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input:hover,.impact_inputbox_container_with_icons .impact-input-wrapper .MuiOutlinedInput-notchedOutline{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper :is(.left-input-icon,.right-input-icon){align-self:center;cursor:pointer;display:flex;justify-self:center}.impact_inputbox_container_with_icons.small .impact-input-wrapper,.impact_inputbox_container_with_icons.small .impact-input-wrapper .MuiInputBase-root{height:24px}.impact_inputbox_container_with_icons.medium .impact-input-wrapper,.impact_inputbox_container_with_icons.medium .impact-input-wrapper .MuiInputBase-root{height:28px}.MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0;color:#7a8294!important;font-family:Manrope,sans-serif!important;margin-left:0!important;padding-left:14px}.input-with-error .impact-input-wrapper{border:1px solid #e15554!important;color:#e15554}.input-with-error .impact-input-wrapper svg{color:#ec4c5c;height:16px;width:16px}.input-with-error .MuiFormHelperText-root,.input-with-error .impact-input-wrapper input.MuiInputBase-input{color:#ec4c5c}.input-with-error .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat;background-position:0;color:#e15554!important}.input-with-disabled .impact-input-wrapper{background:#f8f9fb;border:1px solid #d9dde7;pointer-events:none!important}.input-with-disabled .impact-input-wrapper:hover{border:1px solid #d9dde7}.input-with-disabled .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-disabled.svg) no-repeat;background-position:0;color:#b4bac7!important}.icon-click-on-disabled .impact-input-wrapper,.icon-click-on-disabled .impact-input-wrapper .left-input-icon,.icon-click-on-disabled .impact-input-wrapper .right-input-icon{pointer-events:auto!important}.MuiOutlinedInput-root input::placeholder{color:#b4bac7;font-weight:500}.MuiOutlinedInput-root.Mui-focused input::placeholder{color:#1f2b4d;font-weight:500;opacity:1}.impact_input_error .MuiOutlinedInput-root input::placeholder{color:#ec4c5c!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}input[type=number]{-moz-appearance:textfield}.MuiOutlinedInput-root input:focus::placeholder,input:focus::placeholder{color:#0000}.input-with-disabled:not(.icon-click-on-disabled) :is(.left-input-icon,.right-input-icon){cursor:not-allowed;opacity:.5;pointer-events:none}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact_inputbox_container label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container fieldset{border:none!important}.impact_inputbox_container .MuiInputBase-root input.MuiInputBase-input{box-sizing:border-box;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container .MuiInputBase-root{background:#fff;border:1px solid #c3c8d4;border-radius:8px;height:32px;padding:0;width:100%}.impact_inputbox_container .MuiInputBase-root:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact_inputbox_container .MuiInputBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_inputbox_container.small .MuiInputBase-root{height:24px}.impact_inputbox_container.medium .MuiInputBase-root{height:28px}.impact_inputbox_container.small .MuiInputBase-root input.MuiInputBase-input{height:24px}.impact_inputbox_container.medium .MuiInputBase-root input.MuiInputBase-input{height:28px}.impact_inputbox_container .MuiInputBase-root:hover{border:1px solid #4259ee}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root{background:#f2f4fb;border:1px solid #d9dde7}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root:hover{border:1px solid #d9dde7!important;pointer-events:none!important}.impact_inputbox_container .MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0 1px;background-size:10px;color:#5f6673;font-size:10px;line-height:10px;margin-left:0;margin-top:6px;padding-left:15px}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat}.impact_inputbox_container.impact_input_error .MuiInputBase-root{border:1px solid #ec4c5c}.impact_inputbox_container.impact_input_error .MuiInputBase-root .MuiInputBase-input{color:#ec4c5c}.impact_inputbox_container.impact_input_error .MuiInputBase-root.Mui-focused{border:1px solid #ec4c5c!important;box-shadow:none}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{color:#ec4c5c!important}.impact_inputbox_container .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:#4259ee}.impact_inputbox_container .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px}.impact_inputbox_container .MuiInputBase-root.Mui-focused{border:1px solid #4259ee!important;box-shadow:none}.impact_inputbox_container_with_icons label{color:#60697d;font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container_with_icons .impact-input-wrapper{align-items:center;background-color:#fff;border:1px solid #c3c8d4;border-radius:8px;box-sizing:border-box;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:4px;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root{border:none;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;padding:0;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper svg{color:#60697d;height:16px;width:16px}.impact_inputbox_container_with_icons .impact-input-wrapper:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact_inputbox_container_with_icons .impact-input-wrapper:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_inputbox_container_with_icons .impact-input-wrapper:hover{border:1px solid #4259ee}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root:hover{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:inherit;line-height:20px;padding:0!important}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input:hover,.impact_inputbox_container_with_icons .impact-input-wrapper .MuiOutlinedInput-notchedOutline{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper :is(.left-input-icon,.right-input-icon){align-self:center;cursor:pointer;display:flex;justify-self:center}.impact_inputbox_container_with_icons.small .impact-input-wrapper,.impact_inputbox_container_with_icons.small .impact-input-wrapper .MuiInputBase-root{height:24px}.impact_inputbox_container_with_icons.medium .impact-input-wrapper,.impact_inputbox_container_with_icons.medium .impact-input-wrapper .MuiInputBase-root{height:28px}.MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0;color:#7a8294!important;font-family:Manrope,sans-serif!important;margin-left:0!important;padding-left:14px}.input-with-error .impact-input-wrapper{border:1px solid #e15554!important;color:#e15554}.input-with-error .impact-input-wrapper svg{color:#ec4c5c;height:16px;width:16px}.input-with-error .MuiFormHelperText-root,.input-with-error .impact-input-wrapper input.MuiInputBase-input{color:#ec4c5c}.input-with-error .MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat;background-position:0;color:#e15554!important}.input-with-disabled .impact-input-wrapper{background:#f8f9fb;border:1px solid #d9dde7;pointer-events:none!important}.input-with-disabled .impact-input-wrapper:hover{border:1px solid #d9dde7}.input-with-disabled .MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-disabled.svg) no-repeat;background-position:0;color:#b4bac7!important}.icon-click-on-disabled .impact-input-wrapper,.icon-click-on-disabled .impact-input-wrapper .left-input-icon,.icon-click-on-disabled .impact-input-wrapper .right-input-icon{pointer-events:auto!important}.MuiOutlinedInput-root input::placeholder{color:#b4bac7;font-weight:500}.MuiOutlinedInput-root.Mui-focused input::placeholder{color:#1f2b4d;font-weight:500;opacity:1}.impact_input_error .MuiOutlinedInput-root input::placeholder{color:#ec4c5c!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}input[type=number]{-moz-appearance:textfield}.MuiOutlinedInput-root input:focus::placeholder,input:focus::placeholder{color:#0000}.input-with-disabled:not(.icon-click-on-disabled) :is(.left-input-icon,.right-input-icon){cursor:not-allowed;opacity:.5;pointer-events:none}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
import InputWithIcon from "./InputWithIcon.js";
|