impact-ui 4.0.2 → 4.0.3

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.
Files changed (93) hide show
  1. package/dist/_virtual/index2.js +2 -2
  2. package/dist/_virtual/index3.js +4 -2
  3. package/dist/_virtual/index4.js +3 -3
  4. package/dist/_virtual/index5.js +2 -4
  5. package/dist/components/AccordionModern/index.js +1 -1
  6. package/dist/components/Badge/index.js +1 -1
  7. package/dist/components/BottomSheet/index.d.ts +1 -1
  8. package/dist/components/BottomSheet/index.d.ts.map +1 -1
  9. package/dist/components/BottomSheet/index.js +7 -1
  10. package/dist/components/Breadcrumbs/index.js +1 -1
  11. package/dist/components/Button/index.js +1 -1
  12. package/dist/components/ButtonGroup/index.js +1 -1
  13. package/dist/components/Chart/ChartSkeleton.d.ts +23 -0
  14. package/dist/components/Chart/ChartSkeleton.d.ts.map +1 -0
  15. package/dist/components/Chart/ChartSkeleton.js +171 -0
  16. package/dist/components/Chart/index.d.ts +4 -1
  17. package/dist/components/Chart/index.d.ts.map +1 -1
  18. package/dist/components/Chart/index.js +15 -3
  19. package/dist/components/Chatbot/index.js +1 -1
  20. package/dist/components/Chips/index.js +1 -1
  21. package/dist/components/CommentsPanel/CommentsPanel.impl.js +1 -1
  22. package/dist/components/DatePicker/index.js +1 -1
  23. package/dist/components/DateRangePicker/index.js +1 -1
  24. package/dist/components/FileUpload/index.js +1 -1
  25. package/dist/components/FilterPanel/index.js +1 -1
  26. package/dist/components/FiltersStrip/FilterSlider.js +1 -1
  27. package/dist/components/FiltersStrip/index.js +1 -1
  28. package/dist/components/Input/index.js +1 -1
  29. package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js +1 -1
  30. package/dist/components/KeyboardShortCuts/ShortcutModal.js +1 -1
  31. package/dist/components/KeyboardShortCuts/allSetBox.js +1 -1
  32. package/dist/components/KeyboardShortCuts/index.js +1 -1
  33. package/dist/components/KeyboardShortCuts/tutorial.js +1 -1
  34. package/dist/components/Loader/Loader.types.d.ts +3 -3
  35. package/dist/components/Loader/Loader.types.d.ts.map +1 -1
  36. package/dist/components/Loader/index.d.ts.map +1 -1
  37. package/dist/components/Loader/index.js +4 -2
  38. package/dist/components/Menu/IconMenuItem.js +1 -1
  39. package/dist/components/Menu/NestedMenuItem.js +1 -1
  40. package/dist/components/Menu/index.js +1 -1
  41. package/dist/components/Menu/nestedMenuItemsFromObject.js +1 -1
  42. package/dist/components/Modal/index.js +1 -1
  43. package/dist/components/MonthPicker/index.js +1 -1
  44. package/dist/components/MonthRangePicker/index.js +1 -1
  45. package/dist/components/Panel/index.js +1 -1
  46. package/dist/components/Popover/index.js +1 -1
  47. package/dist/components/Prompt/index.js +1 -1
  48. package/dist/components/Select/index.d.ts.map +1 -1
  49. package/dist/components/Select/index.js +2 -2
  50. package/dist/components/Skeleton/Skeleton.types.d.ts +39 -0
  51. package/dist/components/Skeleton/Skeleton.types.d.ts.map +1 -0
  52. package/dist/components/Skeleton/index.d.ts +13 -0
  53. package/dist/components/Skeleton/index.d.ts.map +1 -0
  54. package/dist/components/Skeleton/index.js +94 -0
  55. package/dist/components/Stepper/index.js +1 -1
  56. package/dist/components/Table/AdvanceSearchModalItem.js +1 -1
  57. package/dist/components/Table/AgGridHeader.d.ts.map +1 -1
  58. package/dist/components/Table/AgGridHeader.js +33 -24
  59. package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js +1 -1
  60. package/dist/components/Table/index.js +1 -1
  61. package/dist/components/TableChat/EmptyContainer.js +1 -1
  62. package/dist/components/TableChat/TableChatSidePanel.js +1 -1
  63. package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.js +1 -1
  64. package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.js +1 -1
  65. package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.js +1 -1
  66. package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.js +1 -1
  67. package/dist/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.js +1 -1
  68. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.js +1 -1
  69. package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.js +1 -1
  70. package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.js +1 -1
  71. package/dist/components/TableChat/components/TableChatRightSection/ChatNotificationSettings/ChatNotificationSettings.js +1 -1
  72. package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.js +1 -1
  73. package/dist/components/TableChat/components/TextEditor/EditorToolbar.js +1 -1
  74. package/dist/components/TableChat/components/TextEditor/Mention.js +1 -1
  75. package/dist/components/TableChat/components/TextEditor/MentionList.js +1 -1
  76. package/dist/components/TableOld/AgGridHeader.d.ts.map +1 -1
  77. package/dist/components/TableOld/AgGridHeader.js +15 -13
  78. package/dist/components/TableOld/index.js +1 -1
  79. package/dist/components/Tag/index.js +1 -1
  80. package/dist/components/TextArea/index.js +1 -1
  81. package/dist/components/common/MentionEditor/MentionList/index.js +1 -1
  82. package/dist/components/common/MentionEditor/index.js +1 -1
  83. package/dist/components/index.d.ts +2 -0
  84. package/dist/components/index.d.ts.map +1 -1
  85. package/dist/components/index.js +3 -0
  86. package/dist/mcp-component-registry.json +1 -1
  87. package/dist/node_modules/@mui/system/colorManipulator.js +2 -2
  88. package/dist/node_modules/prop-types/index.js +1 -1
  89. package/dist/node_modules/react-is/index.js +1 -1
  90. package/dist/styles/style.css +1 -1
  91. package/dist/utils/helper.d.ts +1 -0
  92. package/dist/utils/helper.d.ts.map +1 -1
  93. package/package.json +1 -1
package/dist/components/FileUpload/index.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.ia-fileUpload-container{align-items:stretch;background-color:#fff;border-radius:16px;box-shadow:0 0 16px 2px #0000000f;display:flex;flex-direction:column;gap:16px;min-height:274px;padding:16px;width:550px}.ia-fileUpload-container .ia-fileUpload-heading{color:#0d152c;font-size:16px;font-weight:800;line-height:24px;text-align:left}.ia-fileUpload-container .ia-fileUpload-subHeading{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;margin-top:2px;text-align:left}.ia-fileUpload-container .ia-fileUpload-container-header{align-items:center;display:flex;justify-content:space-between}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title{display:flex;flex-direction:column;gap:2px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-primary{color:#0d152c;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;line-height:24px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-secondary{color:#7a8294;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-closeIcon{color:#60697d;cursor:pointer}.ia-fileUpload{align-items:center;background-color:initial;border:1px dashed #b3bdf8;border-radius:8px;display:flex;flex-direction:column;height:148px;justify-content:center;margin:auto;padding:24px 16px;position:relative;width:100%}.ia-fileUpload:before{background:var(--ia-file-upload-icon) no-repeat center/contain;content:"";display:block;flex-shrink:0;height:55px;width:55px}.ia-fileUpload .ia-fileUpload-hr{color:#7a8294;font-size:12px;font-weight:500;line-height:15px;text-align:center;width:25px}.ia-fileUpload .ia-fileUpload-hr:before{left:calc(50% - 100px)}.ia-fileUpload .ia-fileUpload-hr:after,.ia-fileUpload .ia-fileUpload-hr:before{background-color:#d9dde7;content:"";height:1px;position:absolute;top:112px;width:80px}.ia-fileUpload .ia-fileUpload-hr:after{right:calc(50% - 100px)}.ia-fileUpload input{height:calc(2px + 100%);left:-1px;opacity:0;position:absolute;top:-1px;width:calc(2px + 100%)}.ia-fileUpload .ia-fileUpload-label{color:#1f2b4d;font-size:14px;font-weight:500;line-height:20px;text-align:center}.ia-fileUpload.ia-fileUpload-error{border:1px solid #e15554;box-shadow:inset 0 0 20px #e155541f}.ia-fileUpload.ia-fileUpload-error .ia-fileUpload-label{color:#e15554}.ia-fileUpload.ia-fileUpload-disabled{opacity:.5;pointer-events:none}.ia-fileUpload.ia-fileUpload-dragOver{background:none;border:1px solid #4259ee;box-shadow:inset 0 0 96px 23px #4259ee24;justify-content:center}.ia-fileUpload.ia-fileUpload-dragOver:before{display:none}.ia-fileUpload.ia-fileUpload-dragOver .ia-fileUpload-dragOverLabel{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:21px}.ia-fileUpload.ia-fileUpload-dragOver button{border-color:#1849d6!important;color:#1849d6!important}.ia-fileUpload .ia-fileUpload-label-secondary{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-align:center}.ia-fileUpload .ia-fileUpload-label-primary,.ia-fileUpload-validFileType{align-items:center;display:flex;gap:4px}.ia-fileUpload-validFileType{color:#60697d;font-size:14px;font-weight:500;height:16px;letter-spacing:.01em;line-height:16.1px}.ia-fileUpload-validFileType button: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}.ia-fileUpload-validFileType button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-fileUpload-validFileType button:focus{outline:none!important}.ia-fileUpload-validFileType button[data-fileUpload=templateDownload]{padding:0}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container{position:relative}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow{cursor:pointer;height:11px;margin-top:2px;width:11px}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow.rotate{transform:rotate(180deg)}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu{background-color:#fff;border-radius:8px;bottom:32px;box-shadow:0 0 4px #0000001f;display:flex;flex-direction:column;gap:5px;left:0;padding-bottom:16px;padding-top:16px;position:absolute;width:100px;z-index:99}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item{align-items:center;color:#1f2b4d;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:25px;line-height:20px;padding-left:18px;text-align:left}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item:hover{background-color:#f5f6fa}.ia-fileUpload-previewItem{align-items:stretch;border:1px solid #e7e7e7;border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;padding:16px}.ia-fileUpload-previewItem img{max-height:36px;max-width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress{display:flex;gap:8px;justify-content:space-between;z-index:99}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details{display:flex;gap:8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItemIcon{background-repeat:no-repeat;height:36px;width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info{display:flex;flex-direction:column;gap:2px;justify-content:space-between}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name{color:#0b0b0b;font-size:12px;font-weight:700;line-height:18px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name.ia-fileUpload-previewItem-name-failed{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size{color:#6d6d6d;font-size:12px;font-weight:500;line-height:16px;text-align:left}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploadFailed{color:#e15554}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploading{color:#0000}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.disabled{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions{align-items:center;display:flex;gap:14px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action{color:#4259ee;cursor:pointer}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action.removeIcon{color:#60697d}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_layout{margin:0}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_label_container{margin:-24px 0 8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem:hover .ia-fileUpload-previewItem-del{opacity:1}.ia-fileUpload-actions{display:flex;gap:16px;justify-content:flex-end}.ia-fileUpload-validFileType-menu .MuiPaper-root{min-width:226px}.ia-fileUpload-validFileType-menu .MuiPaper-root .ia-btn-icon{margin-bottom:0}.ia-template-preview{background-color:#e9e3f2;border-radius:8px;box-shadow:0 0 16px 2px #0000000f;padding:12px}.ia-template-preview .ia-template-preview__title{color:#0d152c;font-size:14px;font-weight:800;line-height:21px;margin:0 0 10px}.ia-template-preview .ia-template-preview__grid-wrapper{border:1px solid #d9dde7;border-radius:4px;overflow-x:auto}.ia-template-preview .ia-template-preview__table{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.ia-template-preview .ia-template-preview__table td,.ia-template-preview .ia-template-preview__table th{border:1px solid #d9dde7;font-size:12px;line-height:20px;padding:0;text-align:center}.ia-template-preview .ia-template-preview__col-header,.ia-template-preview .ia-template-preview__row-header{background-color:#f3f4f6;color:#6b7280;font-size:12px;font-weight:500}.ia-template-preview .ia-template-preview__row-header{max-width:28px;min-width:28px!important;width:28px}.ia-template-preview .ia-template-preview__cell{background-color:#fff}.ia-template-preview .ia-template-preview__cell-value{color:#0d152c;font-size:12px;font-weight:600;overflow:hidden;padding-inline:2px;text-overflow:ellipsis;white-space:nowrap}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
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)}}.ia-fileUpload-container{align-items:stretch;background-color:#fff;border-radius:16px;box-shadow:0 0 16px 2px #0000000f;display:flex;flex-direction:column;gap:16px;min-height:274px;padding:16px;width:550px}.ia-fileUpload-container .ia-fileUpload-heading{color:#0d152c;font-size:16px;font-weight:800;line-height:24px;text-align:left}.ia-fileUpload-container .ia-fileUpload-subHeading{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;margin-top:2px;text-align:left}.ia-fileUpload-container .ia-fileUpload-container-header{align-items:center;display:flex;justify-content:space-between}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title{display:flex;flex-direction:column;gap:2px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-primary{color:#0d152c;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;line-height:24px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-secondary{color:#7a8294;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-closeIcon{color:#60697d;cursor:pointer}.ia-fileUpload{align-items:center;background-color:initial;border:1px dashed #b3bdf8;border-radius:8px;display:flex;flex-direction:column;height:148px;justify-content:center;margin:auto;padding:24px 16px;position:relative;width:100%}.ia-fileUpload:before{background:var(--ia-file-upload-icon) no-repeat center/contain;content:"";display:block;flex-shrink:0;height:55px;width:55px}.ia-fileUpload .ia-fileUpload-hr{color:#7a8294;font-size:12px;font-weight:500;line-height:15px;text-align:center;width:25px}.ia-fileUpload .ia-fileUpload-hr:before{left:calc(50% - 100px)}.ia-fileUpload .ia-fileUpload-hr:after,.ia-fileUpload .ia-fileUpload-hr:before{background-color:#d9dde7;content:"";height:1px;position:absolute;top:112px;width:80px}.ia-fileUpload .ia-fileUpload-hr:after{right:calc(50% - 100px)}.ia-fileUpload input{height:calc(2px + 100%);left:-1px;opacity:0;position:absolute;top:-1px;width:calc(2px + 100%)}.ia-fileUpload .ia-fileUpload-label{color:#1f2b4d;font-size:14px;font-weight:500;line-height:20px;text-align:center}.ia-fileUpload.ia-fileUpload-error{border:1px solid #e15554;box-shadow:inset 0 0 20px #e155541f}.ia-fileUpload.ia-fileUpload-error .ia-fileUpload-label{color:#e15554}.ia-fileUpload.ia-fileUpload-disabled{opacity:.5;pointer-events:none}.ia-fileUpload.ia-fileUpload-dragOver{background:none;border:1px solid #4259ee;box-shadow:inset 0 0 96px 23px #4259ee24;justify-content:center}.ia-fileUpload.ia-fileUpload-dragOver:before{display:none}.ia-fileUpload.ia-fileUpload-dragOver .ia-fileUpload-dragOverLabel{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:21px}.ia-fileUpload.ia-fileUpload-dragOver button{border-color:#1849d6!important;color:#1849d6!important}.ia-fileUpload .ia-fileUpload-label-secondary{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-align:center}.ia-fileUpload .ia-fileUpload-label-primary,.ia-fileUpload-validFileType{align-items:center;display:flex;gap:4px}.ia-fileUpload-validFileType{color:#60697d;font-size:14px;font-weight:500;height:16px;letter-spacing:.01em;line-height:16.1px}.ia-fileUpload-validFileType button: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}.ia-fileUpload-validFileType button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-fileUpload-validFileType button:focus{outline:none!important}.ia-fileUpload-validFileType button[data-fileUpload=templateDownload]{padding:0}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container{position:relative}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow{cursor:pointer;height:11px;margin-top:2px;width:11px}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow.rotate{transform:rotate(180deg)}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu{background-color:#fff;border-radius:8px;bottom:32px;box-shadow:0 0 4px #0000001f;display:flex;flex-direction:column;gap:5px;left:0;padding-bottom:16px;padding-top:16px;position:absolute;width:100px;z-index:99}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item{align-items:center;color:#1f2b4d;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:25px;line-height:20px;padding-left:18px;text-align:left}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item:hover{background-color:#f5f6fa}.ia-fileUpload-previewItem{align-items:stretch;border:1px solid #e7e7e7;border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;padding:16px}.ia-fileUpload-previewItem img{max-height:36px;max-width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress{display:flex;gap:8px;justify-content:space-between;z-index:99}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details{display:flex;gap:8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItemIcon{background-repeat:no-repeat;height:36px;width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info{display:flex;flex-direction:column;gap:2px;justify-content:space-between}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name{color:#0b0b0b;font-size:12px;font-weight:700;line-height:18px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name.ia-fileUpload-previewItem-name-failed{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size{color:#6d6d6d;font-size:12px;font-weight:500;line-height:16px;text-align:left}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploadFailed{color:#e15554}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploading{color:#0000}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.disabled{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions{align-items:center;display:flex;gap:14px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action{color:#4259ee;cursor:pointer}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action.removeIcon{color:#60697d}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_layout{margin:0}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_label_container{margin:-24px 0 8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem:hover .ia-fileUpload-previewItem-del{opacity:1}.ia-fileUpload-actions{display:flex;gap:16px;justify-content:flex-end}.ia-fileUpload-validFileType-menu .MuiPaper-root{min-width:226px}.ia-fileUpload-validFileType-menu .MuiPaper-root .ia-btn-icon{margin-bottom:0}.ia-template-preview{background-color:#e9e3f2;border-radius:8px;box-shadow:0 0 16px 2px #0000000f;padding:12px}.ia-template-preview .ia-template-preview__title{color:#0d152c;font-size:14px;font-weight:800;line-height:21px;margin:0 0 10px}.ia-template-preview .ia-template-preview__grid-wrapper{border:1px solid #d9dde7;border-radius:4px;overflow-x:auto}.ia-template-preview .ia-template-preview__table{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.ia-template-preview .ia-template-preview__table td,.ia-template-preview .ia-template-preview__table th{border:1px solid #d9dde7;font-size:12px;line-height:20px;padding:0;text-align:center}.ia-template-preview .ia-template-preview__col-header,.ia-template-preview .ia-template-preview__row-header{background-color:#f3f4f6;color:#6b7280;font-size:12px;font-weight:500}.ia-template-preview .ia-template-preview__row-header{max-width:28px;min-width:28px!important;width:28px}.ia-template-preview .ia-template-preview__cell{background-color:#fff}.ia-template-preview .ia-template-preview__cell-value{color:#0d152c;font-size:12px;font-weight:600;overflow:hidden;padding-inline:2px;text-overflow:ellipsis;white-space:nowrap}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
2
2
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
3
3
  import { useRef, useState, useCallback, useEffect, useMemo } from "react";
4
4
  import default_1 from "../../node_modules/@mui/icons-material/Clear.js";
package/dist/components/FilterPanel/index.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".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 .impact_drawer_filter_footer_left_container,.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer .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.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 .impact_drawer_filter_footer_left_container,.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer .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";
package/dist/components/FiltersStrip/FilterSlider.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,: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}.impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:8px;max-width:100%;min-width:0;overflow:scroll;scrollbar-width:none}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:6px;position:relative;transition:transform .5s ease-in-out}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-selected-filter-container .collapsed{overflow:hidden}.impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:#f5f6fa;cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:#60697d;font-size:18px}.impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .expand{border-radius:8px;color:#60697d;font-size:14px}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
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}.impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:8px;max-width:100%;min-width:0;overflow:scroll;scrollbar-width:none}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:6px;position:relative;transition:transform .5s ease-in-out}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-selected-filter-container .collapsed{overflow:hidden}.impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:#f5f6fa;cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:#60697d;font-size:18px}.impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .expand{border-radius:8px;color:#60697d;font-size:14px}')),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
3
  import { useState, useRef, useCallback, useLayoutEffect, useEffect, Fragment } from "react";
4
4
  import default_1$3 from "../../node_modules/@mui/icons-material/ChevronRightOutlined.js";
package/dist/components/FiltersStrip/index.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,: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}.impact-info-panel-container{align-items:center;background-color:#fff;display:flex;flex-direction:row;font-family:Manrope,sans-serif;gap:12px;height:48px;justify-content:space-between;padding:8px 24px;position:relative;width:100%}.impact-info-panel-container .impact-info-panel-left-container{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:12px;justify-content:space-between;min-width:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:8px;justify-content:space-between}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .MuiChip-root.impact_badges_only_label_stroke{height:24px!important;max-width:145px;min-height:24px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:21px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button{align-items:center;background-color:#f5f6fa;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;max-height:32px;min-height:32px;overflow:hidden;padding:8px;transition:transform .2s ease;width:32px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button: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-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:hover{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button svg{color:#1f2b4d;height:20px;width:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000001f;left:0;min-width:265px;padding:8px 6px;position:absolute;top:54px;z-index:1200}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper{display:flex;flex-direction:column;margin-bottom:6px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters{border-radius:8px;display:flex;flex-direction:row;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters:hover{background-color:#edf0ff;cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters span{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper{display:flex;flex-direction:row;gap:6px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper .MuiChip-root.impact_badges_only_label_stroke{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-no-data-text{align-items:center;color:#7a8294;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin:24px 0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper{padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper .impact-input-wrapper{border:none!important;min-width:100%!important;padding-left:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper{display:flex;flex-direction:column;max-height:160px;overflow:auto}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list{border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin-bottom:4px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list:hover{background-color:#f5f6fa;cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .filter-dropdown-selected-list{background-color:#edf0ff}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper{display:flex;flex-direction:column;gap:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper .impact-filter-dropdown-action-btns{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;padding:0 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;min-width:0;width:100%}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:12px;max-width:100%;min-width:0;overflow:hidden}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:0;position:relative;transition:transform .5s ease-in-out}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding-right:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-filter-strip-separator{margin-right:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:#f5f6fa;cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:#60697d;font-size:18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-info-panel-container .impact-info-panel-right-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:12px}.impact-info-panel-container .impact-filter-strip-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1px}.impact-selected-filter-tags-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000001f;max-width:200px;padding:8px 6px;position:absolute;right:0;top:45px;width:100%;z-index:1200}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-container{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-label{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;padding:8px 18px;text-overflow:ellipsis;white-space:nowrap}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container{display:flex;flex-direction:column;gap:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container .ia-styles.ia-btn{width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
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}.impact-info-panel-container{align-items:center;background-color:#fff;display:flex;flex-direction:row;font-family:Manrope,sans-serif;gap:12px;height:48px;justify-content:space-between;padding:8px 24px;position:relative;width:100%}.impact-info-panel-container .impact-info-panel-left-container{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:12px;justify-content:space-between;min-width:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:8px;justify-content:space-between}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .MuiChip-root.impact_badges_only_label_stroke{height:24px!important;max-width:145px;min-height:24px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:21px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button{align-items:center;background-color:#f5f6fa;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;max-height:32px;min-height:32px;overflow:hidden;padding:8px;transition:transform .2s ease;width:32px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button: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-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:hover{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button svg{color:#1f2b4d;height:20px;width:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000001f;left:0;min-width:265px;padding:8px 6px;position:absolute;top:54px;z-index:1200}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper{display:flex;flex-direction:column;margin-bottom:6px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters{border-radius:8px;display:flex;flex-direction:row;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters:hover{background-color:#edf0ff;cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters span{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper{display:flex;flex-direction:row;gap:6px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper .MuiChip-root.impact_badges_only_label_stroke{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-no-data-text{align-items:center;color:#7a8294;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin:24px 0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper{padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper .impact-input-wrapper{border:none!important;min-width:100%!important;padding-left:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper{display:flex;flex-direction:column;max-height:160px;overflow:auto}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list{border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin-bottom:4px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list:hover{background-color:#f5f6fa;cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .filter-dropdown-selected-list{background-color:#edf0ff}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper{display:flex;flex-direction:column;gap:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper .impact-filter-dropdown-action-btns{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;padding:0 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;min-width:0;width:100%}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:12px;max-width:100%;min-width:0;overflow:hidden}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:0;position:relative;transition:transform .5s ease-in-out}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding-right:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-filter-strip-separator{margin-right:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:#f5f6fa;cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:#60697d;font-size:18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-info-panel-container .impact-info-panel-right-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:12px}.impact-info-panel-container .impact-filter-strip-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1px}.impact-selected-filter-tags-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000001f;max-width:200px;padding:8px 6px;position:absolute;right:0;top:45px;width:100%;z-index:1200}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-container{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-label{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;padding:8px 18px;text-overflow:ellipsis;white-space:nowrap}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container{display:flex;flex-direction:column;gap:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container .ia-styles.ia-btn{width:100%}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
2
2
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
3
  import { useState, useCallback, Fragment as Fragment$1 } from "react";
4
4
  import default_1 from "../../node_modules/@mui/icons-material/FilterList.js";
package/dist/components/Input/index.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".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 .left-input-icon,.impact_inputbox_container_with_icons .impact-input-wrapper .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) .left-input-icon,.input-with-disabled:not(.icon-click-on-disabled) .right-input-icon{cursor:not-allowed;opacity:.5;pointer-events:none}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
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 .left-input-icon,.impact_inputbox_container_with_icons .impact-input-wrapper .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) .left-input-icon,.input-with-disabled:not(.icon-click-on-disabled) .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";
package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";@keyframes shortcut-section-enter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-in-from-right{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}@keyframes dot-fill{0%{width:0}to{width:100%}}@keyframes shortcut-card-enter-1{0%{opacity:0;transform:translateY(20px) rotate(-8deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}}@keyframes shortcut-card-enter-2{0%{opacity:0;transform:translateY(20px) rotate(4deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(4deg) scale(1)}}@keyframes shortcut-card-enter-3{0%{opacity:0;transform:translateY(20px) rotate(-1deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}.keyboard-shortcuts-container-wrapper{background-color:#fff;background-image:radial-gradient(circle,#f7f7f799 2px,#0000 0),radial-gradient(circle,#f7f7f799 2px,#0000 0);background-size:18px 18px;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;left:50%;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:999999}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container{align-items:center;display:flex;flex-direction:column;gap:32px;height:100%;justify-content:space-between}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header{align-items:center;display:flex;flex-direction:column;gap:8px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription{align-items:center;display:flex;flex-direction:column;gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-title{color:#0d152c;font-size:32px;font-weight:800;line-height:48px;text-transform:capitalize}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-description{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center;width:302px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section{align-items:center;display:flex;flex-direction:column;gap:8px;overflow:hidden}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide{height:452px;will-change:opacity,transform}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide--forward{animation:slide-in-from-right .38s cubic-bezier(.22,1,.36,1) both}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide--backward{animation:slide-in-from-left .38s cubic-bezier(.22,1,.36,1) both}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper{align-items:center;display:flex;gap:10px;justify-content:center}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper .button{background-color:#d9dde7;border-radius:5px;cursor:pointer;flex-shrink:0;height:10px;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.22,1,.36,1),background-color .2s;width:10px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper .button.active{background-color:#d9dde7;width:32px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper .button.active:after{animation:dot-fill var(--dot-duration,2s) linear forwards;background-color:#4259ee;border-radius:5px;content:"";height:100%;inset-block:0;left:0;position:absolute}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer .page-footer-buttons{align-items:center;display:flex;gap:12px}.keyboard-shortcuts-container-wrapper .screen2-container,.keyboard-shortcuts-container-wrapper .screen3-container{display:flex;flex-direction:column;gap:24px}.keyboard-shortcuts-container-wrapper .screen2-container .screen-video,.keyboard-shortcuts-container-wrapper .screen3-container .screen-video{height:295px;width:520px}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper .keycombo-container,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper .keycombo-container{align-items:center;background-color:#b3bdf8;border-radius:10px;display:flex;gap:8px;height:72px;justify-content:center;padding:8px}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper .keycombo-description,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper .keycombo-description{color:#60697d;font-size:16px;font-weight:800;line-height:24px;text-align:center}.shortcut-landing-page{align-items:center;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;display:flex;flex-direction:column;height:600px;justify-content:space-between;padding:40px;position:relative;width:500px}.shortcut-landing-page-content{height:452px;margin:0 auto;max-width:100%;position:relative;width:520px}.shortcut-landing-page-content .shortcut-landing-page-content-item{align-items:flex-start;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:160px;overflow:hidden;padding:24px;position:absolute;width:270px}.shortcut-landing-page-content .shortcut-landing-page-content-item .background-image{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/backgroundFlower.svg) no-repeat;height:100px;left:122px;mix-blend-mode:plus-lighter;opacity:.2;pointer-events:none;position:absolute;top:69px;width:146px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon svg{display:block}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg{color:#26ab1a;height:24px;width:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg{color:#ee42cc}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg{color:#4259ee}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons{align-items:center;display:flex;gap:4px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item{align-items:center;background:#fff;border-radius:4px;box-sizing:border-box;display:flex;justify-content:center;max-height:24px;min-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--modifier{border:1px solid #c3c8d4;padding:2px 10px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--letter{border:1px solid #d9dde7;padding:2px 12px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item .content-header-buttons-item-text{color:#1f2b4d;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-plus{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1{background:linear-gradient(180deg,#e8ffe7,#fff);border-left:1px solid #38d331;border-right:1px solid #38d331;border-top:1px solid #38d331;box-shadow:0 -10px 22px #38d33112;left:10px;top:18px;transform:rotate(-8deg);z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{background:linear-gradient(180deg,#ffeef4,#fff);border-left:1px solid #ee42cc;border-right:1px solid #ee42cc;border-top:1px solid #ee42cc;box-shadow:0 -10px 22px #ee42cc12;left:239.64px;top:141.78px;transform:rotate(4deg);z-index:2}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2 .background-image{transform:rotate(9deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{background:linear-gradient(180deg,#eef0ff,#fff);border-left:1px solid #4259ee;border-right:1px solid #4259ee;border-top:1px solid #4259ee;box-shadow:0 -24px 22px #4259ee12;left:1px;top:286.32px;transform:rotate(-1deg);z-index:3}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{display:flex;flex-direction:column;gap:6px;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-1{animation:shortcut-card-enter-1 .4s cubic-bezier(.22,1,.36,1) .2s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-2{animation:shortcut-card-enter-2 .4s cubic-bezier(.22,1,.36,1) .3s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-3{animation:shortcut-card-enter-3 .4s cubic-bezier(.22,1,.36,1) .4s both;will-change:opacity,transform}.tab-items{border-radius:8px}.tab-items,.tab-items .ia-tabContainer{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.tab-items .impact-tab-panel{flex:1;min-height:0;overflow-y:auto}.modal-overlay{-webkit-align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;transition:opacity 225ms cubic-bezier(.4,0,.2,1)}.keyboard-shortcuts-overlay,.modal-overlay,.tutorial-overlay{background-color:#0d152ccc;bottom:0;left:0;position:fixed;right:0;top:0;-webkit-tap-highlight-color:transparent;opacity:1;z-index:9999}.keyboard-shortcuts-overlay,.tutorial-overlay{pointer-events:auto;transition:opacity .5s ease-in-out}.keyboard-shortcuts-overlay.overlay--hidden,.tutorial-overlay.overlay--hidden{opacity:0;pointer-events:none}.close-icon-container{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #0000001f;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.close-icon-container:focus-visible{box-shadow:0 0 4px #0000001f,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}.close-icon-container:focus:not(:focus-visible){box-shadow:0 0 4px #0000001f;outline:none}.close-icon-container svg{height:18px;width:18px}.modal-wrapper{border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;left:50%;max-height:620px;min-height:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:9999}.modal-wrapper .close-icon-container{right:-10px;top:-10px}.modal-wrapper .modal-content{background:linear-gradient(300deg,#4259ee -225%,#fff 30%);border-radius:12px 12px 0 0;display:flex;flex:1;flex-direction:column;gap:16px;margin-bottom:48px;min-height:0;overflow:hidden;padding:16px 16px 0}.modal-wrapper .modal-content .search-bar{height:36px}.modal-wrapper .modal-content .search-bar .impact-input-wrapper,.modal-wrapper .modal-content .search-bar .impact_inputbox_container_with_icons{height:100%;width:100%}.modal-wrapper .modal-content .tab-items .impact-tab-panel{margin-top:8px}.modal-wrapper .modal-content .list-container{display:flex;flex-direction:column;gap:8px}.modal-wrapper .modal-content .list-container .list-item{align-items:center;border-bottom:1px solid #eff2fa;display:flex;justify-content:space-between;padding:0 12px 8px;position:relative}.modal-wrapper .modal-content .list-container .list-item.pointer{cursor:pointer}.modal-wrapper .modal-content .list-container .list-item.pointer:before{background-color:#f5f6fa;bottom:0;content:"";left:-16px;opacity:0;pointer-events:none;position:absolute;right:-16px;top:-8px;z-index:0}.modal-wrapper .modal-content .list-container .list-item.pointer:hover:before{opacity:1}.modal-wrapper .modal-content .list-container .list-item.pointer>*{position:relative;z-index:1}.modal-wrapper .modal-content .list-container .list-item .list-item-content{display:flex;flex-direction:column;gap:2px}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-title{color:#0d152c;font-size:14px;font-weight:500;line-height:21px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-keys{cursor:auto;display:flex;gap:8px}.modal-wrapper .modal-footer{align-items:center;background-color:#fff;border-radius:0 0 8px 8px;border-top:1px solid #d9dde7;bottom:0;display:flex;height:48px;justify-content:flex-end;left:0;padding:12px 16px;position:absolute;right:0}.modal-wrapper .modal-footer .modal-footer-content-left{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-buttons{align-items:center;display:flex;gap:8px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-seperator{border:1px solid #d9dde7;height:16px;margin:4px;width:0}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-text{color:#60697d;font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize}.modal-wrapper .modal-footer .modal-footer-content-right{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-right-text{color:#60697d;font-size:14px;font-weight:500;line-height:20px}.keycap{align-items:center;background-color:#f8f9fb;border:1px solid #c3c8d4;border-radius:4px;display:flex;height:24px;justify-content:center;min-width:34px;padding:2px 10px}.keycap .keycap-label{color:#1f2b4d;font-family:Inter;font-size:14px;font-weight:500;line-height:20px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header.shortcut-landing-entrance-header{animation:shortcut-section-enter .4s cubic-bezier(.22,1,.36,1) 0s both;will-change:opacity,transform}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer.shortcut-landing-entrance-footer{animation:shortcut-section-enter .4s cubic-bezier(.22,1,.36,1) .6s both;will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer.shortcut-landing-entrance-footer,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header.shortcut-landing-entrance-header,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen-slide{animation:none!important;opacity:1;transform:none}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .button.active:after{animation:none!important;width:100%}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item{animation:none!important;opacity:1}}.keys{align-items:center;display:flex;gap:8px}.keys .button-outer{background:#000;border-radius:5px;display:flex;height:55px;justify-content:flex-end;position:relative;width:80px}.keys .button-outer:before{bottom:0;left:2px;transform:rotate(-51.34deg);transform-origin:left center;width:9px}.keys .button-outer:after,.keys .button-outer:before{background:#fff;content:"";filter:blur(.5px);height:1px;position:absolute}.keys .button-outer:after{bottom:1px;right:1px;transform:rotate(79deg);transform-origin:right center;width:6px}.keys .button-outer .button-inner{align-items:flex-end;background:linear-gradient(180deg,#404040 10.91%,#222);border:1px solid #404040;border-radius:5px;display:flex;flex-direction:column;height:49px;justify-content:space-between;padding:8px;width:74px}.keys .button-outer .button-inner.windows-key{align-items:flex-start;justify-content:center}.keys .button-outer .button-inner:before{background:#fff;content:"";filter:blur(.5px);height:5px;left:2px;position:absolute;top:1px;transform:rotate(-55.34deg);transform-origin:left top;width:1px}.keys .button-outer .button-inner .key-symbol,.keys .button-outer .button-inner .key-text{color:#fff;font-family:SF Compact;font-size:12px;font-weight:400;text-align:right}.keys .button-outer.single-key{height:55px;width:55px}.keys .button-outer.single-key .button-inner{align-items:center;height:49px;justify-content:center;width:49px}.keys .button-outer.single-key .key-text{font-size:27px;text-align:center}.keys.keycombo-section-buttons{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper{align-items:center;border:1px solid #4259eeb3;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;gap:16px;padding:12px;position:fixed;transition:all .8s ease-in-out;width:max-content;z-index:999999}.tutorial-modal-wrapper:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#4259ee0f;border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.tutorial-modal-wrapper.tutorial-modal--step-0{left:84px;top:8px}.tutorial-modal-wrapper.tutorial-modal--step-0.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-1{left:84px;top:calc(100% - 5px);transform:translateY(-100%)}.tutorial-modal-wrapper.tutorial-modal--step-1.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-2{right:auto}.tutorial-modal-wrapper.tutorial-modal--three-keys .top-section .top-section-content .top-section-text{max-width:200px;text-align:left}.tutorial-modal-wrapper .tutorial-arrow--left-top{top:17px}.tutorial-modal-wrapper .tutorial-arrow--left,.tutorial-modal-wrapper .tutorial-arrow--left-top{border-bottom:10px solid #0000;border-right:17px solid #4259ee;border-top:10px solid #0000;left:-17px;position:absolute;z-index:1}.tutorial-modal-wrapper .tutorial-arrow--left{top:50%;transform:translateY(-50%)}.tutorial-modal-wrapper .tutorial-arrow--top-right{border-bottom:17px solid #4259ee;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;right:51px;top:-17px;z-index:1}.tutorial-modal-wrapper .top-section{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;gap:16px;padding:8px;position:relative;z-index:1}.tutorial-modal-wrapper .top-section .top-section-content{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper .top-section .top-section-content .loader{display:flex}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container{display:flex;flex-direction:row}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small .ia-loader-inner{height:12px;width:12px}.tutorial-modal-wrapper .top-section .top-section-content .loader .lottie-iframe{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .top-section-text{color:#1f2b4d;font-size:14px;font-weight:700;line-height:21px;text-align:center}.tutorial-modal-wrapper .top-section .top-section-buttons{margin-left:auto}.tutorial-modal-wrapper .bottom-section{align-items:center;align-self:stretch;display:flex;justify-content:space-between;position:relative;z-index:1}.tutorial-modal-wrapper .bottom-section .bottom-section-text{color:#b3bdf8;cursor:pointer;font-size:14px;font-weight:700;line-height:21px;text-align:center;text-transform:capitalize}.progress-bar,.tutorial-modal-wrapper .bottom-section .bottom-section-progress{align-items:center;display:flex}.progress-bar .progress-line{border-top:4px solid #c3c8d4;height:0;transition:border-color .3s ease;width:76px}.progress-bar .progress-line--active{border-color:#4259ee}.progress-bar .progress-step{align-items:center;background-color:#fff;border:1px solid #7a8294;border-radius:50%;color:#7a8294;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;transition:all .3s ease;width:20px}.progress-bar .progress-step--active{border-color:#4259ee;color:#4259ee}.progress-bar .progress-step--completed{background-color:#4259ee;border-color:#4259ee;color:#fff}.progress-bar .progress-step .step-number{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;text-align:center}.progress-bar .progress-step .step-number--active{color:#4259ee}.all-set-box-wrapper{bottom:24px;left:50%;position:fixed;transform:translate(-50%);z-index:999999}.all-set-box-wrapper .close-icon-container{right:-10px;top:-10px;z-index:9}.all-set-box-wrapper .all-set-box-content{-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);background:linear-gradient(132deg,#3bb273 -250.62%,#3bb27300 66.76%);border:2px solid #3bb273;border-radius:12px;box-shadow:inset -5px -5px 250px #ffffff05;display:flex;flex-direction:column;gap:2px;padding:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container{align-items:center;display:flex;gap:2px;height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-animation{height:36px;overflow:visible;transform:translate(-2px,-6px) scale(2);width:36px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-description{color:#0d152c;font-size:14px;font-weight:500;line-height:20px}@media screen and (max-width:1512px){.keyboard-shortcuts-container-wrapper{padding:30px}.keyboard-shortcuts-container-wrapper .close-icon-container svg{height:14px;width:14px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container{gap:24px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide{height:339px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header{gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription{gap:2px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-title{font-size:24px;line-height:36px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-description{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section{gap:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content{height:339px;width:390px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item{gap:16px;height:120px;padding:18px;width:202px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{left:183px;top:106.33px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{top:214.75px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-3.has-extra-modifier{width:255px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{height:24px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{font-size:10px;line-height:14px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .screen-video,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .screen-video{height:222px;width:390px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper{gap:16px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-description,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-description{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container{gap:6px;height:54px;padding:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys{gap:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer{height:40px;width:60px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:before,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:before{width:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:after,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:after{width:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner{height:36px;padding:6px;width:56px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before{height:3px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text{font-size:9px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key{height:40px;width:40px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner{align-items:center;height:36px;justify-content:center;width:36px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text{font-size:20px}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";@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)}}@keyframes shortcut-section-enter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-in-from-right{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}@keyframes dot-fill{0%{width:0}to{width:100%}}@keyframes shortcut-card-enter-1{0%{opacity:0;transform:translateY(20px) rotate(-8deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}}@keyframes shortcut-card-enter-2{0%{opacity:0;transform:translateY(20px) rotate(4deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(4deg) scale(1)}}@keyframes shortcut-card-enter-3{0%{opacity:0;transform:translateY(20px) rotate(-1deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}.keyboard-shortcuts-container-wrapper{background-color:#fff;background-image:radial-gradient(circle,#f7f7f799 2px,#0000 0),radial-gradient(circle,#f7f7f799 2px,#0000 0);background-size:18px 18px;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;left:50%;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:999999}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container{align-items:center;display:flex;flex-direction:column;gap:32px;height:100%;justify-content:space-between}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header{align-items:center;display:flex;flex-direction:column;gap:8px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription{align-items:center;display:flex;flex-direction:column;gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-title{color:#0d152c;font-size:32px;font-weight:800;line-height:48px;text-transform:capitalize}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-description{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center;width:302px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section{align-items:center;display:flex;flex-direction:column;gap:8px;overflow:hidden}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide{height:452px;will-change:opacity,transform}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide--forward{animation:slide-in-from-right .38s cubic-bezier(.22,1,.36,1) both}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide--backward{animation:slide-in-from-left .38s cubic-bezier(.22,1,.36,1) both}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper{align-items:center;display:flex;gap:10px;justify-content:center}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper .button{background-color:#d9dde7;border-radius:5px;cursor:pointer;flex-shrink:0;height:10px;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.22,1,.36,1),background-color .2s;width:10px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper .button.active{background-color:#d9dde7;width:32px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper .button.active:after{animation:dot-fill var(--dot-duration,2s) linear forwards;background-color:#4259ee;border-radius:5px;content:"";height:100%;inset-block:0;left:0;position:absolute}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer .page-footer-buttons{align-items:center;display:flex;gap:12px}.keyboard-shortcuts-container-wrapper .screen2-container,.keyboard-shortcuts-container-wrapper .screen3-container{display:flex;flex-direction:column;gap:24px}.keyboard-shortcuts-container-wrapper .screen2-container .screen-video,.keyboard-shortcuts-container-wrapper .screen3-container .screen-video{height:295px;width:520px}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper .keycombo-container,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper .keycombo-container{align-items:center;background-color:#b3bdf8;border-radius:10px;display:flex;gap:8px;height:72px;justify-content:center;padding:8px}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper .keycombo-description,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper .keycombo-description{color:#60697d;font-size:16px;font-weight:800;line-height:24px;text-align:center}.shortcut-landing-page{align-items:center;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;display:flex;flex-direction:column;height:600px;justify-content:space-between;padding:40px;position:relative;width:500px}.shortcut-landing-page-content{height:452px;margin:0 auto;max-width:100%;position:relative;width:520px}.shortcut-landing-page-content .shortcut-landing-page-content-item{align-items:flex-start;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:160px;overflow:hidden;padding:24px;position:absolute;width:270px}.shortcut-landing-page-content .shortcut-landing-page-content-item .background-image{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/backgroundFlower.svg) no-repeat;height:100px;left:122px;mix-blend-mode:plus-lighter;opacity:.2;pointer-events:none;position:absolute;top:69px;width:146px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon svg{display:block}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg{color:#26ab1a;height:24px;width:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg{color:#ee42cc}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg{color:#4259ee}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons{align-items:center;display:flex;gap:4px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item{align-items:center;background:#fff;border-radius:4px;box-sizing:border-box;display:flex;justify-content:center;max-height:24px;min-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--modifier{border:1px solid #c3c8d4;padding:2px 10px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--letter{border:1px solid #d9dde7;padding:2px 12px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item .content-header-buttons-item-text{color:#1f2b4d;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-plus{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1{background:linear-gradient(180deg,#e8ffe7,#fff);border-left:1px solid #38d331;border-right:1px solid #38d331;border-top:1px solid #38d331;box-shadow:0 -10px 22px #38d33112;left:10px;top:18px;transform:rotate(-8deg);z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{background:linear-gradient(180deg,#ffeef4,#fff);border-left:1px solid #ee42cc;border-right:1px solid #ee42cc;border-top:1px solid #ee42cc;box-shadow:0 -10px 22px #ee42cc12;left:239.64px;top:141.78px;transform:rotate(4deg);z-index:2}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2 .background-image{transform:rotate(9deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{background:linear-gradient(180deg,#eef0ff,#fff);border-left:1px solid #4259ee;border-right:1px solid #4259ee;border-top:1px solid #4259ee;box-shadow:0 -24px 22px #4259ee12;left:1px;top:286.32px;transform:rotate(-1deg);z-index:3}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{display:flex;flex-direction:column;gap:6px;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-1{animation:shortcut-card-enter-1 .4s cubic-bezier(.22,1,.36,1) .2s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-2{animation:shortcut-card-enter-2 .4s cubic-bezier(.22,1,.36,1) .3s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-3{animation:shortcut-card-enter-3 .4s cubic-bezier(.22,1,.36,1) .4s both;will-change:opacity,transform}.tab-items{border-radius:8px}.tab-items,.tab-items .ia-tabContainer{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.tab-items .impact-tab-panel{flex:1;min-height:0;overflow-y:auto}.modal-overlay{-webkit-align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;transition:opacity 225ms cubic-bezier(.4,0,.2,1)}.keyboard-shortcuts-overlay,.modal-overlay,.tutorial-overlay{background-color:#0d152ccc;bottom:0;left:0;position:fixed;right:0;top:0;-webkit-tap-highlight-color:transparent;opacity:1;z-index:9999}.keyboard-shortcuts-overlay,.tutorial-overlay{pointer-events:auto;transition:opacity .5s ease-in-out}.keyboard-shortcuts-overlay.overlay--hidden,.tutorial-overlay.overlay--hidden{opacity:0;pointer-events:none}.close-icon-container{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #0000001f;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.close-icon-container:focus-visible{box-shadow:0 0 4px #0000001f,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}.close-icon-container:focus:not(:focus-visible){box-shadow:0 0 4px #0000001f;outline:none}.close-icon-container svg{height:18px;width:18px}.modal-wrapper{border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;left:50%;max-height:620px;min-height:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:9999}.modal-wrapper .close-icon-container{right:-10px;top:-10px}.modal-wrapper .modal-content{background:linear-gradient(300deg,#4259ee -225%,#fff 30%);border-radius:12px 12px 0 0;display:flex;flex:1;flex-direction:column;gap:16px;margin-bottom:48px;min-height:0;overflow:hidden;padding:16px 16px 0}.modal-wrapper .modal-content .search-bar{height:36px}.modal-wrapper .modal-content .search-bar .impact-input-wrapper,.modal-wrapper .modal-content .search-bar .impact_inputbox_container_with_icons{height:100%;width:100%}.modal-wrapper .modal-content .tab-items .impact-tab-panel{margin-top:8px}.modal-wrapper .modal-content .list-container{display:flex;flex-direction:column;gap:8px}.modal-wrapper .modal-content .list-container .list-item{align-items:center;border-bottom:1px solid #eff2fa;display:flex;justify-content:space-between;padding:0 12px 8px;position:relative}.modal-wrapper .modal-content .list-container .list-item.pointer{cursor:pointer}.modal-wrapper .modal-content .list-container .list-item.pointer:before{background-color:#f5f6fa;bottom:0;content:"";left:-16px;opacity:0;pointer-events:none;position:absolute;right:-16px;top:-8px;z-index:0}.modal-wrapper .modal-content .list-container .list-item.pointer:hover:before{opacity:1}.modal-wrapper .modal-content .list-container .list-item.pointer>*{position:relative;z-index:1}.modal-wrapper .modal-content .list-container .list-item .list-item-content{display:flex;flex-direction:column;gap:2px}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-title{color:#0d152c;font-size:14px;font-weight:500;line-height:21px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-keys{cursor:auto;display:flex;gap:8px}.modal-wrapper .modal-footer{align-items:center;background-color:#fff;border-radius:0 0 8px 8px;border-top:1px solid #d9dde7;bottom:0;display:flex;height:48px;justify-content:flex-end;left:0;padding:12px 16px;position:absolute;right:0}.modal-wrapper .modal-footer .modal-footer-content-left{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-buttons{align-items:center;display:flex;gap:8px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-seperator{border:1px solid #d9dde7;height:16px;margin:4px;width:0}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-text{color:#60697d;font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize}.modal-wrapper .modal-footer .modal-footer-content-right{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-right-text{color:#60697d;font-size:14px;font-weight:500;line-height:20px}.keycap{align-items:center;background-color:#f8f9fb;border:1px solid #c3c8d4;border-radius:4px;display:flex;height:24px;justify-content:center;min-width:34px;padding:2px 10px}.keycap .keycap-label{color:#1f2b4d;font-family:Inter;font-size:14px;font-weight:500;line-height:20px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header.shortcut-landing-entrance-header{animation:shortcut-section-enter .4s cubic-bezier(.22,1,.36,1) 0s both;will-change:opacity,transform}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer.shortcut-landing-entrance-footer{animation:shortcut-section-enter .4s cubic-bezier(.22,1,.36,1) .6s both;will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer.shortcut-landing-entrance-footer,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header.shortcut-landing-entrance-header,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen-slide{animation:none!important;opacity:1;transform:none}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .button.active:after{animation:none!important;width:100%}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item{animation:none!important;opacity:1}}.keys{align-items:center;display:flex;gap:8px}.keys .button-outer{background:#000;border-radius:5px;display:flex;height:55px;justify-content:flex-end;position:relative;width:80px}.keys .button-outer:before{bottom:0;left:2px;transform:rotate(-51.34deg);transform-origin:left center;width:9px}.keys .button-outer:after,.keys .button-outer:before{background:#fff;content:"";filter:blur(.5px);height:1px;position:absolute}.keys .button-outer:after{bottom:1px;right:1px;transform:rotate(79deg);transform-origin:right center;width:6px}.keys .button-outer .button-inner{align-items:flex-end;background:linear-gradient(180deg,#404040 10.91%,#222);border:1px solid #404040;border-radius:5px;display:flex;flex-direction:column;height:49px;justify-content:space-between;padding:8px;width:74px}.keys .button-outer .button-inner.windows-key{align-items:flex-start;justify-content:center}.keys .button-outer .button-inner:before{background:#fff;content:"";filter:blur(.5px);height:5px;left:2px;position:absolute;top:1px;transform:rotate(-55.34deg);transform-origin:left top;width:1px}.keys .button-outer .button-inner .key-symbol,.keys .button-outer .button-inner .key-text{color:#fff;font-family:SF Compact;font-size:12px;font-weight:400;text-align:right}.keys .button-outer.single-key{height:55px;width:55px}.keys .button-outer.single-key .button-inner{align-items:center;height:49px;justify-content:center;width:49px}.keys .button-outer.single-key .key-text{font-size:27px;text-align:center}.keys.keycombo-section-buttons{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper{align-items:center;border:1px solid #4259eeb3;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;gap:16px;padding:12px;position:fixed;transition:all .8s ease-in-out;width:max-content;z-index:999999}.tutorial-modal-wrapper:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#4259ee0f;border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.tutorial-modal-wrapper.tutorial-modal--step-0{left:84px;top:8px}.tutorial-modal-wrapper.tutorial-modal--step-0.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-1{left:84px;top:calc(100% - 5px);transform:translateY(-100%)}.tutorial-modal-wrapper.tutorial-modal--step-1.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-2{right:auto}.tutorial-modal-wrapper.tutorial-modal--three-keys .top-section .top-section-content .top-section-text{max-width:200px;text-align:left}.tutorial-modal-wrapper .tutorial-arrow--left-top{top:17px}.tutorial-modal-wrapper .tutorial-arrow--left,.tutorial-modal-wrapper .tutorial-arrow--left-top{border-bottom:10px solid #0000;border-right:17px solid #4259ee;border-top:10px solid #0000;left:-17px;position:absolute;z-index:1}.tutorial-modal-wrapper .tutorial-arrow--left{top:50%;transform:translateY(-50%)}.tutorial-modal-wrapper .tutorial-arrow--top-right{border-bottom:17px solid #4259ee;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;right:51px;top:-17px;z-index:1}.tutorial-modal-wrapper .top-section{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;gap:16px;padding:8px;position:relative;z-index:1}.tutorial-modal-wrapper .top-section .top-section-content{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper .top-section .top-section-content .loader{display:flex}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container{display:flex;flex-direction:row}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small .ia-loader-inner{height:12px;width:12px}.tutorial-modal-wrapper .top-section .top-section-content .loader .lottie-iframe{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .top-section-text{color:#1f2b4d;font-size:14px;font-weight:700;line-height:21px;text-align:center}.tutorial-modal-wrapper .top-section .top-section-buttons{margin-left:auto}.tutorial-modal-wrapper .bottom-section{align-items:center;align-self:stretch;display:flex;justify-content:space-between;position:relative;z-index:1}.tutorial-modal-wrapper .bottom-section .bottom-section-text{color:#b3bdf8;cursor:pointer;font-size:14px;font-weight:700;line-height:21px;text-align:center;text-transform:capitalize}.progress-bar,.tutorial-modal-wrapper .bottom-section .bottom-section-progress{align-items:center;display:flex}.progress-bar .progress-line{border-top:4px solid #c3c8d4;height:0;transition:border-color .3s ease;width:76px}.progress-bar .progress-line--active{border-color:#4259ee}.progress-bar .progress-step{align-items:center;background-color:#fff;border:1px solid #7a8294;border-radius:50%;color:#7a8294;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;transition:all .3s ease;width:20px}.progress-bar .progress-step--active{border-color:#4259ee;color:#4259ee}.progress-bar .progress-step--completed{background-color:#4259ee;border-color:#4259ee;color:#fff}.progress-bar .progress-step .step-number{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;text-align:center}.progress-bar .progress-step .step-number--active{color:#4259ee}.all-set-box-wrapper{bottom:24px;left:50%;position:fixed;transform:translate(-50%);z-index:999999}.all-set-box-wrapper .close-icon-container{right:-10px;top:-10px;z-index:9}.all-set-box-wrapper .all-set-box-content{-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);background:linear-gradient(132deg,#3bb273 -250.62%,#3bb27300 66.76%);border:2px solid #3bb273;border-radius:12px;box-shadow:inset -5px -5px 250px #ffffff05;display:flex;flex-direction:column;gap:2px;padding:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container{align-items:center;display:flex;gap:2px;height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-animation{height:36px;overflow:visible;transform:translate(-2px,-6px) scale(2);width:36px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-description{color:#0d152c;font-size:14px;font-weight:500;line-height:20px}@media screen and (max-width:1512px){.keyboard-shortcuts-container-wrapper{padding:30px}.keyboard-shortcuts-container-wrapper .close-icon-container svg{height:14px;width:14px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container{gap:24px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide{height:339px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header{gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription{gap:2px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-title{font-size:24px;line-height:36px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-description{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section{gap:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content{height:339px;width:390px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item{gap:16px;height:120px;padding:18px;width:202px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{left:183px;top:106.33px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{top:214.75px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-3.has-extra-modifier{width:255px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{height:24px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{font-size:10px;line-height:14px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .screen-video,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .screen-video{height:222px;width:390px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper{gap:16px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-description,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-description{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container{gap:6px;height:54px;padding:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys{gap:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer{height:40px;width:60px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:before,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:before{width:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:after,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:after{width:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner{height:36px;padding:6px;width:56px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before{height:3px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text{font-size:9px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key{height:40px;width:40px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner{align-items:center;height:36px;justify-content:center;width:36px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text{font-size:20px}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
2
2
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
3
  import { PanelView as PanelView_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
4
4
  import default_1$2 from "../../node_modules/@mui/icons-material/Add.js";
package/dist/components/KeyboardShortCuts/ShortcutModal.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";@keyframes shortcut-section-enter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-in-from-right{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}@keyframes dot-fill{0%{width:0}to{width:100%}}@keyframes shortcut-card-enter-1{0%{opacity:0;transform:translateY(20px) rotate(-8deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}}@keyframes shortcut-card-enter-2{0%{opacity:0;transform:translateY(20px) rotate(4deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(4deg) scale(1)}}@keyframes shortcut-card-enter-3{0%{opacity:0;transform:translateY(20px) rotate(-1deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}.keyboard-shortcuts-container-wrapper{background-color:#fff;background-image:radial-gradient(circle,#f7f7f799 2px,#0000 0),radial-gradient(circle,#f7f7f799 2px,#0000 0);background-size:18px 18px;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;left:50%;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:999999}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container{align-items:center;display:flex;flex-direction:column;gap:32px;height:100%;justify-content:space-between}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header{align-items:center;display:flex;flex-direction:column;gap:8px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription{align-items:center;display:flex;flex-direction:column;gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-title{color:#0d152c;font-size:32px;font-weight:800;line-height:48px;text-transform:capitalize}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-description{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center;width:302px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section{align-items:center;display:flex;flex-direction:column;gap:8px;overflow:hidden}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide{height:452px;will-change:opacity,transform}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide--forward{animation:slide-in-from-right .38s cubic-bezier(.22,1,.36,1) both}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide--backward{animation:slide-in-from-left .38s cubic-bezier(.22,1,.36,1) both}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper{align-items:center;display:flex;gap:10px;justify-content:center}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper .button{background-color:#d9dde7;border-radius:5px;cursor:pointer;flex-shrink:0;height:10px;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.22,1,.36,1),background-color .2s;width:10px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper .button.active{background-color:#d9dde7;width:32px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper .button.active:after{animation:dot-fill var(--dot-duration,2s) linear forwards;background-color:#4259ee;border-radius:5px;content:"";height:100%;inset-block:0;left:0;position:absolute}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer .page-footer-buttons{align-items:center;display:flex;gap:12px}.keyboard-shortcuts-container-wrapper .screen2-container,.keyboard-shortcuts-container-wrapper .screen3-container{display:flex;flex-direction:column;gap:24px}.keyboard-shortcuts-container-wrapper .screen2-container .screen-video,.keyboard-shortcuts-container-wrapper .screen3-container .screen-video{height:295px;width:520px}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper .keycombo-container,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper .keycombo-container{align-items:center;background-color:#b3bdf8;border-radius:10px;display:flex;gap:8px;height:72px;justify-content:center;padding:8px}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper .keycombo-description,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper .keycombo-description{color:#60697d;font-size:16px;font-weight:800;line-height:24px;text-align:center}.shortcut-landing-page{align-items:center;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;display:flex;flex-direction:column;height:600px;justify-content:space-between;padding:40px;position:relative;width:500px}.shortcut-landing-page-content{height:452px;margin:0 auto;max-width:100%;position:relative;width:520px}.shortcut-landing-page-content .shortcut-landing-page-content-item{align-items:flex-start;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:160px;overflow:hidden;padding:24px;position:absolute;width:270px}.shortcut-landing-page-content .shortcut-landing-page-content-item .background-image{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/backgroundFlower.svg) no-repeat;height:100px;left:122px;mix-blend-mode:plus-lighter;opacity:.2;pointer-events:none;position:absolute;top:69px;width:146px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon svg{display:block}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg{color:#26ab1a;height:24px;width:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg{color:#ee42cc}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg{color:#4259ee}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons{align-items:center;display:flex;gap:4px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item{align-items:center;background:#fff;border-radius:4px;box-sizing:border-box;display:flex;justify-content:center;max-height:24px;min-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--modifier{border:1px solid #c3c8d4;padding:2px 10px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--letter{border:1px solid #d9dde7;padding:2px 12px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item .content-header-buttons-item-text{color:#1f2b4d;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-plus{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1{background:linear-gradient(180deg,#e8ffe7,#fff);border-left:1px solid #38d331;border-right:1px solid #38d331;border-top:1px solid #38d331;box-shadow:0 -10px 22px #38d33112;left:10px;top:18px;transform:rotate(-8deg);z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{background:linear-gradient(180deg,#ffeef4,#fff);border-left:1px solid #ee42cc;border-right:1px solid #ee42cc;border-top:1px solid #ee42cc;box-shadow:0 -10px 22px #ee42cc12;left:239.64px;top:141.78px;transform:rotate(4deg);z-index:2}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2 .background-image{transform:rotate(9deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{background:linear-gradient(180deg,#eef0ff,#fff);border-left:1px solid #4259ee;border-right:1px solid #4259ee;border-top:1px solid #4259ee;box-shadow:0 -24px 22px #4259ee12;left:1px;top:286.32px;transform:rotate(-1deg);z-index:3}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{display:flex;flex-direction:column;gap:6px;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-1{animation:shortcut-card-enter-1 .4s cubic-bezier(.22,1,.36,1) .2s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-2{animation:shortcut-card-enter-2 .4s cubic-bezier(.22,1,.36,1) .3s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-3{animation:shortcut-card-enter-3 .4s cubic-bezier(.22,1,.36,1) .4s both;will-change:opacity,transform}.tab-items{border-radius:8px}.tab-items,.tab-items .ia-tabContainer{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.tab-items .impact-tab-panel{flex:1;min-height:0;overflow-y:auto}.modal-overlay{-webkit-align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;transition:opacity 225ms cubic-bezier(.4,0,.2,1)}.keyboard-shortcuts-overlay,.modal-overlay,.tutorial-overlay{background-color:#0d152ccc;bottom:0;left:0;position:fixed;right:0;top:0;-webkit-tap-highlight-color:transparent;opacity:1;z-index:9999}.keyboard-shortcuts-overlay,.tutorial-overlay{pointer-events:auto;transition:opacity .5s ease-in-out}.keyboard-shortcuts-overlay.overlay--hidden,.tutorial-overlay.overlay--hidden{opacity:0;pointer-events:none}.close-icon-container{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #0000001f;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.close-icon-container:focus-visible{box-shadow:0 0 4px #0000001f,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}.close-icon-container:focus:not(:focus-visible){box-shadow:0 0 4px #0000001f;outline:none}.close-icon-container svg{height:18px;width:18px}.modal-wrapper{border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;left:50%;max-height:620px;min-height:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:9999}.modal-wrapper .close-icon-container{right:-10px;top:-10px}.modal-wrapper .modal-content{background:linear-gradient(300deg,#4259ee -225%,#fff 30%);border-radius:12px 12px 0 0;display:flex;flex:1;flex-direction:column;gap:16px;margin-bottom:48px;min-height:0;overflow:hidden;padding:16px 16px 0}.modal-wrapper .modal-content .search-bar{height:36px}.modal-wrapper .modal-content .search-bar .impact-input-wrapper,.modal-wrapper .modal-content .search-bar .impact_inputbox_container_with_icons{height:100%;width:100%}.modal-wrapper .modal-content .tab-items .impact-tab-panel{margin-top:8px}.modal-wrapper .modal-content .list-container{display:flex;flex-direction:column;gap:8px}.modal-wrapper .modal-content .list-container .list-item{align-items:center;border-bottom:1px solid #eff2fa;display:flex;justify-content:space-between;padding:0 12px 8px;position:relative}.modal-wrapper .modal-content .list-container .list-item.pointer{cursor:pointer}.modal-wrapper .modal-content .list-container .list-item.pointer:before{background-color:#f5f6fa;bottom:0;content:"";left:-16px;opacity:0;pointer-events:none;position:absolute;right:-16px;top:-8px;z-index:0}.modal-wrapper .modal-content .list-container .list-item.pointer:hover:before{opacity:1}.modal-wrapper .modal-content .list-container .list-item.pointer>*{position:relative;z-index:1}.modal-wrapper .modal-content .list-container .list-item .list-item-content{display:flex;flex-direction:column;gap:2px}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-title{color:#0d152c;font-size:14px;font-weight:500;line-height:21px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-keys{cursor:auto;display:flex;gap:8px}.modal-wrapper .modal-footer{align-items:center;background-color:#fff;border-radius:0 0 8px 8px;border-top:1px solid #d9dde7;bottom:0;display:flex;height:48px;justify-content:flex-end;left:0;padding:12px 16px;position:absolute;right:0}.modal-wrapper .modal-footer .modal-footer-content-left{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-buttons{align-items:center;display:flex;gap:8px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-seperator{border:1px solid #d9dde7;height:16px;margin:4px;width:0}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-text{color:#60697d;font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize}.modal-wrapper .modal-footer .modal-footer-content-right{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-right-text{color:#60697d;font-size:14px;font-weight:500;line-height:20px}.keycap{align-items:center;background-color:#f8f9fb;border:1px solid #c3c8d4;border-radius:4px;display:flex;height:24px;justify-content:center;min-width:34px;padding:2px 10px}.keycap .keycap-label{color:#1f2b4d;font-family:Inter;font-size:14px;font-weight:500;line-height:20px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header.shortcut-landing-entrance-header{animation:shortcut-section-enter .4s cubic-bezier(.22,1,.36,1) 0s both;will-change:opacity,transform}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer.shortcut-landing-entrance-footer{animation:shortcut-section-enter .4s cubic-bezier(.22,1,.36,1) .6s both;will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer.shortcut-landing-entrance-footer,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header.shortcut-landing-entrance-header,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen-slide{animation:none!important;opacity:1;transform:none}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .button.active:after{animation:none!important;width:100%}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item{animation:none!important;opacity:1}}.keys{align-items:center;display:flex;gap:8px}.keys .button-outer{background:#000;border-radius:5px;display:flex;height:55px;justify-content:flex-end;position:relative;width:80px}.keys .button-outer:before{bottom:0;left:2px;transform:rotate(-51.34deg);transform-origin:left center;width:9px}.keys .button-outer:after,.keys .button-outer:before{background:#fff;content:"";filter:blur(.5px);height:1px;position:absolute}.keys .button-outer:after{bottom:1px;right:1px;transform:rotate(79deg);transform-origin:right center;width:6px}.keys .button-outer .button-inner{align-items:flex-end;background:linear-gradient(180deg,#404040 10.91%,#222);border:1px solid #404040;border-radius:5px;display:flex;flex-direction:column;height:49px;justify-content:space-between;padding:8px;width:74px}.keys .button-outer .button-inner.windows-key{align-items:flex-start;justify-content:center}.keys .button-outer .button-inner:before{background:#fff;content:"";filter:blur(.5px);height:5px;left:2px;position:absolute;top:1px;transform:rotate(-55.34deg);transform-origin:left top;width:1px}.keys .button-outer .button-inner .key-symbol,.keys .button-outer .button-inner .key-text{color:#fff;font-family:SF Compact;font-size:12px;font-weight:400;text-align:right}.keys .button-outer.single-key{height:55px;width:55px}.keys .button-outer.single-key .button-inner{align-items:center;height:49px;justify-content:center;width:49px}.keys .button-outer.single-key .key-text{font-size:27px;text-align:center}.keys.keycombo-section-buttons{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper{align-items:center;border:1px solid #4259eeb3;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;gap:16px;padding:12px;position:fixed;transition:all .8s ease-in-out;width:max-content;z-index:999999}.tutorial-modal-wrapper:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#4259ee0f;border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.tutorial-modal-wrapper.tutorial-modal--step-0{left:84px;top:8px}.tutorial-modal-wrapper.tutorial-modal--step-0.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-1{left:84px;top:calc(100% - 5px);transform:translateY(-100%)}.tutorial-modal-wrapper.tutorial-modal--step-1.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-2{right:auto}.tutorial-modal-wrapper.tutorial-modal--three-keys .top-section .top-section-content .top-section-text{max-width:200px;text-align:left}.tutorial-modal-wrapper .tutorial-arrow--left-top{top:17px}.tutorial-modal-wrapper .tutorial-arrow--left,.tutorial-modal-wrapper .tutorial-arrow--left-top{border-bottom:10px solid #0000;border-right:17px solid #4259ee;border-top:10px solid #0000;left:-17px;position:absolute;z-index:1}.tutorial-modal-wrapper .tutorial-arrow--left{top:50%;transform:translateY(-50%)}.tutorial-modal-wrapper .tutorial-arrow--top-right{border-bottom:17px solid #4259ee;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;right:51px;top:-17px;z-index:1}.tutorial-modal-wrapper .top-section{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;gap:16px;padding:8px;position:relative;z-index:1}.tutorial-modal-wrapper .top-section .top-section-content{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper .top-section .top-section-content .loader{display:flex}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container{display:flex;flex-direction:row}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small .ia-loader-inner{height:12px;width:12px}.tutorial-modal-wrapper .top-section .top-section-content .loader .lottie-iframe{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .top-section-text{color:#1f2b4d;font-size:14px;font-weight:700;line-height:21px;text-align:center}.tutorial-modal-wrapper .top-section .top-section-buttons{margin-left:auto}.tutorial-modal-wrapper .bottom-section{align-items:center;align-self:stretch;display:flex;justify-content:space-between;position:relative;z-index:1}.tutorial-modal-wrapper .bottom-section .bottom-section-text{color:#b3bdf8;cursor:pointer;font-size:14px;font-weight:700;line-height:21px;text-align:center;text-transform:capitalize}.progress-bar,.tutorial-modal-wrapper .bottom-section .bottom-section-progress{align-items:center;display:flex}.progress-bar .progress-line{border-top:4px solid #c3c8d4;height:0;transition:border-color .3s ease;width:76px}.progress-bar .progress-line--active{border-color:#4259ee}.progress-bar .progress-step{align-items:center;background-color:#fff;border:1px solid #7a8294;border-radius:50%;color:#7a8294;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;transition:all .3s ease;width:20px}.progress-bar .progress-step--active{border-color:#4259ee;color:#4259ee}.progress-bar .progress-step--completed{background-color:#4259ee;border-color:#4259ee;color:#fff}.progress-bar .progress-step .step-number{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;text-align:center}.progress-bar .progress-step .step-number--active{color:#4259ee}.all-set-box-wrapper{bottom:24px;left:50%;position:fixed;transform:translate(-50%);z-index:999999}.all-set-box-wrapper .close-icon-container{right:-10px;top:-10px;z-index:9}.all-set-box-wrapper .all-set-box-content{-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);background:linear-gradient(132deg,#3bb273 -250.62%,#3bb27300 66.76%);border:2px solid #3bb273;border-radius:12px;box-shadow:inset -5px -5px 250px #ffffff05;display:flex;flex-direction:column;gap:2px;padding:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container{align-items:center;display:flex;gap:2px;height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-animation{height:36px;overflow:visible;transform:translate(-2px,-6px) scale(2);width:36px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-description{color:#0d152c;font-size:14px;font-weight:500;line-height:20px}@media screen and (max-width:1512px){.keyboard-shortcuts-container-wrapper{padding:30px}.keyboard-shortcuts-container-wrapper .close-icon-container svg{height:14px;width:14px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container{gap:24px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide{height:339px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header{gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription{gap:2px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-title{font-size:24px;line-height:36px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-description{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section{gap:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content{height:339px;width:390px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item{gap:16px;height:120px;padding:18px;width:202px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{left:183px;top:106.33px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{top:214.75px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-3.has-extra-modifier{width:255px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{height:24px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{font-size:10px;line-height:14px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .screen-video,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .screen-video{height:222px;width:390px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper{gap:16px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-description,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-description{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container{gap:6px;height:54px;padding:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys{gap:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer{height:40px;width:60px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:before,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:before{width:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:after,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:after{width:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner{height:36px;padding:6px;width:56px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before{height:3px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text{font-size:9px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key{height:40px;width:40px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner{align-items:center;height:36px;justify-content:center;width:36px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text{font-size:20px}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";@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)}}@keyframes shortcut-section-enter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-in-from-right{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}@keyframes dot-fill{0%{width:0}to{width:100%}}@keyframes shortcut-card-enter-1{0%{opacity:0;transform:translateY(20px) rotate(-8deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}}@keyframes shortcut-card-enter-2{0%{opacity:0;transform:translateY(20px) rotate(4deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(4deg) scale(1)}}@keyframes shortcut-card-enter-3{0%{opacity:0;transform:translateY(20px) rotate(-1deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}.keyboard-shortcuts-container-wrapper{background-color:#fff;background-image:radial-gradient(circle,#f7f7f799 2px,#0000 0),radial-gradient(circle,#f7f7f799 2px,#0000 0);background-size:18px 18px;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;left:50%;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:999999}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container{align-items:center;display:flex;flex-direction:column;gap:32px;height:100%;justify-content:space-between}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header{align-items:center;display:flex;flex-direction:column;gap:8px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription{align-items:center;display:flex;flex-direction:column;gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-title{color:#0d152c;font-size:32px;font-weight:800;line-height:48px;text-transform:capitalize}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-description{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center;width:302px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section{align-items:center;display:flex;flex-direction:column;gap:8px;overflow:hidden}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide{height:452px;will-change:opacity,transform}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide--forward{animation:slide-in-from-right .38s cubic-bezier(.22,1,.36,1) both}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide--backward{animation:slide-in-from-left .38s cubic-bezier(.22,1,.36,1) both}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper{align-items:center;display:flex;gap:10px;justify-content:center}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper .button{background-color:#d9dde7;border-radius:5px;cursor:pointer;flex-shrink:0;height:10px;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.22,1,.36,1),background-color .2s;width:10px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper .button.active{background-color:#d9dde7;width:32px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper .button.active:after{animation:dot-fill var(--dot-duration,2s) linear forwards;background-color:#4259ee;border-radius:5px;content:"";height:100%;inset-block:0;left:0;position:absolute}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer .page-footer-buttons{align-items:center;display:flex;gap:12px}.keyboard-shortcuts-container-wrapper .screen2-container,.keyboard-shortcuts-container-wrapper .screen3-container{display:flex;flex-direction:column;gap:24px}.keyboard-shortcuts-container-wrapper .screen2-container .screen-video,.keyboard-shortcuts-container-wrapper .screen3-container .screen-video{height:295px;width:520px}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper .keycombo-container,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper .keycombo-container{align-items:center;background-color:#b3bdf8;border-radius:10px;display:flex;gap:8px;height:72px;justify-content:center;padding:8px}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper .keycombo-description,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper .keycombo-description{color:#60697d;font-size:16px;font-weight:800;line-height:24px;text-align:center}.shortcut-landing-page{align-items:center;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;display:flex;flex-direction:column;height:600px;justify-content:space-between;padding:40px;position:relative;width:500px}.shortcut-landing-page-content{height:452px;margin:0 auto;max-width:100%;position:relative;width:520px}.shortcut-landing-page-content .shortcut-landing-page-content-item{align-items:flex-start;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:160px;overflow:hidden;padding:24px;position:absolute;width:270px}.shortcut-landing-page-content .shortcut-landing-page-content-item .background-image{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/backgroundFlower.svg) no-repeat;height:100px;left:122px;mix-blend-mode:plus-lighter;opacity:.2;pointer-events:none;position:absolute;top:69px;width:146px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon svg{display:block}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg{color:#26ab1a;height:24px;width:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg{color:#ee42cc}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg{color:#4259ee}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons{align-items:center;display:flex;gap:4px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item{align-items:center;background:#fff;border-radius:4px;box-sizing:border-box;display:flex;justify-content:center;max-height:24px;min-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--modifier{border:1px solid #c3c8d4;padding:2px 10px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--letter{border:1px solid #d9dde7;padding:2px 12px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item .content-header-buttons-item-text{color:#1f2b4d;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-plus{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1{background:linear-gradient(180deg,#e8ffe7,#fff);border-left:1px solid #38d331;border-right:1px solid #38d331;border-top:1px solid #38d331;box-shadow:0 -10px 22px #38d33112;left:10px;top:18px;transform:rotate(-8deg);z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{background:linear-gradient(180deg,#ffeef4,#fff);border-left:1px solid #ee42cc;border-right:1px solid #ee42cc;border-top:1px solid #ee42cc;box-shadow:0 -10px 22px #ee42cc12;left:239.64px;top:141.78px;transform:rotate(4deg);z-index:2}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2 .background-image{transform:rotate(9deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{background:linear-gradient(180deg,#eef0ff,#fff);border-left:1px solid #4259ee;border-right:1px solid #4259ee;border-top:1px solid #4259ee;box-shadow:0 -24px 22px #4259ee12;left:1px;top:286.32px;transform:rotate(-1deg);z-index:3}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{display:flex;flex-direction:column;gap:6px;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-1{animation:shortcut-card-enter-1 .4s cubic-bezier(.22,1,.36,1) .2s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-2{animation:shortcut-card-enter-2 .4s cubic-bezier(.22,1,.36,1) .3s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-3{animation:shortcut-card-enter-3 .4s cubic-bezier(.22,1,.36,1) .4s both;will-change:opacity,transform}.tab-items{border-radius:8px}.tab-items,.tab-items .ia-tabContainer{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.tab-items .impact-tab-panel{flex:1;min-height:0;overflow-y:auto}.modal-overlay{-webkit-align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;transition:opacity 225ms cubic-bezier(.4,0,.2,1)}.keyboard-shortcuts-overlay,.modal-overlay,.tutorial-overlay{background-color:#0d152ccc;bottom:0;left:0;position:fixed;right:0;top:0;-webkit-tap-highlight-color:transparent;opacity:1;z-index:9999}.keyboard-shortcuts-overlay,.tutorial-overlay{pointer-events:auto;transition:opacity .5s ease-in-out}.keyboard-shortcuts-overlay.overlay--hidden,.tutorial-overlay.overlay--hidden{opacity:0;pointer-events:none}.close-icon-container{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #0000001f;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.close-icon-container:focus-visible{box-shadow:0 0 4px #0000001f,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}.close-icon-container:focus:not(:focus-visible){box-shadow:0 0 4px #0000001f;outline:none}.close-icon-container svg{height:18px;width:18px}.modal-wrapper{border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;left:50%;max-height:620px;min-height:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:9999}.modal-wrapper .close-icon-container{right:-10px;top:-10px}.modal-wrapper .modal-content{background:linear-gradient(300deg,#4259ee -225%,#fff 30%);border-radius:12px 12px 0 0;display:flex;flex:1;flex-direction:column;gap:16px;margin-bottom:48px;min-height:0;overflow:hidden;padding:16px 16px 0}.modal-wrapper .modal-content .search-bar{height:36px}.modal-wrapper .modal-content .search-bar .impact-input-wrapper,.modal-wrapper .modal-content .search-bar .impact_inputbox_container_with_icons{height:100%;width:100%}.modal-wrapper .modal-content .tab-items .impact-tab-panel{margin-top:8px}.modal-wrapper .modal-content .list-container{display:flex;flex-direction:column;gap:8px}.modal-wrapper .modal-content .list-container .list-item{align-items:center;border-bottom:1px solid #eff2fa;display:flex;justify-content:space-between;padding:0 12px 8px;position:relative}.modal-wrapper .modal-content .list-container .list-item.pointer{cursor:pointer}.modal-wrapper .modal-content .list-container .list-item.pointer:before{background-color:#f5f6fa;bottom:0;content:"";left:-16px;opacity:0;pointer-events:none;position:absolute;right:-16px;top:-8px;z-index:0}.modal-wrapper .modal-content .list-container .list-item.pointer:hover:before{opacity:1}.modal-wrapper .modal-content .list-container .list-item.pointer>*{position:relative;z-index:1}.modal-wrapper .modal-content .list-container .list-item .list-item-content{display:flex;flex-direction:column;gap:2px}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-title{color:#0d152c;font-size:14px;font-weight:500;line-height:21px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-keys{cursor:auto;display:flex;gap:8px}.modal-wrapper .modal-footer{align-items:center;background-color:#fff;border-radius:0 0 8px 8px;border-top:1px solid #d9dde7;bottom:0;display:flex;height:48px;justify-content:flex-end;left:0;padding:12px 16px;position:absolute;right:0}.modal-wrapper .modal-footer .modal-footer-content-left{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-buttons{align-items:center;display:flex;gap:8px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-seperator{border:1px solid #d9dde7;height:16px;margin:4px;width:0}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-text{color:#60697d;font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize}.modal-wrapper .modal-footer .modal-footer-content-right{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-right-text{color:#60697d;font-size:14px;font-weight:500;line-height:20px}.keycap{align-items:center;background-color:#f8f9fb;border:1px solid #c3c8d4;border-radius:4px;display:flex;height:24px;justify-content:center;min-width:34px;padding:2px 10px}.keycap .keycap-label{color:#1f2b4d;font-family:Inter;font-size:14px;font-weight:500;line-height:20px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header.shortcut-landing-entrance-header{animation:shortcut-section-enter .4s cubic-bezier(.22,1,.36,1) 0s both;will-change:opacity,transform}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer.shortcut-landing-entrance-footer{animation:shortcut-section-enter .4s cubic-bezier(.22,1,.36,1) .6s both;will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer.shortcut-landing-entrance-footer,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header.shortcut-landing-entrance-header,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen-slide{animation:none!important;opacity:1;transform:none}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .button.active:after{animation:none!important;width:100%}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item{animation:none!important;opacity:1}}.keys{align-items:center;display:flex;gap:8px}.keys .button-outer{background:#000;border-radius:5px;display:flex;height:55px;justify-content:flex-end;position:relative;width:80px}.keys .button-outer:before{bottom:0;left:2px;transform:rotate(-51.34deg);transform-origin:left center;width:9px}.keys .button-outer:after,.keys .button-outer:before{background:#fff;content:"";filter:blur(.5px);height:1px;position:absolute}.keys .button-outer:after{bottom:1px;right:1px;transform:rotate(79deg);transform-origin:right center;width:6px}.keys .button-outer .button-inner{align-items:flex-end;background:linear-gradient(180deg,#404040 10.91%,#222);border:1px solid #404040;border-radius:5px;display:flex;flex-direction:column;height:49px;justify-content:space-between;padding:8px;width:74px}.keys .button-outer .button-inner.windows-key{align-items:flex-start;justify-content:center}.keys .button-outer .button-inner:before{background:#fff;content:"";filter:blur(.5px);height:5px;left:2px;position:absolute;top:1px;transform:rotate(-55.34deg);transform-origin:left top;width:1px}.keys .button-outer .button-inner .key-symbol,.keys .button-outer .button-inner .key-text{color:#fff;font-family:SF Compact;font-size:12px;font-weight:400;text-align:right}.keys .button-outer.single-key{height:55px;width:55px}.keys .button-outer.single-key .button-inner{align-items:center;height:49px;justify-content:center;width:49px}.keys .button-outer.single-key .key-text{font-size:27px;text-align:center}.keys.keycombo-section-buttons{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper{align-items:center;border:1px solid #4259eeb3;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;gap:16px;padding:12px;position:fixed;transition:all .8s ease-in-out;width:max-content;z-index:999999}.tutorial-modal-wrapper:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#4259ee0f;border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.tutorial-modal-wrapper.tutorial-modal--step-0{left:84px;top:8px}.tutorial-modal-wrapper.tutorial-modal--step-0.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-1{left:84px;top:calc(100% - 5px);transform:translateY(-100%)}.tutorial-modal-wrapper.tutorial-modal--step-1.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-2{right:auto}.tutorial-modal-wrapper.tutorial-modal--three-keys .top-section .top-section-content .top-section-text{max-width:200px;text-align:left}.tutorial-modal-wrapper .tutorial-arrow--left-top{top:17px}.tutorial-modal-wrapper .tutorial-arrow--left,.tutorial-modal-wrapper .tutorial-arrow--left-top{border-bottom:10px solid #0000;border-right:17px solid #4259ee;border-top:10px solid #0000;left:-17px;position:absolute;z-index:1}.tutorial-modal-wrapper .tutorial-arrow--left{top:50%;transform:translateY(-50%)}.tutorial-modal-wrapper .tutorial-arrow--top-right{border-bottom:17px solid #4259ee;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;right:51px;top:-17px;z-index:1}.tutorial-modal-wrapper .top-section{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;gap:16px;padding:8px;position:relative;z-index:1}.tutorial-modal-wrapper .top-section .top-section-content{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper .top-section .top-section-content .loader{display:flex}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container{display:flex;flex-direction:row}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small .ia-loader-inner{height:12px;width:12px}.tutorial-modal-wrapper .top-section .top-section-content .loader .lottie-iframe{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .top-section-text{color:#1f2b4d;font-size:14px;font-weight:700;line-height:21px;text-align:center}.tutorial-modal-wrapper .top-section .top-section-buttons{margin-left:auto}.tutorial-modal-wrapper .bottom-section{align-items:center;align-self:stretch;display:flex;justify-content:space-between;position:relative;z-index:1}.tutorial-modal-wrapper .bottom-section .bottom-section-text{color:#b3bdf8;cursor:pointer;font-size:14px;font-weight:700;line-height:21px;text-align:center;text-transform:capitalize}.progress-bar,.tutorial-modal-wrapper .bottom-section .bottom-section-progress{align-items:center;display:flex}.progress-bar .progress-line{border-top:4px solid #c3c8d4;height:0;transition:border-color .3s ease;width:76px}.progress-bar .progress-line--active{border-color:#4259ee}.progress-bar .progress-step{align-items:center;background-color:#fff;border:1px solid #7a8294;border-radius:50%;color:#7a8294;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;transition:all .3s ease;width:20px}.progress-bar .progress-step--active{border-color:#4259ee;color:#4259ee}.progress-bar .progress-step--completed{background-color:#4259ee;border-color:#4259ee;color:#fff}.progress-bar .progress-step .step-number{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;text-align:center}.progress-bar .progress-step .step-number--active{color:#4259ee}.all-set-box-wrapper{bottom:24px;left:50%;position:fixed;transform:translate(-50%);z-index:999999}.all-set-box-wrapper .close-icon-container{right:-10px;top:-10px;z-index:9}.all-set-box-wrapper .all-set-box-content{-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);background:linear-gradient(132deg,#3bb273 -250.62%,#3bb27300 66.76%);border:2px solid #3bb273;border-radius:12px;box-shadow:inset -5px -5px 250px #ffffff05;display:flex;flex-direction:column;gap:2px;padding:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container{align-items:center;display:flex;gap:2px;height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-animation{height:36px;overflow:visible;transform:translate(-2px,-6px) scale(2);width:36px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-description{color:#0d152c;font-size:14px;font-weight:500;line-height:20px}@media screen and (max-width:1512px){.keyboard-shortcuts-container-wrapper{padding:30px}.keyboard-shortcuts-container-wrapper .close-icon-container svg{height:14px;width:14px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container{gap:24px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide{height:339px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header{gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription{gap:2px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-title{font-size:24px;line-height:36px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-description{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section{gap:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content{height:339px;width:390px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item{gap:16px;height:120px;padding:18px;width:202px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{left:183px;top:106.33px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{top:214.75px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-3.has-extra-modifier{width:255px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{height:24px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{font-size:10px;line-height:14px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .screen-video,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .screen-video{height:222px;width:390px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper{gap:16px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-description,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-description{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container{gap:6px;height:54px;padding:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys{gap:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer{height:40px;width:60px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:before,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:before{width:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:after,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:after{width:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner{height:36px;padding:6px;width:56px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before{height:3px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text{font-size:9px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key{height:40px;width:40px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner{align-items:center;height:36px;justify-content:center;width:36px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text{font-size:20px}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
2
2
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
3
  import { useState, useRef, useEffect, useCallback, useMemo } from "react";
4
4
  import default_1 from "../../node_modules/@mui/icons-material/CloseRounded.js";