@likec4/diagram 1.26.2 → 1.27.0

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 (482) hide show
  1. package/README.md +1 -1
  2. package/bundle/index.js +48891 -0
  3. package/dist/LikeC4CustomColors.js +27 -23
  4. package/dist/LikeC4Diagram.d.ts +1 -1
  5. package/dist/LikeC4Diagram.js +37 -36
  6. package/dist/LikeC4Diagram.props.d.ts +6 -0
  7. package/dist/LikeC4ModelProvider.js +6 -6
  8. package/dist/StaticLikeC4Diagram.js +5 -5
  9. package/dist/_virtual/_commonjsHelpers.js +5 -0
  10. package/dist/_virtual/default-map.js +7 -0
  11. package/dist/base/Background.js +6 -6
  12. package/dist/base/BaseXYFlow.d.ts +1 -1
  13. package/dist/base/BaseXYFlow.js +75 -46
  14. package/dist/base/const.js +2 -5
  15. package/dist/base/primitives/NodeHandles.js +5 -5
  16. package/dist/base/primitives/compound/CompoundActionButton.js +60 -33
  17. package/dist/base/primitives/compound/CompoundDetailsButton.js +66 -35
  18. package/dist/base/primitives/compound/CompoundNodeContainer.css.d.ts +35 -7
  19. package/dist/base/primitives/compound/CompoundNodeContainer.css.js +131 -12
  20. package/dist/base/primitives/compound/CompoundNodeContainer.d.ts +4 -20
  21. package/dist/base/primitives/compound/CompoundNodeContainer.js +99 -97
  22. package/dist/base/primitives/compound/CompoundTitle.d.ts +1 -1
  23. package/dist/base/primitives/compound/CompoundTitle.js +74 -12
  24. package/dist/base/primitives/compound/actionbtns.css.d.ts +11 -0
  25. package/dist/base/primitives/compound/actionbtns.css.js +32 -0
  26. package/dist/base/primitives/customEdge.d.ts +5 -5
  27. package/dist/base/primitives/customEdge.js +6 -7
  28. package/dist/base/primitives/customNode.js +5 -6
  29. package/dist/base/primitives/edge/EdgeActionButton.js +10 -12
  30. package/dist/base/primitives/edge/EdgeContainer.d.ts +1 -1
  31. package/dist/base/primitives/edge/EdgeContainer.js +21 -15
  32. package/dist/base/primitives/edge/EdgeLabel.css.d.ts +24 -10
  33. package/dist/base/primitives/edge/EdgeLabel.css.js +133 -20
  34. package/dist/base/primitives/edge/EdgeLabel.d.ts +4 -44
  35. package/dist/base/primitives/edge/EdgeLabel.js +35 -88
  36. package/dist/base/primitives/edge/EdgeLabelContainer.d.ts +18 -0
  37. package/dist/base/primitives/edge/EdgeLabelContainer.js +91 -0
  38. package/dist/base/primitives/edge/EdgeMarkers.js +5 -6
  39. package/dist/base/primitives/edge/EdgePath.d.ts +7 -7
  40. package/dist/base/primitives/edge/EdgePath.js +17 -29
  41. package/dist/base/primitives/edge/edge.css.d.ts +2 -2
  42. package/dist/base/primitives/edge/edge.css.js +123 -12
  43. package/dist/base/primitives/edge/xyvars.d.ts +24 -0
  44. package/dist/base/primitives/element/ElementActionButtons.js +35 -17
  45. package/dist/base/primitives/element/ElementDetailsButton.js +34 -16
  46. package/dist/base/primitives/element/ElementNodeContainer.css.d.ts +0 -1
  47. package/dist/base/primitives/element/ElementNodeContainer.css.js +50 -5
  48. package/dist/base/primitives/element/ElementNodeContainer.d.ts +1 -1
  49. package/dist/base/primitives/element/ElementNodeContainer.js +28 -19
  50. package/dist/base/primitives/element/ElementShape.css.js +118 -16
  51. package/dist/base/primitives/element/ElementShape.js +8 -10
  52. package/dist/base/primitives/element/ElementTitle.css.d.ts +33 -8
  53. package/dist/base/primitives/element/ElementTitle.css.js +195 -19
  54. package/dist/base/primitives/element/ElementTitle.js +25 -24
  55. package/dist/base/primitives/index.d.ts +1 -0
  56. package/dist/base/types.js +4 -4
  57. package/dist/base/updateEdges.js +5 -5
  58. package/dist/base/updateNodes.js +6 -6
  59. package/dist/bundle/LikeC4ModelProvider.d.ts +9 -0
  60. package/dist/bundle/LikeC4ModelProvider.js +5 -0
  61. package/dist/bundle/LikeC4View.d.ts +2 -0
  62. package/dist/bundle/LikeC4View.js +176 -0
  63. package/dist/bundle/LikeC4View.props.d.ts +207 -0
  64. package/dist/bundle/ReactLikeC4.d.ts +36 -0
  65. package/dist/bundle/ReactLikeC4.js +90 -0
  66. package/dist/bundle/ShadowRoot.d.ts +12 -0
  67. package/dist/bundle/ShadowRoot.js +52 -0
  68. package/dist/bundle/ViewNotFound.d.ts +5 -0
  69. package/dist/bundle/ViewNotFound.js +30 -0
  70. package/dist/bundle/font.css.js +3 -0
  71. package/dist/bundle/index.d.ts +5 -0
  72. package/dist/bundle/index.js +4 -0
  73. package/dist/bundle/styles.css.d.ts +10 -0
  74. package/dist/bundle/styles.css.js +145 -0
  75. package/dist/components/Link.js +61 -12
  76. package/dist/components/SearchControl.css.js +72 -9
  77. package/dist/components/SearchControl.js +11 -11
  78. package/dist/context/ControlsCustomLayout.js +5 -6
  79. package/dist/context/DiagramEventHandlers.js +8 -13
  80. package/dist/context/DiagramFeatures.js +7 -12
  81. package/dist/context/EnsureMantine.js +6 -6
  82. package/dist/context/FramerMotionConfig.js +8 -9
  83. package/dist/context/IconRenderer.js +7 -9
  84. package/dist/context/ReduceGraphics.d.ts +4 -5
  85. package/dist/context/ReduceGraphics.js +11 -43
  86. package/dist/context/RootContainer.js +23 -10
  87. package/dist/hooks/safeContext.js +5 -7
  88. package/dist/hooks/useCurrentViewId.js +6 -6
  89. package/dist/hooks/useDiagram.d.ts +5020 -4373
  90. package/dist/hooks/useDiagram.js +13 -17
  91. package/dist/hooks/useMantinePortalProps.js +5 -5
  92. package/dist/hooks/useOverlaysActor.d.ts +2 -0
  93. package/dist/hooks/useOverlaysActor.js +10 -0
  94. package/dist/hooks/useReducedGraphics.d.ts +1 -1
  95. package/dist/hooks/useSetState.js +5 -5
  96. package/dist/hooks/useUpdateEffect.js +6 -7
  97. package/dist/hooks/useXYFlow.d.ts +28 -28
  98. package/dist/hooks/useXYFlow.js +7 -11
  99. package/dist/index.d.ts +0 -1
  100. package/dist/index.js +10 -26
  101. package/dist/likec4diagram/DiagramUI.js +13 -13
  102. package/dist/likec4diagram/DiagramXYFlow.d.ts +1 -4
  103. package/dist/likec4diagram/DiagramXYFlow.js +81 -36
  104. package/dist/likec4diagram/custom/edges/NotePopover.css.js +21 -7
  105. package/dist/likec4diagram/custom/edges/NotePopover.js +18 -27
  106. package/dist/likec4diagram/custom/edges/RelationshipEdge.d.ts +9 -9
  107. package/dist/likec4diagram/custom/edges/RelationshipEdge.js +99 -83
  108. package/dist/likec4diagram/custom/edges/RelationshipsDropdownMenu.css.d.ts +1 -0
  109. package/dist/likec4diagram/custom/edges/RelationshipsDropdownMenu.css.js +38 -11
  110. package/dist/likec4diagram/custom/edges/RelationshipsDropdownMenu.d.ts +3 -3
  111. package/dist/likec4diagram/custom/edges/RelationshipsDropdownMenu.js +28 -30
  112. package/dist/likec4diagram/custom/edges/edges.css.js +44 -9
  113. package/dist/likec4diagram/custom/edges/utils.js +6 -7
  114. package/dist/likec4diagram/custom/index.d.ts +9 -9
  115. package/dist/likec4diagram/custom/index.js +5 -6
  116. package/dist/likec4diagram/custom/nodes/CompoundActions.js +7 -7
  117. package/dist/likec4diagram/custom/nodes/ElementActions.js +8 -9
  118. package/dist/likec4diagram/custom/nodes/nodeTypes.js +22 -26
  119. package/dist/likec4diagram/custom/nodes/toolbar/ColorButton.js +10 -13
  120. package/dist/likec4diagram/custom/nodes/toolbar/CompoundToolbar.js +15 -16
  121. package/dist/likec4diagram/custom/nodes/toolbar/ElementToolbar.js +12 -13
  122. package/dist/likec4diagram/custom/nodes/toolbar/Toolbar.d.ts +1 -1
  123. package/dist/likec4diagram/custom/nodes/toolbar/Toolbar.js +17 -14
  124. package/dist/likec4diagram/custom/nodes/toolbar/_shared.js +15 -20
  125. package/dist/likec4diagram/custom/nodes/toolbar/styles.css.js +10 -5
  126. package/dist/likec4diagram/ui/controls/ChangeAutoLayoutButton.js +15 -15
  127. package/dist/likec4diagram/ui/controls/Controls.js +24 -24
  128. package/dist/likec4diagram/ui/controls/LayoutDriftNotification.js +8 -9
  129. package/dist/likec4diagram/ui/controls/ManualLayoutToolsButton.js +8 -8
  130. package/dist/likec4diagram/ui/controls/NavigationButtons.js +8 -8
  131. package/dist/likec4diagram/ui/controls/ToggleReadonly.js +7 -7
  132. package/dist/likec4diagram/ui/controls/_shared.js +4 -5
  133. package/dist/likec4diagram/ui/controls/styles.css.js +79 -17
  134. package/dist/likec4diagram/ui/diagram-title/DiagramTitlePanel.css.js +49 -9
  135. package/dist/likec4diagram/ui/diagram-title/DiagramTitlePanel.js +12 -12
  136. package/dist/likec4diagram/ui/notation/NotationPanel.css.js +85 -15
  137. package/dist/likec4diagram/ui/notation/NotationPanel.js +32 -32
  138. package/dist/likec4diagram/ui/search/ElementsColumn.css.d.ts +0 -5
  139. package/dist/likec4diagram/ui/search/ElementsColumn.css.js +70 -30
  140. package/dist/likec4diagram/ui/search/ElementsColumn.js +40 -33
  141. package/dist/likec4diagram/ui/search/LikeC4Search.css.js +87 -20
  142. package/dist/likec4diagram/ui/search/LikeC4Search.js +18 -17
  143. package/dist/likec4diagram/ui/search/SearchInput.js +22 -24
  144. package/dist/likec4diagram/ui/search/ViewsColum.js +22 -22
  145. package/dist/likec4diagram/ui/search/ViewsColumn.css.d.ts +0 -2
  146. package/dist/likec4diagram/ui/search/ViewsColumn.css.js +29 -14
  147. package/dist/likec4diagram/ui/search/_shared.css.d.ts +3 -17
  148. package/dist/likec4diagram/ui/search/_shared.css.js +171 -0
  149. package/dist/likec4diagram/ui/search/state.js +12 -22
  150. package/dist/likec4diagram/ui/search/utils.js +2 -5
  151. package/dist/likec4diagram/ui/walkthrough/DynamicViewWalkthrough.css.js +66 -10
  152. package/dist/likec4diagram/ui/walkthrough/DynamicViewWalkthrough.js +18 -27
  153. package/dist/likec4diagram/useLayoutConstraints.js +39 -46
  154. package/dist/likec4diagram/useViewToNodesEdges.js +12 -13
  155. package/dist/likec4model/LikeC4ModelContext.js +4 -4
  156. package/dist/likec4model/useLikeC4ElementsTree.js +6 -7
  157. package/dist/likec4model/useLikeC4Model.js +6 -6
  158. package/dist/node_modules/.pnpm/mnemonist@0.40.3_patch_hash_5c12abb43fcff6fd81e53021b89075d53249640d165a2556cc1e58d71201a13a/node_modules/mnemonist/default-map.js +172 -0
  159. package/dist/overlays/Overlays.js +21 -21
  160. package/dist/overlays/element-details/ElementDetails.js +9 -9
  161. package/dist/overlays/element-details/ElementDetailsCard.css.d.ts +2 -3
  162. package/dist/overlays/element-details/ElementDetailsCard.css.js +237 -35
  163. package/dist/overlays/element-details/ElementDetailsCard.js +44 -46
  164. package/dist/overlays/element-details/TabPanelDeployments.css.js +62 -11
  165. package/dist/overlays/element-details/TabPanelDeployments.js +11 -11
  166. package/dist/overlays/element-details/TabPanelRelationships.css.js +99 -9
  167. package/dist/overlays/element-details/TabPanelRelationships.js +41 -14
  168. package/dist/overlays/element-details/TabPanelStructure.css.js +36 -7
  169. package/dist/overlays/element-details/TabPanelStructure.js +8 -9
  170. package/dist/overlays/element-details/actor.d.ts +21892 -22686
  171. package/dist/overlays/element-details/actor.js +18 -19
  172. package/dist/overlays/element-details/actorContext.js +4 -5
  173. package/dist/overlays/overlay/Overlay.css.d.ts +2 -2
  174. package/dist/overlays/overlay/Overlay.css.js +57 -98
  175. package/dist/overlays/overlay/Overlay.d.ts +2 -2
  176. package/dist/overlays/overlay/Overlay.js +96 -94
  177. package/dist/overlays/overlaysActor.d.ts +6 -6
  178. package/dist/overlays/overlaysActor.js +17 -18
  179. package/dist/overlays/relationship-details/RelationshipDetails.d.ts +49 -0
  180. package/dist/overlays/relationship-details/RelationshipDetails.js +24 -17
  181. package/dist/overlays/relationship-details/SelectEdge.css.js +82 -17
  182. package/dist/overlays/relationship-details/SelectEdge.js +15 -17
  183. package/dist/overlays/relationship-details/actor.js +9 -9
  184. package/dist/overlays/relationship-details/custom/ElementActions.js +8 -8
  185. package/dist/overlays/relationship-details/custom/edgeTypes.d.ts +44 -46
  186. package/dist/overlays/relationship-details/custom/edgeTypes.js +49 -50
  187. package/dist/overlays/relationship-details/custom/index.d.ts +2 -2
  188. package/dist/overlays/relationship-details/custom/nodeTypes.d.ts +28 -30
  189. package/dist/overlays/relationship-details/custom/nodeTypes.js +31 -35
  190. package/dist/overlays/relationship-details/hooks.js +9 -13
  191. package/dist/overlays/relationship-details/useLayoutedDetails.js +16 -18
  192. package/dist/overlays/relationships-browser/-useRelationshipsView.d.ts +8 -24
  193. package/dist/overlays/relationships-browser/-useRelationshipsView.js +50 -85
  194. package/dist/overlays/relationships-browser/RelationshipsBrowser.d.ts +48 -0
  195. package/dist/overlays/relationships-browser/RelationshipsBrowser.js +101 -101
  196. package/dist/overlays/relationships-browser/SelectElement.css.js +22 -9
  197. package/dist/overlays/relationships-browser/SelectElement.d.ts +2 -7
  198. package/dist/overlays/relationships-browser/SelectElement.js +196 -112
  199. package/dist/overlays/relationships-browser/_types.d.ts +4 -1
  200. package/dist/overlays/relationships-browser/actor.d.ts +478 -351
  201. package/dist/overlays/relationships-browser/actor.js +108 -94
  202. package/dist/overlays/relationships-browser/const.d.ts +1 -1
  203. package/dist/overlays/relationships-browser/const.js +3 -4
  204. package/dist/overlays/relationships-browser/custom/ElementActions.js +9 -9
  205. package/dist/overlays/relationships-browser/custom/EmptyNode.js +6 -6
  206. package/dist/overlays/relationships-browser/custom/edgeTypes.d.ts +43 -44
  207. package/dist/overlays/relationships-browser/custom/edgeTypes.js +97 -65
  208. package/dist/overlays/relationships-browser/custom/index.d.ts +2 -2
  209. package/dist/overlays/relationships-browser/custom/nodeTypes.d.ts +37 -37
  210. package/dist/overlays/relationships-browser/custom/nodeTypes.js +36 -40
  211. package/dist/overlays/relationships-browser/custom/styles.css.js +14 -5
  212. package/dist/overlays/relationships-browser/hooks.d.ts +14 -6
  213. package/dist/overlays/relationships-browser/hooks.js +25 -16
  214. package/dist/overlays/relationships-browser/useViewToNodesEdges.js +13 -18
  215. package/dist/packages/core/src/compute-view/relationships-view/compute.js +123 -0
  216. package/dist/packages/core/src/compute-view/relationships-view/utils.js +68 -0
  217. package/dist/packages/core/src/errors/index.js +15 -0
  218. package/dist/packages/core/src/utils/fqn.js +43 -0
  219. package/dist/packages/core/src/utils/guards.js +7 -0
  220. package/dist/packages/core/src/utils/iterable/filter.js +21 -0
  221. package/dist/packages/core/src/utils/iterable/map.js +18 -0
  222. package/dist/packages/core/src/utils/iterable/to.js +14 -0
  223. package/dist/src/index.ts.d.ts +2 -0
  224. package/dist/state/DiagramActorProvider.js +26 -27
  225. package/dist/state/aligners.js +22 -31
  226. package/dist/state/assign.js +11 -21
  227. package/dist/state/diagram-machine.d.ts +5155 -4470
  228. package/dist/state/diagram-machine.js +407 -337
  229. package/dist/state/hotkeyActor.js +5 -5
  230. package/dist/state/inspector.d.ts +1 -1
  231. package/dist/state/persistence.js +4 -4
  232. package/dist/state/syncManualLayoutActor.d.ts +1 -1
  233. package/dist/state/syncManualLayoutActor.js +10 -10
  234. package/dist/state/utils.js +4 -9
  235. package/dist/styles.css.js +3 -0
  236. package/dist/utils/vector.js +2 -4
  237. package/dist/utils/xyflow.js +7 -12
  238. package/package.json +43 -42
  239. package/src/LikeC4CustomColors.tsx +44 -20
  240. package/src/LikeC4Diagram.props.ts +32 -0
  241. package/src/LikeC4Diagram.tsx +16 -14
  242. package/src/base/BaseXYFlow.tsx +67 -43
  243. package/src/base/primitives/compound/CompoundActionButton.tsx +41 -20
  244. package/src/base/primitives/compound/CompoundDetailsButton.tsx +48 -25
  245. package/src/base/primitives/compound/CompoundNodeContainer.css.ts +111 -111
  246. package/src/base/primitives/compound/CompoundNodeContainer.tsx +92 -92
  247. package/src/base/primitives/compound/CompoundTitle.tsx +73 -7
  248. package/src/base/primitives/compound/actionbtns.css.ts +30 -0
  249. package/src/base/primitives/customEdge.ts +2 -3
  250. package/src/base/primitives/edge/EdgeActionButton.tsx +3 -5
  251. package/src/base/primitives/edge/EdgeContainer.tsx +17 -9
  252. package/src/base/primitives/edge/EdgeLabel.css.ts +113 -177
  253. package/src/base/primitives/edge/EdgeLabel.tsx +43 -114
  254. package/src/base/primitives/edge/EdgeLabelContainer.tsx +118 -0
  255. package/src/base/primitives/edge/EdgePath.tsx +31 -37
  256. package/src/base/primitives/edge/edge.css.ts +105 -132
  257. package/src/base/primitives/edge/xyvars.ts +31 -0
  258. package/src/base/primitives/element/ElementActionButtons.tsx +30 -10
  259. package/src/base/primitives/element/ElementDetailsButton.tsx +27 -8
  260. package/src/base/primitives/element/ElementNodeContainer.css.ts +43 -70
  261. package/src/base/primitives/element/ElementNodeContainer.tsx +18 -8
  262. package/src/base/primitives/element/ElementShape.css.ts +80 -113
  263. package/src/base/primitives/element/ElementShape.tsx +0 -1
  264. package/src/base/primitives/element/ElementTitle.css.ts +168 -124
  265. package/src/base/primitives/element/ElementTitle.tsx +16 -16
  266. package/src/base/primitives/index.ts +1 -0
  267. package/src/base/types.ts +5 -0
  268. package/src/bundle/LikeC4ModelProvider.tsx +12 -0
  269. package/src/bundle/LikeC4View.props.ts +249 -0
  270. package/src/bundle/LikeC4View.tsx +196 -0
  271. package/src/bundle/ReactLikeC4.tsx +148 -0
  272. package/src/bundle/ShadowRoot.tsx +60 -0
  273. package/src/bundle/ViewNotFound.tsx +25 -0
  274. package/src/bundle/font.css +251 -0
  275. package/src/bundle/index.ts +7 -0
  276. package/src/bundle/react-dom-server-mock.ts +3 -0
  277. package/src/bundle/styles.css.ts +168 -0
  278. package/src/components/Link.tsx +56 -5
  279. package/src/components/SearchControl.css.ts +52 -59
  280. package/src/components/SearchControl.tsx +2 -5
  281. package/src/context/ReduceGraphics.tsx +9 -47
  282. package/src/context/RootContainer.tsx +21 -5
  283. package/src/hooks/safeContext.tsx +2 -3
  284. package/src/hooks/useCurrentViewId.ts +4 -4
  285. package/src/hooks/useDiagram.ts +4 -3
  286. package/src/hooks/useOverlaysActor.ts +11 -0
  287. package/src/hooks/useReducedGraphics.ts +8 -1
  288. package/src/hooks/useXYFlow.ts +2 -2
  289. package/src/index.ts +1 -3
  290. package/src/likec4diagram/DiagramUI.tsx +2 -2
  291. package/src/likec4diagram/DiagramXYFlow.tsx +80 -26
  292. package/src/likec4diagram/custom/edges/NotePopover.css.ts +7 -13
  293. package/src/likec4diagram/custom/edges/RelationshipEdge.tsx +69 -42
  294. package/src/likec4diagram/custom/edges/RelationshipsDropdownMenu.css.ts +23 -44
  295. package/src/likec4diagram/custom/edges/RelationshipsDropdownMenu.tsx +26 -24
  296. package/src/likec4diagram/custom/edges/edges.css.ts +25 -32
  297. package/src/likec4diagram/custom/nodes/nodeTypes.tsx +2 -2
  298. package/src/likec4diagram/custom/nodes/toolbar/Toolbar.tsx +9 -5
  299. package/src/likec4diagram/custom/nodes/toolbar/styles.css.ts +3 -4
  300. package/src/likec4diagram/ui/controls/LayoutDriftNotification.tsx +2 -2
  301. package/src/likec4diagram/ui/controls/styles.css.ts +46 -57
  302. package/src/likec4diagram/ui/diagram-title/DiagramTitlePanel.css.ts +38 -34
  303. package/src/likec4diagram/ui/diagram-title/DiagramTitlePanel.tsx +4 -4
  304. package/src/likec4diagram/ui/notation/NotationPanel.css.ts +44 -56
  305. package/src/likec4diagram/ui/notation/NotationPanel.tsx +17 -14
  306. package/src/likec4diagram/ui/search/ElementsColumn.css.ts +80 -85
  307. package/src/likec4diagram/ui/search/ElementsColumn.tsx +21 -14
  308. package/src/likec4diagram/ui/search/LikeC4Search.css.ts +50 -67
  309. package/src/likec4diagram/ui/search/LikeC4Search.tsx +1 -2
  310. package/src/likec4diagram/ui/search/SearchInput.tsx +2 -2
  311. package/src/likec4diagram/ui/search/ViewsColum.tsx +10 -7
  312. package/src/likec4diagram/ui/search/ViewsColumn.css.ts +29 -28
  313. package/src/likec4diagram/ui/search/_shared.css.ts +158 -74
  314. package/src/likec4diagram/ui/walkthrough/DynamicViewWalkthrough.css.ts +31 -34
  315. package/src/likec4diagram/ui/walkthrough/DynamicViewWalkthrough.tsx +6 -6
  316. package/src/likec4diagram/useViewToNodesEdges.ts +2 -1
  317. package/src/overlays/Overlays.tsx +6 -4
  318. package/src/overlays/element-details/ElementDetailsCard.css.ts +143 -177
  319. package/src/overlays/element-details/ElementDetailsCard.tsx +29 -29
  320. package/src/overlays/element-details/TabPanelDeployments.css.ts +49 -54
  321. package/src/overlays/element-details/TabPanelRelationships.css.ts +62 -66
  322. package/src/overlays/element-details/TabPanelRelationships.tsx +32 -3
  323. package/src/overlays/element-details/TabPanelStructure.css.ts +26 -26
  324. package/src/overlays/element-details/actor.ts +4 -2
  325. package/src/overlays/overlay/Overlay.css.ts +34 -46
  326. package/src/overlays/overlay/Overlay.tsx +95 -97
  327. package/src/overlays/overlaysActor.ts +1 -0
  328. package/src/overlays/relationship-details/RelationshipDetails.tsx +15 -3
  329. package/src/overlays/relationship-details/SelectEdge.css.ts +52 -71
  330. package/src/overlays/relationship-details/SelectEdge.tsx +1 -2
  331. package/src/overlays/relationship-details/custom/edgeTypes.tsx +35 -30
  332. package/src/overlays/relationship-details/custom/index.ts +2 -0
  333. package/src/overlays/relationship-details/custom/nodeTypes.tsx +20 -24
  334. package/src/overlays/relationship-details/custom/styles.css.ts +8 -8
  335. package/src/overlays/relationships-browser/-useRelationshipsView.ts +55 -82
  336. package/src/overlays/relationships-browser/RelationshipsBrowser.tsx +39 -36
  337. package/src/overlays/relationships-browser/SelectElement.css.ts +9 -12
  338. package/src/overlays/relationships-browser/SelectElement.tsx +192 -105
  339. package/src/overlays/relationships-browser/_types.ts +4 -9
  340. package/src/overlays/relationships-browser/actor.ts +144 -123
  341. package/src/overlays/relationships-browser/const.ts +1 -1
  342. package/src/overlays/relationships-browser/custom/EmptyNode.tsx +2 -2
  343. package/src/overlays/relationships-browser/custom/edgeTypes.tsx +95 -59
  344. package/src/overlays/relationships-browser/custom/index.ts +2 -0
  345. package/src/overlays/relationships-browser/custom/nodeTypes.tsx +25 -26
  346. package/src/overlays/relationships-browser/custom/styles.css.ts +5 -6
  347. package/src/overlays/relationships-browser/hooks.ts +17 -3
  348. package/src/overlays/relationships-browser/useViewToNodesEdges.ts +4 -10
  349. package/src/state/DiagramActorProvider.tsx +17 -16
  350. package/src/state/diagram-machine.ts +395 -315
  351. package/src/state/inspector.ts +1 -1
  352. package/src/styles.css +3 -0
  353. package/dist/LikeC4Diagram.css.d.ts +0 -8
  354. package/dist/LikeC4Diagram.css.js +0 -11
  355. package/dist/base/example/RelationshipsBrowser.d.ts +0 -6
  356. package/dist/base/example/_types.d.ts +0 -20
  357. package/dist/base/example/custom.d.ts +0 -72
  358. package/dist/base/example/useViewToNodesEdges.d.ts +0 -6
  359. package/dist/base/primitives/compound/CompoundActionButton.css.d.ts +0 -2
  360. package/dist/base/primitives/compound/CompoundActionButton.css.js +0 -8
  361. package/dist/base/primitives/compound/CompoundDetailsButton.css.d.ts +0 -3
  362. package/dist/base/primitives/compound/CompoundDetailsButton.css.js +0 -8
  363. package/dist/base/primitives/compound/CompoundTitle.css.d.ts +0 -3
  364. package/dist/base/primitives/compound/CompoundTitle.css.js +0 -10
  365. package/dist/base/primitives/element/ElementActionButtons.css.d.ts +0 -3
  366. package/dist/base/primitives/element/ElementActionButtons.css.js +0 -10
  367. package/dist/base/primitives/element/ElementDetailsButton.css.d.ts +0 -3
  368. package/dist/base/primitives/element/ElementDetailsButton.css.js +0 -8
  369. package/dist/base/primitives/element/vars.css.d.ts +0 -3
  370. package/dist/base/primitives/element/vars.css.ts.vanilla.css.js +0 -1
  371. package/dist/components/Link.css.d.ts +0 -3
  372. package/dist/components/Link.css.js +0 -9
  373. package/dist/diagram.css +0 -1
  374. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Accordion/Accordion.module.css.mjs.vanilla.css.js +0 -1
  375. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.module.css.mjs.vanilla.css.js +0 -1
  376. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Affix/Affix.module.css.mjs.vanilla.css.js +0 -1
  377. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Alert/Alert.module.css.mjs.vanilla.css.js +0 -1
  378. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Anchor/Anchor.module.css.mjs.vanilla.css.js +0 -1
  379. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/AngleSlider/AngleSlider.module.css.mjs.vanilla.css.js +0 -1
  380. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/AppShell/AppShell.module.css.mjs.vanilla.css.js +0 -1
  381. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/AspectRatio/AspectRatio.module.css.mjs.vanilla.css.js +0 -1
  382. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Avatar/Avatar.module.css.mjs.vanilla.css.js +0 -1
  383. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/BackgroundImage/BackgroundImage.module.css.mjs.vanilla.css.js +0 -1
  384. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Badge/Badge.module.css.mjs.vanilla.css.js +0 -1
  385. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Blockquote/Blockquote.module.css.mjs.vanilla.css.js +0 -1
  386. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Breadcrumbs/Breadcrumbs.module.css.mjs.vanilla.css.js +0 -1
  387. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Burger/Burger.module.css.mjs.vanilla.css.js +0 -1
  388. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Button/Button.module.css.mjs.vanilla.css.js +0 -1
  389. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Card/Card.module.css.mjs.vanilla.css.js +0 -1
  390. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Center/Center.module.css.mjs.vanilla.css.js +0 -1
  391. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Checkbox/Checkbox.module.css.mjs.vanilla.css.js +0 -1
  392. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Checkbox/CheckboxCard/CheckboxCard.module.css.mjs.vanilla.css.js +0 -1
  393. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Checkbox/CheckboxIndicator/CheckboxIndicator.module.css.mjs.vanilla.css.js +0 -1
  394. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Chip/Chip.module.css.mjs.vanilla.css.js +0 -1
  395. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/CloseButton/CloseButton.module.css.mjs.vanilla.css.js +0 -1
  396. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Code/Code.module.css.mjs.vanilla.css.js +0 -1
  397. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/ColorInput/ColorInput.module.css.mjs.vanilla.css.js +0 -1
  398. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/ColorPicker/ColorPicker.module.css.mjs.vanilla.css.js +0 -1
  399. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/ColorSwatch/ColorSwatch.module.css.mjs.vanilla.css.js +0 -1
  400. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Combobox/Combobox.module.css.mjs.vanilla.css.js +0 -1
  401. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Container/Container.module.css.mjs.vanilla.css.js +0 -1
  402. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Dialog/Dialog.module.css.mjs.vanilla.css.js +0 -1
  403. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Divider/Divider.module.css.mjs.vanilla.css.js +0 -1
  404. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Drawer/Drawer.module.css.mjs.vanilla.css.js +0 -1
  405. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Fieldset/Fieldset.module.css.mjs.vanilla.css.js +0 -1
  406. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Flex/Flex.module.css.mjs.vanilla.css.js +0 -1
  407. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/FloatingIndicator/FloatingIndicator.module.css.mjs.vanilla.css.js +0 -1
  408. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Grid/Grid.module.css.mjs.vanilla.css.js +0 -1
  409. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Group/Group.module.css.mjs.vanilla.css.js +0 -1
  410. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Image/Image.module.css.mjs.vanilla.css.js +0 -1
  411. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Indicator/Indicator.module.css.mjs.vanilla.css.js +0 -1
  412. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/InlineInput/InlineInput.module.css.mjs.vanilla.css.js +0 -1
  413. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Input/Input.module.css.mjs.vanilla.css.js +0 -1
  414. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Kbd/Kbd.module.css.mjs.vanilla.css.js +0 -1
  415. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/List/List.module.css.mjs.vanilla.css.js +0 -1
  416. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Loader/Loader.module.css.mjs.vanilla.css.js +0 -1
  417. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/LoadingOverlay/LoadingOverlay.module.css.mjs.vanilla.css.js +0 -1
  418. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Mark/Mark.module.css.mjs.vanilla.css.js +0 -1
  419. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Menu/Menu.module.css.mjs.vanilla.css.js +0 -1
  420. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Modal/Modal.module.css.mjs.vanilla.css.js +0 -1
  421. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/ModalBase/ModalBase.module.css.mjs.vanilla.css.js +0 -1
  422. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/NavLink/NavLink.module.css.mjs.vanilla.css.js +0 -1
  423. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Notification/Notification.module.css.mjs.vanilla.css.js +0 -1
  424. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/NumberInput/NumberInput.module.css.mjs.vanilla.css.js +0 -1
  425. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Overlay/Overlay.module.css.mjs.vanilla.css.js +0 -1
  426. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Pagination/Pagination.module.css.mjs.vanilla.css.js +0 -1
  427. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Paper/Paper.module.css.mjs.vanilla.css.js +0 -1
  428. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/PasswordInput/PasswordInput.module.css.mjs.vanilla.css.js +0 -1
  429. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Pill/Pill.module.css.mjs.vanilla.css.js +0 -1
  430. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/PillsInput/PillsInput.module.css.mjs.vanilla.css.js +0 -1
  431. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/PinInput/PinInput.module.css.mjs.vanilla.css.js +0 -1
  432. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Popover/Popover.module.css.mjs.vanilla.css.js +0 -1
  433. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Progress/Progress.module.css.mjs.vanilla.css.js +0 -1
  434. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Radio/Radio.module.css.mjs.vanilla.css.js +0 -1
  435. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Radio/RadioCard/RadioCard.module.css.mjs.vanilla.css.js +0 -1
  436. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Radio/RadioIndicator/RadioIndicator.module.css.mjs.vanilla.css.js +0 -1
  437. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Rating/Rating.module.css.mjs.vanilla.css.js +0 -1
  438. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/RingProgress/RingProgress.module.css.mjs.vanilla.css.js +0 -1
  439. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/ScrollArea/ScrollArea.module.css.mjs.vanilla.css.js +0 -1
  440. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/SegmentedControl/SegmentedControl.module.css.mjs.vanilla.css.js +0 -1
  441. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/SemiCircleProgress/SemiCircleProgress.module.css.mjs.vanilla.css.js +0 -1
  442. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/SimpleGrid/SimpleGrid.module.css.mjs.vanilla.css.js +0 -1
  443. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Skeleton/Skeleton.module.css.mjs.vanilla.css.js +0 -1
  444. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Slider/Slider.module.css.mjs.vanilla.css.js +0 -1
  445. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Spoiler/Spoiler.module.css.mjs.vanilla.css.js +0 -1
  446. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Stack/Stack.module.css.mjs.vanilla.css.js +0 -1
  447. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Stepper/Stepper.module.css.mjs.vanilla.css.js +0 -1
  448. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Switch/Switch.module.css.mjs.vanilla.css.js +0 -1
  449. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Table/Table.module.css.mjs.vanilla.css.js +0 -1
  450. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/TableOfContents/TableOfContents.module.css.mjs.vanilla.css.js +0 -1
  451. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Tabs/Tabs.module.css.mjs.vanilla.css.js +0 -1
  452. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Text/Text.module.css.mjs.vanilla.css.js +0 -1
  453. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.module.css.mjs.vanilla.css.js +0 -1
  454. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Timeline/Timeline.module.css.mjs.vanilla.css.js +0 -1
  455. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Title/Title.module.css.mjs.vanilla.css.js +0 -1
  456. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Tooltip/Tooltip.module.css.mjs.vanilla.css.js +0 -1
  457. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/Tree/Tree.module.css.mjs.vanilla.css.js +0 -1
  458. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/TypographyStylesProvider/TypographyStylesProvider.module.css.mjs.vanilla.css.js +0 -1
  459. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.module.css.mjs.vanilla.css.js +0 -1
  460. package/dist/node_modules/.pnpm/@mantine_core@7.17.1_@mantine_hooks@7.17.1_react@19.0.0__@types_react@19.0.10_react-dom_fbfa2b80048a2180882527b4a447e1ea/node_modules/@mantine/core/esm/components/VisuallyHidden/VisuallyHidden.module.css.mjs.vanilla.css.js +0 -1
  461. package/dist/theme-vars.css.d.ts +0 -63
  462. package/dist/theme-vars.css.js +0 -7
  463. package/dist/theme-vars.css.ts.vanilla.css.js +0 -1
  464. package/dist/theme-vars.d.ts +0 -16
  465. package/dist/theme-vars.js +0 -7
  466. package/dist/utils/css.js +0 -10
  467. package/src/LikeC4Diagram.css.ts +0 -198
  468. package/src/base/example/RelationshipsBrowser.tsx +0 -62
  469. package/src/base/example/_types.ts +0 -72
  470. package/src/base/example/custom.tsx +0 -58
  471. package/src/base/example/useViewToNodesEdges.ts +0 -194
  472. package/src/base/primitives/compound/CompoundActionButton.css.ts +0 -52
  473. package/src/base/primitives/compound/CompoundDetailsButton.css.ts +0 -58
  474. package/src/base/primitives/compound/CompoundTitle.css.ts +0 -65
  475. package/src/base/primitives/element/ElementActionButtons.css.ts +0 -52
  476. package/src/base/primitives/element/ElementDetailsButton.css.ts +0 -50
  477. package/src/base/primitives/element/vars.css.ts +0 -5
  478. package/src/components/Link.css.ts +0 -49
  479. package/src/overlays/relationship-details/custom/index.tsx +0 -2
  480. package/src/overlays/relationships-browser/custom/index.tsx +0 -2
  481. package/src/theme-vars.css.ts +0 -69
  482. package/src/theme-vars.ts +0 -25
@@ -1,5 +1,5 @@
1
1
  import { createBrowserInspector } from '@statelyai/inspect'
2
2
 
3
3
  export const inspector = {
4
- inspect: /* @PURE */ createBrowserInspector().inspect,
4
+ inspect: import.meta.env.DEV ? createBrowserInspector().inspect : () => {},
5
5
  }
package/src/styles.css ADDED
@@ -0,0 +1,3 @@
1
+ @layer reset, base, mantine, xyflow, tokens, recipes, utilities;
2
+ @import "@mantine/core/styles.layer.css";
3
+ @import "@xyflow/react/dist/style.css" layer(xyflow);
@@ -1,8 +0,0 @@
1
- export declare const cssReactFlow: string;
2
- export declare const reactFlowReducedGraphics: string;
3
- export declare const reactFlow: string;
4
- export declare const notInitialized: string;
5
- export declare const cssDisablePan: string;
6
- export declare const cssTransparentBg: string;
7
- export declare const hiddenIfZoomTooSmall: string;
8
- export declare const hiddenIfReducedGraphics: string;
@@ -1,11 +0,0 @@
1
- /* empty css */
2
- var cssReactFlow = "_2h8g8h0";
3
- var cssDisablePan = "_2h8g8h2";
4
- var cssTransparentBg = "_2h8g8h3";
5
- var hiddenIfZoomTooSmall = "_2h8g8h4";
6
- export {
7
- cssDisablePan,
8
- cssReactFlow,
9
- cssTransparentBg,
10
- hiddenIfZoomTooSmall
11
- };
@@ -1,6 +0,0 @@
1
- import { DiagramView } from '@likec4/core';
2
- type ExampleProps = {
3
- view: DiagramView;
4
- };
5
- export declare function Example({ view }: ExampleProps): import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,20 +0,0 @@
1
- import { Color, DiagramNode, Fqn, IconUrl } from '@likec4/core';
2
- import { Base, NonOptional, ReactFlowEdge, ReactFlowNode } from '../types';
3
- export declare namespace ExampleTypes {
4
- type ElementNodeData = Base.NodeData<NonOptional<Pick<DiagramNode, 'title' | 'technology' | 'description' | 'color' | 'shape' | 'style' | 'width' | 'height' | 'navigateTo'>> & {
5
- fqn: Fqn;
6
- icon: string | null;
7
- }>;
8
- type CompoundNodeData = Base.NodeData<NonOptional<Pick<DiagramNode, 'title' | 'color' | 'shape' | 'style'>> & {
9
- fqn: Fqn;
10
- depth: number;
11
- icon: IconUrl;
12
- }>;
13
- type ElementNode = ReactFlowNode<ElementNodeData, 'element'>;
14
- type CompoundNode = ReactFlowNode<CompoundNodeData, 'compound'>;
15
- type Node = ElementNode | CompoundNode;
16
- type EdgeData = Base.EdgeData<{
17
- color: Color | undefined;
18
- }>;
19
- type Edge = ReactFlowEdge<EdgeData, 'relationships'>;
20
- }
@@ -1,72 +0,0 @@
1
- import { NamedExoticComponent, CSSProperties, ReactNode } from 'react';
2
- import { NodeProps } from '..';
3
- import { ElementStyle, Color, ViewId, Fqn, IconUrl } from '@likec4/core';
4
- import { Position } from '@xyflow/system';
5
- export declare const nodeTypes: {
6
- element: NamedExoticComponent<NodeProps<{
7
- style: ElementStyle;
8
- title: string;
9
- description: string | null;
10
- width: number;
11
- height: number;
12
- technology: string | null;
13
- shape: "rectangle" | "person" | "browser" | "mobile" | "cylinder" | "storage" | "queue";
14
- color: Color;
15
- navigateTo: ViewId<string> | null | undefined;
16
- fqn: Fqn;
17
- icon: string | null;
18
- hovered?: boolean;
19
- dimmed?: import("..").Base.Dimmed;
20
- }>>;
21
- compound: NamedExoticComponent<NodeProps<{
22
- style: ElementStyle;
23
- title: string;
24
- shape: "rectangle" | "person" | "browser" | "mobile" | "cylinder" | "storage" | "queue";
25
- color: Color;
26
- fqn: Fqn;
27
- depth: number;
28
- icon: IconUrl;
29
- hovered?: boolean;
30
- dimmed?: import("..").Base.Dimmed;
31
- }>>;
32
- };
33
- export declare const edgeTypes: {
34
- relationships: NamedExoticComponent<{
35
- source: string;
36
- target: string;
37
- style?: CSSProperties;
38
- id: string;
39
- selected?: boolean;
40
- animated?: boolean;
41
- deletable?: boolean;
42
- selectable?: boolean;
43
- sourceX: number;
44
- sourceY: number;
45
- targetX: number;
46
- targetY: number;
47
- sourcePosition: Position;
48
- targetPosition: Position;
49
- label?: ReactNode;
50
- labelStyle?: CSSProperties;
51
- labelShowBg?: boolean;
52
- labelBgStyle?: CSSProperties;
53
- labelBgPadding?: [number, number];
54
- labelBgBorderRadius?: number;
55
- sourceHandleId?: string | null;
56
- targetHandleId?: string | null;
57
- markerStart?: string;
58
- markerEnd?: string;
59
- pathOptions?: any;
60
- interactionWidth?: number;
61
- data: {
62
- hovered?: boolean;
63
- active?: boolean;
64
- dimmed?: import("..").Base.Dimmed;
65
- } & {
66
- color: Color | undefined;
67
- hovered?: boolean;
68
- active?: boolean;
69
- dimmed?: import("..").Base.Dimmed;
70
- };
71
- }>;
72
- };
@@ -1,6 +0,0 @@
1
- import { DiagramView } from '@likec4/core';
2
- import { ExampleTypes } from './_types';
3
- export declare function useViewToNodesEdges({ id, nodes, edges, }: Pick<DiagramView, 'id' | 'nodes' | 'edges'>): {
4
- xynodes: ExampleTypes.Node[];
5
- xyedges: ExampleTypes.Edge[];
6
- };
@@ -1,2 +0,0 @@
1
- export declare const container: string;
2
- export declare const actionIcon: string;
@@ -1,8 +0,0 @@
1
- /* empty css */
2
- /* empty css */
3
- var container = "dbuyb70";
4
- var actionIcon = "dbuyb71";
5
- export {
6
- actionIcon,
7
- container
8
- };
@@ -1,3 +0,0 @@
1
- export declare const container: string;
2
- export declare const actionIcon: string;
3
- export declare const actionIconWrapper: string;
@@ -1,8 +0,0 @@
1
- /* empty css */
2
- /* empty css */
3
- var container = "k9mic70";
4
- var actionIcon = "k9mic72";
5
- export {
6
- actionIcon,
7
- container
8
- };
@@ -1,3 +0,0 @@
1
- export declare const compoundTitle: string;
2
- export declare const title: string;
3
- export declare const icon: string;
@@ -1,10 +0,0 @@
1
- /* empty css */
2
- /* empty css */
3
- var compoundTitle = "_1dn4as0 _2h8g8h4";
4
- var title = "_1dn4as1";
5
- var icon = "_1dn4as2";
6
- export {
7
- compoundTitle,
8
- icon,
9
- title
10
- };
@@ -1,3 +0,0 @@
1
- export declare const container: string;
2
- export declare const actionButtons: string;
3
- export declare const actionIcon: string;
@@ -1,10 +0,0 @@
1
- /* empty css */
2
- /* empty css */
3
- var container = "_14fvrz60";
4
- var actionButtons = "_14fvrz61";
5
- var actionIcon = "_14fvrz62";
6
- export {
7
- actionButtons,
8
- actionIcon,
9
- container
10
- };
@@ -1,3 +0,0 @@
1
- export declare const container: string;
2
- export declare const actionIconWrapper: string;
3
- export declare const actionIcon: string;
@@ -1,8 +0,0 @@
1
- /* empty css */
2
- /* empty css */
3
- var container = "_1jvuy7m0";
4
- var actionIcon = "_1jvuy7m2";
5
- export {
6
- actionIcon,
7
- container
8
- };
@@ -1,3 +0,0 @@
1
- export declare const textSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2
- export declare const paddingSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
- export declare const iconSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1,3 +0,0 @@
1
- export declare const elementLink: string;
2
- export declare const linkIcon: string;
3
- export declare const linkTitleBox: string;
@@ -1,9 +0,0 @@
1
- /* empty css */
2
- var elementLink = "_1acgss10";
3
- var linkIcon = "_1acgss11";
4
- var linkTitleBox = "_1acgss12";
5
- export {
6
- elementLink,
7
- linkIcon,
8
- linkTitleBox
9
- };
package/dist/diagram.css DELETED
@@ -1 +0,0 @@
1
- .react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgb(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgb(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color, var(--xy-background-color-props, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}._2h8g8h1,.react-flow.not-initialized{opacity:0}.react-flow._2h8g8h0{--xy-background-color: var(--likec4-background-color);--xy-background-pattern-color: var(--likec4-background-pattern-color)}.react-flow._2h8g8h0 .react-flow__pane{-webkit-user-select:none}.react-flow._2h8g8h0._2h8g8h3{--likec4-background-color: transparent !important;--xy-background-color: transparent !important;background-color:transparent!important}:where(.react-flow._2h8g8h0,._2h8g8h3) .react-flow__attribution{display:none}:where([data-likec4-zoom-small=true]) ._2h8g8h4{visibility:hidden}:where(.likec4-diagram-root:is([data-likec4-reduced-graphics=true])) ._2h8g8h0 ._2h8g8h5{visibility:hidden}.likec4-diagram-root{overflow:hidden;position:relative;width:100%;height:100%;padding:0;margin:0;box-sizing:border-box;-webkit-font-smoothing:var(--mantine-webkit-font-smoothing);-moz-osx-font-smoothing:var(--mantine-moz-font-smoothing)}:where(.likec4-diagram-root) .mantine-ActionIcon-icon .tabler-icon{width:75%;height:75%}.likec4-diagram-root{--likec4-font-family: var(--likec4-default-font-family,'ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"');--likec4-background-color: var(--mantine-color-body);--likec4-background-pattern-color: var(--mantine-color-gray-4);--likec4-compound-font-family: var(--likec4-font-family);--likec4-compound-title-color: var(--likec4-element-loContrast);--likec4-element-font-family: var(--likec4-font-family);--likec4-element-fill: #3b82f6;--likec4-element-stroke: #2563eb;--likec4-element-hiContrast: #eff6ff;--likec4-element-loContrast: #bfdbfe;--likec4-relation-lineColor: #64748b;--likec4-relation-labelBg: #0f172a;--likec4-relation-labelColor: #cbd5e1}:where([data-mantine-color-scheme=dark]) .likec4-diagram-root{--likec4-background-pattern-color: var(--mantine-color-dark-5)}:where([data-likec4-color=primary]){--likec4-element-fill: #3b82f6;--likec4-element-stroke: #2563eb;--likec4-element-hiContrast: #eff6ff;--likec4-element-loContrast: #bfdbfe;--likec4-compound-title-color: #bfdbfe;--likec4-relation-lineColor: #3b82f6;--likec4-relation-labelBg: #172554;--likec4-relation-labelColor: #60a5fa}:where([data-likec4-color=primary][data-compound-depth="1"]){--likec4-element-fill: #145ed7;--likec4-element-stroke: #194bb8}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=primary][data-compound-depth="1"]){--likec4-element-fill: #1a5bc5;--likec4-element-stroke: #1e49a9}:where([data-likec4-color=primary][data-compound-depth="2"]){--likec4-element-fill: #195cc8;--likec4-element-stroke: #1d4aac}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=primary][data-compound-depth="2"]){--likec4-element-fill: #1e56b1;--likec4-element-stroke: #204698}:where([data-likec4-color=primary][data-compound-depth="3"]){--likec4-element-fill: #1e59ba;--likec4-element-stroke: #2149a0}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=primary][data-compound-depth="3"]){--likec4-element-fill: #21519f;--likec4-element-stroke: #224289}:where([data-likec4-color=primary][data-compound-depth="4"]){--likec4-element-fill: #2357ad;--likec4-element-stroke: #244795}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=primary][data-compound-depth="4"]){--likec4-element-fill: #234c8e;--likec4-element-stroke: #243f7a}:where([data-likec4-color=primary][data-compound-depth="5"]){--likec4-element-fill: #2755a0;--likec4-element-stroke: #27468a}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=primary][data-compound-depth="5"]){--likec4-element-fill: #25467d;--likec4-element-stroke: #243b6c}:where([data-likec4-color=primary][data-compound-depth="6"]){--likec4-element-fill: #2a5293;--likec4-element-stroke: #2a447f}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=primary][data-compound-depth="6"]){--likec4-element-fill: #25416d;--likec4-element-stroke: #24365f}:where([data-likec4-color=blue]){--likec4-element-fill: #3b82f6;--likec4-element-stroke: #2563eb;--likec4-element-hiContrast: #eff6ff;--likec4-element-loContrast: #bfdbfe;--likec4-compound-title-color: #bfdbfe;--likec4-relation-lineColor: #3b82f6;--likec4-relation-labelBg: #172554;--likec4-relation-labelColor: #60a5fa}:where([data-likec4-color=blue][data-compound-depth="1"]){--likec4-element-fill: #145ed7;--likec4-element-stroke: #194bb8}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=blue][data-compound-depth="1"]){--likec4-element-fill: #1a5bc5;--likec4-element-stroke: #1e49a9}:where([data-likec4-color=blue][data-compound-depth="2"]){--likec4-element-fill: #195cc8;--likec4-element-stroke: #1d4aac}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=blue][data-compound-depth="2"]){--likec4-element-fill: #1e56b1;--likec4-element-stroke: #204698}:where([data-likec4-color=blue][data-compound-depth="3"]){--likec4-element-fill: #1e59ba;--likec4-element-stroke: #2149a0}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=blue][data-compound-depth="3"]){--likec4-element-fill: #21519f;--likec4-element-stroke: #224289}:where([data-likec4-color=blue][data-compound-depth="4"]){--likec4-element-fill: #2357ad;--likec4-element-stroke: #244795}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=blue][data-compound-depth="4"]){--likec4-element-fill: #234c8e;--likec4-element-stroke: #243f7a}:where([data-likec4-color=blue][data-compound-depth="5"]){--likec4-element-fill: #2755a0;--likec4-element-stroke: #27468a}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=blue][data-compound-depth="5"]){--likec4-element-fill: #25467d;--likec4-element-stroke: #243b6c}:where([data-likec4-color=blue][data-compound-depth="6"]){--likec4-element-fill: #2a5293;--likec4-element-stroke: #2a447f}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=blue][data-compound-depth="6"]){--likec4-element-fill: #25416d;--likec4-element-stroke: #24365f}:where([data-likec4-color=secondary]){--likec4-element-fill: #0284c7;--likec4-element-stroke: #0369a1;--likec4-element-hiContrast: #f0f9ff;--likec4-element-loContrast: #B6ECF7;--likec4-compound-title-color: #B6ECF7;--likec4-relation-lineColor: #0ea5e9;--likec4-relation-labelBg: #082f49;--likec4-relation-labelColor: #38bdf8}:where([data-likec4-color=secondary][data-compound-depth="1"]){--likec4-element-fill: #086392;--likec4-element-stroke: #084f76}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=secondary][data-compound-depth="1"]){--likec4-element-fill: #0d5d86;--likec4-element-stroke: #0b4a6c}:where([data-likec4-color=secondary][data-compound-depth="2"]){--likec4-element-fill: #0c5e88;--likec4-element-stroke: #0b4b6e}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=secondary][data-compound-depth="2"]){--likec4-element-fill: #105579;--likec4-element-stroke: #0e4462}:where([data-likec4-color=secondary][data-compound-depth="3"]){--likec4-element-fill: #10597f;--likec4-element-stroke: #0e4767}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=secondary][data-compound-depth="3"]){--likec4-element-fill: #134e6c;--likec4-element-stroke: #103e57}:where([data-likec4-color=secondary][data-compound-depth="4"]){--likec4-element-fill: #135475;--likec4-element-stroke: #11435f}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=secondary][data-compound-depth="4"]){--likec4-element-fill: #154660;--likec4-element-stroke: #11384e}:where([data-likec4-color=secondary][data-compound-depth="5"]){--likec4-element-fill: #164f6c;--likec4-element-stroke: #133f58}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=secondary][data-compound-depth="5"]){--likec4-element-fill: #163f55;--likec4-element-stroke: #123345}:where([data-likec4-color=secondary][data-compound-depth="6"]){--likec4-element-fill: #194a64;--likec4-element-stroke: #153c51}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=secondary][data-compound-depth="6"]){--likec4-element-fill: #17384a;--likec4-element-stroke: #132d3c}:where([data-likec4-color=sky]){--likec4-element-fill: #0284c7;--likec4-element-stroke: #0369a1;--likec4-element-hiContrast: #f0f9ff;--likec4-element-loContrast: #B6ECF7;--likec4-compound-title-color: #B6ECF7;--likec4-relation-lineColor: #0ea5e9;--likec4-relation-labelBg: #082f49;--likec4-relation-labelColor: #38bdf8}:where([data-likec4-color=sky][data-compound-depth="1"]){--likec4-element-fill: #086392;--likec4-element-stroke: #084f76}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=sky][data-compound-depth="1"]){--likec4-element-fill: #0d5d86;--likec4-element-stroke: #0b4a6c}:where([data-likec4-color=sky][data-compound-depth="2"]){--likec4-element-fill: #0c5e88;--likec4-element-stroke: #0b4b6e}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=sky][data-compound-depth="2"]){--likec4-element-fill: #105579;--likec4-element-stroke: #0e4462}:where([data-likec4-color=sky][data-compound-depth="3"]){--likec4-element-fill: #10597f;--likec4-element-stroke: #0e4767}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=sky][data-compound-depth="3"]){--likec4-element-fill: #134e6c;--likec4-element-stroke: #103e57}:where([data-likec4-color=sky][data-compound-depth="4"]){--likec4-element-fill: #135475;--likec4-element-stroke: #11435f}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=sky][data-compound-depth="4"]){--likec4-element-fill: #154660;--likec4-element-stroke: #11384e}:where([data-likec4-color=sky][data-compound-depth="5"]){--likec4-element-fill: #164f6c;--likec4-element-stroke: #133f58}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=sky][data-compound-depth="5"]){--likec4-element-fill: #163f55;--likec4-element-stroke: #123345}:where([data-likec4-color=sky][data-compound-depth="6"]){--likec4-element-fill: #194a64;--likec4-element-stroke: #153c51}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=sky][data-compound-depth="6"]){--likec4-element-fill: #17384a;--likec4-element-stroke: #132d3c}:where([data-likec4-color=muted]){--likec4-element-fill: #64748b;--likec4-element-stroke: #475569;--likec4-element-hiContrast: #f8fafc;--likec4-element-loContrast: #cbd5e1;--likec4-compound-title-color: #cbd5e1;--likec4-relation-lineColor: #64748b;--likec4-relation-labelBg: #0f172a;--likec4-relation-labelColor: #cbd5e1}:where([data-likec4-color=muted][data-compound-depth="1"]){--likec4-element-fill: #4e5a6a;--likec4-element-stroke: #384250}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=muted][data-compound-depth="1"]){--likec4-element-fill: #4b5563;--likec4-element-stroke: #363e4b}:where([data-likec4-color=muted][data-compound-depth="2"]){--likec4-element-fill: #4c5665;--likec4-element-stroke: #363f4c}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=muted][data-compound-depth="2"]){--likec4-element-fill: #474f5c;--likec4-element-stroke: #333a45}:where([data-likec4-color=muted][data-compound-depth="3"]){--likec4-element-fill: #4a5360;--likec4-element-stroke: #353d48}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=muted][data-compound-depth="3"]){--likec4-element-fill: #424a54;--likec4-element-stroke: #30363f}:where([data-likec4-color=muted][data-compound-depth="4"]){--likec4-element-fill: #48505b;--likec4-element-stroke: #333a44}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=muted][data-compound-depth="4"]){--likec4-element-fill: #3e444d;--likec4-element-stroke: #2d323a}:where([data-likec4-color=muted][data-compound-depth="5"]){--likec4-element-fill: #454c56;--likec4-element-stroke: #323841}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=muted][data-compound-depth="5"]){--likec4-element-fill: #393e46;--likec4-element-stroke: #292e34}:where([data-likec4-color=muted][data-compound-depth="6"]){--likec4-element-fill: #434951;--likec4-element-stroke: #30353d}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=muted][data-compound-depth="6"]){--likec4-element-fill: #34383e;--likec4-element-stroke: #26292f}:where([data-likec4-color=slate]){--likec4-element-fill: #64748b;--likec4-element-stroke: #475569;--likec4-element-hiContrast: #f8fafc;--likec4-element-loContrast: #cbd5e1;--likec4-compound-title-color: #cbd5e1;--likec4-relation-lineColor: #64748b;--likec4-relation-labelBg: #0f172a;--likec4-relation-labelColor: #cbd5e1}:where([data-likec4-color=slate][data-compound-depth="1"]){--likec4-element-fill: #4e5a6a;--likec4-element-stroke: #384250}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=slate][data-compound-depth="1"]){--likec4-element-fill: #4b5563;--likec4-element-stroke: #363e4b}:where([data-likec4-color=slate][data-compound-depth="2"]){--likec4-element-fill: #4c5665;--likec4-element-stroke: #363f4c}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=slate][data-compound-depth="2"]){--likec4-element-fill: #474f5c;--likec4-element-stroke: #333a45}:where([data-likec4-color=slate][data-compound-depth="3"]){--likec4-element-fill: #4a5360;--likec4-element-stroke: #353d48}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=slate][data-compound-depth="3"]){--likec4-element-fill: #424a54;--likec4-element-stroke: #30363f}:where([data-likec4-color=slate][data-compound-depth="4"]){--likec4-element-fill: #48505b;--likec4-element-stroke: #333a44}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=slate][data-compound-depth="4"]){--likec4-element-fill: #3e444d;--likec4-element-stroke: #2d323a}:where([data-likec4-color=slate][data-compound-depth="5"]){--likec4-element-fill: #454c56;--likec4-element-stroke: #323841}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=slate][data-compound-depth="5"]){--likec4-element-fill: #393e46;--likec4-element-stroke: #292e34}:where([data-likec4-color=slate][data-compound-depth="6"]){--likec4-element-fill: #434951;--likec4-element-stroke: #30353d}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=slate][data-compound-depth="6"]){--likec4-element-fill: #34383e;--likec4-element-stroke: #26292f}:where([data-likec4-color=gray]){--likec4-element-fill: #737373;--likec4-element-stroke: #525252;--likec4-element-hiContrast: #fafafa;--likec4-element-loContrast: #d4d4d4;--likec4-compound-title-color: #d4d4d4;--likec4-relation-lineColor: #6E6E6E;--likec4-relation-labelBg: #18191b;--likec4-relation-labelColor: #C6C6C6}:where([data-likec4-color=gray][data-compound-depth="1"]){--likec4-element-fill: #595959;--likec4-element-stroke: #3f3f3f}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=gray][data-compound-depth="1"]){--likec4-element-fill: #545454;--likec4-element-stroke: #3c3c3c}:where([data-likec4-color=gray][data-compound-depth="2"]){--likec4-element-fill: #555555;--likec4-element-stroke: #3d3d3d}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=gray][data-compound-depth="2"]){--likec4-element-fill: #4e4e4e;--likec4-element-stroke: #383838}:where([data-likec4-color=gray][data-compound-depth="3"]){--likec4-element-fill: #525252;--likec4-element-stroke: #3a3a3a}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=gray][data-compound-depth="3"]){--likec4-element-fill: #484848;--likec4-element-stroke: #343434}:where([data-likec4-color=gray][data-compound-depth="4"]){--likec4-element-fill: #4e4e4e;--likec4-element-stroke: #383838}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=gray][data-compound-depth="4"]){--likec4-element-fill: #434343;--likec4-element-stroke: #303030}:where([data-likec4-color=gray][data-compound-depth="5"]){--likec4-element-fill: #4b4b4b;--likec4-element-stroke: #353535}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=gray][data-compound-depth="5"]){--likec4-element-fill: #3d3d3d;--likec4-element-stroke: #2b2b2b}:where([data-likec4-color=gray][data-compound-depth="6"]){--likec4-element-fill: #474747;--likec4-element-stroke: #333333}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=gray][data-compound-depth="6"]){--likec4-element-fill: #373737;--likec4-element-stroke: #272727}:where([data-likec4-color=red]){--likec4-element-fill: #AC4D39;--likec4-element-stroke: #853A2D;--likec4-element-hiContrast: #FBD3CB;--likec4-element-loContrast: #f5b2a3;--likec4-compound-title-color: #f5b2a3;--likec4-relation-lineColor: #AC4D39;--likec4-relation-labelBg: #b91c1c;--likec4-relation-labelColor: #f5b2a3}:where([data-likec4-color=red][data-compound-depth="1"]){--likec4-element-fill: #803e30;--likec4-element-stroke: #632f26}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=red][data-compound-depth="1"]){--likec4-element-fill: #773d30;--likec4-element-stroke: #5c2e26}:where([data-likec4-color=red][data-compound-depth="2"]){--likec4-element-fill: #793d31;--likec4-element-stroke: #5e2e26}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=red][data-compound-depth="2"]){--likec4-element-fill: #6c3a2f;--likec4-element-stroke: #542c25}:where([data-likec4-color=red][data-compound-depth="3"]){--likec4-element-fill: #723c31;--likec4-element-stroke: #582e27}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=red][data-compound-depth="3"]){--likec4-element-fill: #62372e;--likec4-element-stroke: #4c2a24}:where([data-likec4-color=red][data-compound-depth="4"]){--likec4-element-fill: #6a3b31;--likec4-element-stroke: #522d27}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=red][data-compound-depth="4"]){--likec4-element-fill: #58342c;--likec4-element-stroke: #442823}:where([data-likec4-color=red][data-compound-depth="5"]){--likec4-element-fill: #633a31;--likec4-element-stroke: #4d2c27}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=red][data-compound-depth="5"]){--likec4-element-fill: #4f312a;--likec4-element-stroke: #3d2521}:where([data-likec4-color=red][data-compound-depth="6"]){--likec4-element-fill: #5d3931;--likec4-element-stroke: #482b27}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=red][data-compound-depth="6"]){--likec4-element-fill: #462d28;--likec4-element-stroke: #36231f}:where([data-likec4-color=green]){--likec4-element-fill: #428a4f;--likec4-element-stroke: #2d5d39;--likec4-element-hiContrast: #f8fafc;--likec4-element-loContrast: #c2f0c2;--likec4-compound-title-color: #c2f0c2;--likec4-relation-lineColor: #15803d;--likec4-relation-labelBg: #052e16;--likec4-relation-labelColor: #22c55e}:where([data-likec4-color=green][data-compound-depth="1"]){--likec4-element-fill: #35683e;--likec4-element-stroke: #24462d}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=green][data-compound-depth="1"]){--likec4-element-fill: #34613c;--likec4-element-stroke: #24412b}:where([data-likec4-color=green][data-compound-depth="2"]){--likec4-element-fill: #35623d;--likec4-element-stroke: #24422c}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=green][data-compound-depth="2"]){--likec4-element-fill: #325839;--likec4-element-stroke: #223c29}:where([data-likec4-color=green][data-compound-depth="3"]){--likec4-element-fill: #345d3c;--likec4-element-stroke: #243e2a}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=green][data-compound-depth="3"]){--likec4-element-fill: #305136;--likec4-element-stroke: #213626}:where([data-likec4-color=green][data-compound-depth="4"]){--likec4-element-fill: #33573a;--likec4-element-stroke: #233b29}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=green][data-compound-depth="4"]){--likec4-element-fill: #2d4932;--likec4-element-stroke: #1f3123}:where([data-likec4-color=green][data-compound-depth="5"]){--likec4-element-fill: #335238;--likec4-element-stroke: #223728}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=green][data-compound-depth="5"]){--likec4-element-fill: #2b422f;--likec4-element-stroke: #1d2c21}:where([data-likec4-color=green][data-compound-depth="6"]){--likec4-element-fill: #324d37;--likec4-element-stroke: #223426}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=green][data-compound-depth="6"]){--likec4-element-fill: #283a2b;--likec4-element-stroke: #1b271e}:where([data-likec4-color=amber]){--likec4-element-fill: #A35829;--likec4-element-stroke: #7E451D;--likec4-element-hiContrast: #FFE0C2;--likec4-element-loContrast: #f9b27c;--likec4-compound-title-color: #f9b27c;--likec4-relation-lineColor: #b45309;--likec4-relation-labelBg: #78350f;--likec4-relation-labelColor: #FFE0C2}:where([data-likec4-color=amber][data-compound-depth="1"]){--likec4-element-fill: #794524;--likec4-element-stroke: #5e361a}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=amber][data-compound-depth="1"]){--likec4-element-fill: #704225;--likec4-element-stroke: #56331b}:where([data-likec4-color=amber][data-compound-depth="2"]){--likec4-element-fill: #724325;--likec4-element-stroke: #58341b}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=amber][data-compound-depth="2"]){--likec4-element-fill: #663e25;--likec4-element-stroke: #4e301b}:where([data-likec4-color=amber][data-compound-depth="3"]){--likec4-element-fill: #6b4126;--likec4-element-stroke: #52321c}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=amber][data-compound-depth="3"]){--likec4-element-fill: #5c3a25;--likec4-element-stroke: #472d1b}:where([data-likec4-color=amber][data-compound-depth="4"]){--likec4-element-fill: #643e27;--likec4-element-stroke: #4d301d}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=amber][data-compound-depth="4"]){--likec4-element-fill: #533624;--likec4-element-stroke: #402a1a}:where([data-likec4-color=amber][data-compound-depth="5"]){--likec4-element-fill: #5d3c28;--likec4-element-stroke: #472f1d}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=amber][data-compound-depth="5"]){--likec4-element-fill: #493223;--likec4-element-stroke: #38261a}:where([data-likec4-color=amber][data-compound-depth="6"]){--likec4-element-fill: #563a28;--likec4-element-stroke: #422d1e}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=amber][data-compound-depth="6"]){--likec4-element-fill: #412d21;--likec4-element-stroke: #322319}:where([data-likec4-color=indigo]){--likec4-element-fill: #6366f1;--likec4-element-stroke: #4f46e5;--likec4-element-hiContrast: #eef2ff;--likec4-element-loContrast: #c7d2fe;--likec4-compound-title-color: #c7d2fe;--likec4-relation-lineColor: #6366f1;--likec4-relation-labelBg: #1e1b4b;--likec4-relation-labelColor: #818cf8}:where([data-likec4-color=indigo][data-compound-depth="1"]){--likec4-element-fill: #2529e1;--likec4-element-stroke: #2d24c2}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=indigo][data-compound-depth="1"]){--likec4-element-fill: #2529d3;--likec4-element-stroke: #3028b2}:where([data-likec4-color=indigo][data-compound-depth="2"]){--likec4-element-fill: #2428d7;--likec4-element-stroke: #3028b5}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=indigo][data-compound-depth="2"]){--likec4-element-fill: #282bbf;--likec4-element-stroke: #312aa1}:where([data-likec4-color=indigo][data-compound-depth="3"]){--likec4-element-fill: #292cc8;--likec4-element-stroke: #322ba9}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=indigo][data-compound-depth="3"]){--likec4-element-fill: #2b2dac;--likec4-element-stroke: #312b91}:where([data-likec4-color=indigo][data-compound-depth="4"]){--likec4-element-fill: #2d30ba;--likec4-element-stroke: #342e9e}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=indigo][data-compound-depth="4"]){--likec4-element-fill: #2c2f99;--likec4-element-stroke: #302c82}:where([data-likec4-color=indigo][data-compound-depth="5"]){--likec4-element-fill: #3133ac;--likec4-element-stroke: #363092}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=indigo][data-compound-depth="5"]){--likec4-element-fill: #2d2f87;--likec4-element-stroke: #2f2b73}:where([data-likec4-color=indigo][data-compound-depth="6"]){--likec4-element-fill: #34369f;--likec4-element-stroke: #373287}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=indigo][data-compound-depth="6"]){--likec4-element-fill: #2d2e76;--likec4-element-stroke: #2e2b65}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){._2h8g8h0{--likec4-safari-animation-hook: }}._1fw3wl00{overflow:visible;position:absolute;pointer-events:none;top:0;left:0;z-index:2}._1fw3wl00:is([data-edge-hovered=true]){z-index:3}._1fw3wl01{fill:var(--xy-edge-stroke);stroke:var(--xy-edge-stroke);fill-opacity:.75;stroke-width:1;cursor:grab;pointer-events:auto;visibility:hidden}._1fw3wl01:hover{stroke:var(--mantine-primary-color-filled-hover);stroke-width:9;transition:stroke .1s ease-out,stroke-width .1s ease-out}:where(.react-flow__edge.selected,[data-edge-hovered=true]) ._1fw3wl01{visibility:visible;transition:fill-opacity .15s ease-out,stroke .15s ease-out,stroke-width .15s ease-out;transition-delay:50ms;fill-opacity:1;stroke-width:5}._1fw3wl02{cursor:grabbing}._1fw3wl02 *,._1fw3wl02 .react-flow__edge-interaction{cursor:grabbing!important}._1xfux2o0{position:absolute;top:1px;right:1px;z-index:9}._1xfux2o1{--text-fz: var(--mantine-font-size-sm);-webkit-user-select:all;user-select:all;text-align:left;white-space-collapse:preserve-breaks;text-wrap:pretty;line-height:1.25}@media (min-width: 62em){._1xfux2o1{--text-fz: var(--mantine-font-size-md)}}._1acgss10{display:flex;overflow:hidden;align-items:center;gap:3px;justify-content:stretch;transition:all .13s cubic-bezier(.5,0,.2,1);border:1px dashed var(--mantine-color-default-border);border-radius:var(--mantine-radius-sm);min-height:30px;padding:3px 16px 3px 3px;cursor:pointer;color:var(--mantine-color-gray-7)}._1acgss10:hover{border-style:solid;color:var(--mantine-color-default-color);background:var(--mantine-color-default-hover)}:where([data-mantine-color-scheme=dark]) ._1acgss10{color:var(--mantine-color-dark-1)}._1acgss10[data-size=sm]{min-height:22px;padding:2px 8px 2px 2px}._1acgss11{flex:0}._1acgss12{flex:1 1 100%;transition:transform .1s cubic-bezier(.5,0,.2,1)}._1acgss10:hover ._1acgss12{transition-timing-function:cubic-bezier(0,0,.4,1);transition-delay:50ms;transform:translate(1px)}._1g39cqs0{overflow-y:scroll;min-width:250px;max-width:min(90vw,500px)}._1g39cqs1{gap:4px}._1g39cqs2{display:block;font-size:10px;font-weight:500;white-space:nowrap;padding:2px 5px;border-radius:2px;background:color-mix(in srgb,var(--likec4-element-fill),transparent 45%);line-height:1.1}:where([data-mantine-color-scheme=dark]) ._1g39cqs2{color:var(--likec4-element-loContrast)}._1g39cqs3{white-space-collapse:preserve-breaks;font-size:var(--mantine-font-size-sm)}@keyframes nrg7w95{0%{stroke-dashoffset:46}to{stroke-dashoffset:10}}.nrg7w91{--nrg7w90: black;--xy-edge-stroke: var(--likec4-relation-lineColor);--xy-edge-stroke-selected: color-mix(in srgb, var(--likec4-relation-lineColor), var(--nrg7w90) 35%);--xy-edge-label-color: var(--likec4-relation-labelColor);--xy-edge-label-background-color: var(--likec4-relation-labelBg);--xy-edge-stroke-width: 3}:where([data-mantine-color-scheme=dark]) .nrg7w91{--nrg7w90: white}:where([data-mantine-color-scheme=light]) :where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) .nrg7w91{--xy-edge-label-color: color-mix(in srgb, var(--likec4-relation-labelColor), rgba(255 255 255 / .85) 40%);--xy-edge-label-background-color: color-mix(in srgb, var(--likec4-relation-labelBg), transparent 40%)}:where([data-mantine-color-scheme=dark]) :where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) .nrg7w91{--xy-edge-label-background-color: color-mix(in srgb, var(--likec4-relation-labelBg), transparent 50%)}.nrg7w92:is([data-edge-dimmed=true]){opacity:.6;transition:opacity .6s ease-in-out,filter .6s ease-in-out;transition-delay:.2s;filter:grayscale(.85) var(--likec4-safari-animation-hook, blur(1px))}.nrg7w92:is([data-edge-dimmed=immediate]){opacity:.25;transition:opacity .1s ease-in-out,filter .1s ease-in-out;filter:grayscale(.85) var(--likec4-safari-animation-hook, blur(1px))}:where(.likec4-diagram-root:is([data-likec4-reduced-graphics=true])) .nrg7w92{transition:none}:where(.react-flow__edge.selected) .nrg7w91{--xy-edge-stroke: var(--xy-edge-stroke-selected);--xy-edge-stroke-width: 3}.nrg7w91:is([data-edge-hovered=true],[data-edge-active=true]){--xy-edge-stroke: var(--xy-edge-stroke-selected);--xy-edge-stroke-width: 3}:where(.react-flow__edge.selected) .nrg7w91[data-edge-hovered=true]{--xy-edge-stroke-width: 4}:where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) ._2h8g8h0 :where(.react-flow__edges,.react-flow__edgelabel-renderer)>svg{mix-blend-mode:plus-lighter}:where([data-mantine-color-scheme=light]) :where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) ._2h8g8h0 :where(.react-flow__edges,.react-flow__edgelabel-renderer)>svg{mix-blend-mode:screen}.nrg7w93{stroke-opacity:.08;transition-property:stroke-width,stroke-opacity;transition-duration:155ms;transition-timing-function:ease-out}:where([data-likec4-zoom-small=true]) .nrg7w93{display:none}:where(.react-flow__edge.selected,[data-edge-active=true],[data-edge-hovered=true]) .nrg7w93{stroke-width:calc(var(--xy-edge-stroke-width) + 8);stroke-opacity:.15}.nrg7w94{fill:var(--xy-edge-stroke);stroke:var(--xy-edge-stroke)}.nrg7w96{animation-duration:.8s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:both;stroke-dashoffset:10}:where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) .nrg7w96{transition:stroke .13s ease-out,stroke-width .13s ease-out}:where([data-edge-hovered=true]) .nrg7w96{animation-name:nrg7w95;animation-delay:.45s}:where(.react-flow__edge.selected,[data-edge-active=true],[data-edge-animated=true]) .nrg7w96{animation-name:nrg7w95;animation-delay:0ms}:where([data-edge-dir=back]) .nrg7w96{animation-direction:reverse}:where([data-edge-dimmed]) .nrg7w96{animation-play-state:paused}:where([data-likec4-zoom-small=true]) .nrg7w96{animation-name:none}.nrg7w97{animation-name:none}._1fqbh3j0{align-self:stretch;flex:0 0 auto;font-weight:600;font-size:calc(.875rem * var(--mantine-scale));line-height:1;padding:5px;text-align:center;min-width:22px;border-top-left-radius:4px;border-bottom-left-radius:4px;background-color:color-mix(in srgb,var(--likec4-relation-labelBg),var(--nrg7w90) 5%);font-variant-numeric:tabular-nums}:where([data-mantine-color-scheme=dark]) :where([data-likec4-color=gray]) ._1fqbh3j0{background-color:color-mix(in srgb,var(--likec4-relation-labelBg),var(--nrg7w90) 15%)}:where([data-edge-active=true],[data-edge-hovered=true]) ._1fqbh3j0{transition:all .13s cubic-bezier(.5,0,.2,1);background-color:transparent}._1fqbh3j4{top:0;left:0;position:absolute;pointer-events:all;cursor:pointer;width:auto;height:auto;background-color:var(--xy-edge-label-background-color);border:0px solid transparent}._1fqbh3j4:is([data-edge-dimmed=true]){opacity:.2;transition:opacity .6s ease-in-out,filter .6s ease-in-out;transition-delay:.2s;filter:grayscale(.85) var(--likec4-safari-animation-hook, blur(1px))}._1fqbh3j4:is([data-edge-dimmed=immediate]){opacity:.1;transition:opacity 75ms ease-in-out,filter .1s ease-in-out;filter:grayscale(.85) var(--likec4-safari-animation-hook, blur(1px))}:where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) ._1fqbh3j4{border-radius:4px;mix-blend-mode:plus-lighter;transform:var(--_1fqbh3j3);transition:all .13s cubic-bezier(.5,0,.2,1)}:where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) ._1fqbh3j4[data-edge-hovered=true]{transition:all .19s cubic-bezier(.5,0,.2,1);transform:var(--_1fqbh3j3) scale(1.12)}:where([data-mantine-color-scheme=light]) :where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) ._1fqbh3j4{mix-blend-mode:screen}._1fqbh3j5{font-family:var(--likec4-font-family);padding:3px 5px 5px;display:flex;flex-direction:column;align-items:center;width:max-content;max-width:100%;gap:calc(.25rem * var(--mantine-scale));color:var(--xy-edge-label-color)}._1fqbh3j5:has(._1fqbh3j0){flex-direction:row;padding:0;gap:0}._1fqbh3j6{display:contents}._1fqbh3j6:empty{display:none!important}._1fqbh3j5:has(._1fqbh3j0) ._1fqbh3j6{flex:1;display:flex;flex-direction:column;align-items:center;padding:1px 5px 5px}._1fqbh3j7{white-space-collapse:preserve-breaks;font-size:calc(.875rem * var(--mantine-scale));line-height:1.185;color:var(--xy-edge-label-color)}._1fqbh3j8{color:var(--xy-edge-label-color);text-align:center;white-space-collapse:preserve-breaks;font-size:calc(.6875rem * var(--mantine-scale));line-height:1;opacity:.75}._1fqbh3j5:has(._1fqbh3j0) ._1fqbh3j7{padding:2px 5px 4px 2px}._1fqbh3j9{position:absolute;top:4px;right:4px}._1fqbh3ja{--text-fz: var(--mantine-font-size-sm);-webkit-user-select:all;user-select:all;text-align:left;white-space-collapse:preserve-breaks;text-wrap:pretty;line-height:1.25}._1fqbh3jb{--ai-bg: var(--likec4-relation-labelBg);--ai-hover: color-mix(in srgb , var(--likec4-relation-labelBg), var(--nrg7w90) 10%);pointer-events:all;color:var(--xy-edge-label-color);cursor:pointer;opacity:.75;transition:all .13s cubic-bezier(.5,0,.2,1);background-color:var(--ai-bg)}._1fqbh3jb:hover{transform:translateY(1px) scale(1.15)}._1fqbh3jb:active{transform:translateY(-1px) scale(.9)}:where([data-edge-hovered=true]) ._1fqbh3jb{opacity:1}._1fqbh3jb .tabler-icon{width:80%;height:80%;stroke-width:2}@media (min-width: 62em){._1fqbh3ja{--text-fz: var(--mantine-font-size-md)}}.dbuyb70{position:absolute;top:4px;left:2px}.dbuyb71{--ai-color-hover: var(--likec4-element-hiContrast);--ai-bg-idle: color-mix(in srgb , var(--likec4-element-fill), transparent 99%);--ai-bg: var(--ai-bg-idle);--ai-bg-hover: color-mix(in srgb , var(--likec4-element-fill) 65%, var(--likec4-element-stroke));--ai-hover: color-mix(in srgb , var(--likec4-element-fill) 50%, var(--likec4-element-stroke));opacity:.45;color:var(--_compound-title-color,var(--likec4-element-loContrast));box-shadow:1px 1px 3px 0 transparent}:where([data-mantine-color-scheme=light] [data-compound-transparent=true]) .dbuyb71{--ai-bg-hover: color-mix(in srgb , var(--likec4-element-fill), transparent 20%);--ai-hover: color-mix(in srgb , var(--likec4-element-fill), transparent 10%);--ai-bg: color-mix(in srgb , var(--likec4-element-fill), transparent 99%);opacity:.85}:where([data-hovered=true]) .dbuyb71{opacity:1}:where(.likec4-diagram-root:is([data-likec4-reduced-graphics=true])) ._2h8g8h0 .dbuyb71{box-shadow:none}._14fvrz60{position:absolute;top:calc(100% - 28px);left:0;width:100%;min-height:28px;display:flex;justify-content:center;align-items:center}._14fvrz61{display:flex;justify-content:center;align-items:center}._14fvrz62{--ai-bg-idle: color-mix(in srgb , var(--likec4-element-fill), transparent 99%);--ai-bg-container-hover: color-mix(in srgb , var(--likec4-element-fill), transparent 50%);--ai-bg: var(--ai-bg-idle);--ai-bg-hover: color-mix(in srgb , var(--likec4-element-fill) 65%, var(--likec4-element-stroke));--ai-hover: color-mix(in srgb , var(--likec4-element-fill) 50%, var(--likec4-element-stroke));color:var(--likec4-element-loContrast);opacity:.75;transition:all .13s cubic-bezier(.5,0,.2,1);background:var(--ai-bg);box-shadow:1px 1px 3px 0 transparent}:where([data-hovered=true]) ._14fvrz62{--ai-bg: var(--ai-bg-hover);opacity:1;box-shadow:1px 1px 3px #0003}:where(.likec4-diagram-root:is([data-likec4-reduced-graphics=true])) ._2h8g8h0 ._14fvrz62{box-shadow:none}._1xwo2e70{font-size:calc(.625rem * var(--mantine-scale));font-weight:600;cursor:default;-webkit-user-select:all;user-select:all}@keyframes _7cmew17{0%{opacity:.6}to{opacity:.3}}._7cmew15{--_7cmew11: 6px;--_7cmew14: 3px;position:relative;width:100%;height:100%;padding:0;margin:0;border:0px solid transparent}._7cmew15:before{content:" ";border-radius:var(--_7cmew11);position:absolute;top:0;left:0;width:100%;height:100%;border:0px solid transparent;background:var(--likec4-element-fill);background-clip:padding-box}._7cmew15:is([data-compound-transparent=true]){box-shadow:none}._7cmew15:is([data-compound-transparent=true]):before{opacity:var(--_7cmew10);border-width:calc(var(--_7cmew14) - 1px)}:where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) ._7cmew15{box-shadow:0 4px 10px .5px #0000001a,0 2px 2px -1px #0006}:where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) ._7cmew15:is([data-compound-transparent=true]):before{transition:all .2s cubic-bezier(.5,0,.2,1)}:where(.react-flow__node.dragging) ._7cmew15{box-shadow:none}._7cmew15:is([data-likec4-dimmed=true]){opacity:.25;transition:opacity .6s ease-in-out,filter .6s ease-in-out;transition-delay:.2s;filter:grayscale(.85) var(--likec4-safari-animation-hook, blur(1px))}._7cmew15:is([data-likec4-dimmed=immediate]){opacity:.25;transition:opacity .1s ease-in-out,filter .1s ease-in-out;filter:grayscale(.85) var(--likec4-safari-animation-hook, blur(1px))}:where([data-mantine-color-scheme=dark] [data-compound-transparent=true]){--_compound-border-color: color-mix(in srgb, var(--likec4-compound-title-color) 25%, var(--likec4-element-stroke))}:where([data-mantine-color-scheme=light] [data-compound-transparent=true]){--_compound-title-color: var(--likec4-element-stroke)}._7cmew16{--_7cmew13: var(--_compound-border-color,var(--likec4-element-stroke));border-radius:var(--_7cmew11);padding:0;margin:0;transition:all .25s cubic-bezier(.5,0,.2,1);cursor:default;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:transparent;border-style:dashed;border-width:var(--_7cmew14);border-color:color-mix(in srgb,var(--_7cmew13),transparent var(--_7cmew12, 5%))}._7cmew1a{--_7cmew18: var(--likec4-element-loContrast);--_7cmew19: 6;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;visibility:hidden}:where(.react-flow__node.selected:not(:focus-visible)) ._7cmew1a{visibility:visible}:where(.react-flow__node:focus-within:not(.selected)) ._7cmew1a{--_7cmew18: color-mix(in srgb, var(--likec4-element-stroke) 30%, var(--likec4-element-loContrast));--_7cmew19: 8}:where([data-mantine-color-scheme=light]) ._7cmew1a{--_7cmew18: color-mix(in srgb, var(--likec4-element-stroke) 80%, #000)}._7cmew1a rect{stroke:var(--_7cmew18);stroke-width:var(--_7cmew19);fill:none}:where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) ._7cmew1a rect{transform-origin:center center;animation-duration:.8s;animation-iteration-count:infinite;animation-direction:alternate;animation-name:_7cmew17}._1dn4as0{position:absolute;display:flex;align-items:center;gap:6px;left:14px;top:6px;right:30px;width:auto;min-height:30px}:where(.react-flow__node.draggable) ._1dn4as0{cursor:grab}.likec4-compound-node:has(.compound-action) ._1dn4as0{padding-left:30px}._1dn4as1{flex:1;font-family:var(--likec4-compound-font-family);font-weight:600;font-size:calc(.9375rem * var(--mantine-scale));text-transform:uppercase;letter-spacing:.2px;color:var(--_compound-title-color,var(--likec4-compound-title-color))}:where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) ._1dn4as1{mix-blend-mode:screen}._1dn4as2{flex:0 0 20px;height:20px;width:20px;display:flex;align-items:center;justify-content:center;mix-blend-mode:hard-light}._1dn4as2 svg,._1dn4as2 img{width:100%;height:auto;max-height:100%;pointer-events:none;filter:drop-shadow(0 0 3px rgb(0 0 0 / 12%)) drop-shadow(0 1px 8px rgb(0 0 0 / 8%)) drop-shadow(1px 1px 16px rgb(0 0 0 / 3%))}._1dn4as2 img{object-fit:contain}.k9mic70{position:absolute;top:2px;right:2px}.k9mic70{--k9mic71: var(--likec4-element-loContrast)}:where([data-mantine-color-scheme=light] [data-compound-transparent=true]) .k9mic70{--k9mic71: var(--likec4-element-stroke)}.k9mic72{--ai-color-hover: var(--likec4-element-hiContrast);--ai-bg-idle: color-mix(in srgb , var(--likec4-element-fill), transparent 99%);--ai-bg: var(--ai-bg-idle);--ai-bg-hover: color-mix(in srgb , var(--likec4-element-fill) 65%, var(--likec4-element-stroke));--ai-hover: color-mix(in srgb , var(--likec4-element-fill) 50%, var(--likec4-element-stroke));opacity:.4;pointer-events:all;cursor:pointer;color:var(--_compound-title-color,var(--k9mic71));box-shadow:1px 1px 3px 0 transparent}.k9mic72:hover{opacity:1;box-shadow:1px 1px 3px #00000026}:where([data-mantine-color-scheme=light] [data-compound-transparent=true]) .k9mic72{--ai-bg-hover: color-mix(in srgb , var(--likec4-element-fill), transparent 20%);--ai-hover: color-mix(in srgb , var(--likec4-element-fill), transparent 10%);--ai-bg: color-mix(in srgb , var(--likec4-element-fill), transparent 99%);opacity:.6}:where(.likec4-diagram-root:is([data-likec4-reduced-graphics=true])) ._2h8g8h0 .k9mic72{box-shadow:none}.k9mic73{width:min-content;height:min-content}._1smoows1{--_1smoows0: color-mix(in srgb, var(--likec4-element-stroke) 90%, var(--likec4-element-fill));position:relative;width:100%;height:100%;padding:0;margin:0;display:flex;align-items:center;justify-content:center}._1smoows1:after{content:" ";position:absolute;top:100%;left:0;right:0;height:24px;background:transparent;pointer-events:all}._1smoows1:is([data-likec4-dimmed=true]){opacity:.25;transition:opacity .4s cubic-bezier(.5,0,.2,1),filter .5s cubic-bezier(.5,0,.2,1);transition-delay:50ms;filter:grayscale(.85) var(--likec4-safari-animation-hook, blur(2px))}._1smoows1:is([data-likec4-dimmed=immediate]){opacity:.25;transition:opacity .1s cubic-bezier(.5,0,.2,1),filter .1s cubic-bezier(.5,0,.2,1);filter:grayscale(.85) var(--likec4-safari-animation-hook, blur(2px))}:where(.likec4-diagram-root:is([data-likec4-reduced-graphics=true])) ._1smoows1:after{display:none}:where(.react-flow__node.selectable:not(.dragging)) ._1smoows1{cursor:pointer}._1smoows1{--_1edu1lt0: calc(1.1875rem * var(--mantine-scale));--_1edu1lt1: calc(1rem * var(--mantine-scale));--likec4-icon-size: 60px}._1smoows1[data-likec4-shape-size=xs]{--likec4-icon-size: 24px}._1smoows1[data-likec4-shape-size=sm]{--likec4-icon-size: 36px}._1smoows1[data-likec4-shape-size=lg]{--likec4-icon-size: 82px}._1smoows1[data-likec4-shape-size=xl]{--likec4-icon-size: 90px}._1smoows1[data-likec4-text-size=xs]{--_1edu1lt0: calc(.75rem * var(--mantine-scale))}._1smoows1[data-likec4-padding=xs]{--_1edu1lt1: calc(.5rem * var(--mantine-scale))}._1smoows1[data-likec4-text-size=sm]{--_1edu1lt0: calc(.875rem * var(--mantine-scale))}._1smoows1[data-likec4-padding=sm]{--_1edu1lt1: calc(.625rem * var(--mantine-scale))}._1smoows1[data-likec4-text-size=lg]{--_1edu1lt0: calc(1.5rem * var(--mantine-scale))}._1smoows1[data-likec4-padding=lg]{--_1edu1lt1: calc(1.5rem * var(--mantine-scale))}._1smoows1[data-likec4-text-size=xl]{--_1edu1lt0: calc(2rem * var(--mantine-scale))}._1smoows1[data-likec4-padding=xl]{--_1edu1lt1: calc(2rem * var(--mantine-scale))}@keyframes _4zok2q0{0%{stroke-opacity:.8}to{stroke-opacity:.5}}._4zok2q2{--_4zok2q1: var(--likec4-element-loContrast);stroke:var(--_4zok2q1);fill:none;transform-origin:center center;stroke-width:6;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;stroke-opacity:.8;visibility:hidden;pointer-events:none}:where(.react-flow__node.selected) ._4zok2q2{visibility:visible}:where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) :where(.react-flow__node.selected) ._4zok2q2{animation-name:var(--likec4-safari-animation-hook, _4zok2q0)}:where(.react-flow__node:focus-visible,._1smoows1:focus-visible) ._4zok2q2{stroke-width:10;stroke:var(--mantine-primary-color-outline, var(--mantine-primary-color-filled, var(--likec4-element-stroke)));visibility:visible}:where([data-likec4-shape=queue],[data-likec4-shape=cylinder],[data-likec4-shape=storage]) ._4zok2q2{stroke-width:10}:where([data-mantine-color-scheme=light]) ._4zok2q2{--_4zok2q1: color-mix(in srgb, var(--likec4-element-fill) 50%, #3c3c3c)}._4zok2q3{fill:var(--likec4-element-fill)}._4zok2q4{fill:var(--likec4-element-stroke)}._4zok2q5{fill:var(--_1smoows0, color-mix(in srgb, var(--likec4-element-stroke) 90%, var(--likec4-element-fill)))}._4zok2q7{top:0;left:0;position:absolute;width:100%;height:100%;pointer-events:none;fill:var(--likec4-element-fill);stroke:var(--likec4-element-stroke);overflow:visible}._4zok2q8{transform-origin:50% 25%;transform:translate(14px,14px) perspective(300px) translateZ(-8px);filter:brightness(.65) saturate(.8);stroke:none}:where([data-likec4-shape=cylinder],[data-likec4-shape=storage]) ._4zok2q8{transform-origin:50% 100%}:where([data-likec4-shape=queue]) ._4zok2q8{transform-origin:75% 25%}._4zok2q8 ._4zok2q5{fill:var(--likec4-element-fill)}._4zok2q9{--_4zok2q6: drop-shadow(0 2px 1px rgba(0, 0, 0, .21)) drop-shadow(0 1px 1px color-mix(in srgb, var(--likec4-element-stroke) 40%, transparent)) drop-shadow(0 5px 3px rgba(0, 0, 0, .1)) ;filter:var(--_4zok2q6);transition:fill .12s linear,filter .13s cubic-bezier(.5,0,.2,1);transition-delay:0ms}:where([data-hovered=true]) ._4zok2q9{--_4zok2q6: drop-shadow(0 2px 1px rgba(0, 0, 0, .25)) drop-shadow(0 8px 3px rgba(0, 0, 0, .1)) drop-shadow(0 10px 10px rgba(0, 0, 0, .05)) }:where([data-likec4-level=true]) ._4zok2q9{--_4zok2q6: drop-shadow(0 2px 1px rgba(0, 0, 0, .25)) drop-shadow(0 8px 3px rgba(0, 0, 0, .1)) drop-shadow(0 10px 10px rgba(0, 0, 0, .05)) }:where(.react-flow__node.selected,.react-flow__node:focus-visible,._1smoows1:focus-visible) ._4zok2q9{--_4zok2q6: none}:where([data-likec4-zoom-small=true]) ._4zok2q9{filter:none}:where(.likec4-diagram-root:is([data-likec4-reduced-graphics=true])) ._2h8g8h0 ._4zok2q9{transition:none;filter:none}.fo05292{flex:0 0 auto;font-family:var(--likec4-element-font-family);font-optical-sizing:auto;font-style:normal;text-align:var(--fo05291);font-weight:500;font-size:var(--_1edu1lt0);line-height:1.15;text-wrap:balance;color:var(--likec4-element-hiContrast);white-space-collapse:preserve-breaks}.fo05293{flex:0 1 auto;font-family:var(--likec4-element-font-family);font-optical-sizing:auto;font-style:normal;font-weight:400;font-size:calc(var(--_1edu1lt0) * .74);line-height:1.2;text-align:var(--fo05291);text-wrap:pretty;color:var(--likec4-element-loContrast);white-space-collapse:preserve-breaks;text-overflow:ellipsis;overflow:hidden}:where([data-likec4-shape-size=xs]) .fo05293{display:none}.fo05294{flex:0 0 auto;font-family:var(--likec4-element-font-family);font-optical-sizing:auto;font-style:normal;font-weight:400;font-size:calc(var(--_1edu1lt0) * .635);line-height:1.125;text-align:var(--fo05291);text-wrap:balance;opacity:.92;color:var(--likec4-element-loContrast)}:where([data-hovered=true]) .fo05294{opacity:1}:where([data-likec4-shape-size=xs],[data-likec4-shape-size=sm]) .fo05294{display:none}.fo05295{position:relative;flex:1;height:fit-content;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:row;padding-top:var(--_1edu1lt1);padding-bottom:var(--_1edu1lt1);padding-left:calc(var(--_1edu1lt1) + 8px);padding-right:calc(var(--_1edu1lt1) + 8px);overflow:hidden;gap:calc(.75rem * var(--mantine-scale))}:where([data-likec4-shape=queue],[data-likec4-shape=mobile]) .fo05295{padding-left:46px;padding-right:16px}:where([data-likec4-shape=cylinder],[data-likec4-shape=storage]) .fo05295{padding-top:30px}:where([data-likec4-shape=browser]) .fo05295{padding-top:32px;padding-bottom:28px}:where([data-likec4-shape-size=lg],[data-likec4-shape-size=xl]) .fo05295{gap:calc(1rem * var(--mantine-scale))}.fo05296{--fo05291: center;height:fit-content;width:fit-content;flex:0 1 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:center;flex-wrap:nowrap;overflow:hidden;gap:calc(.5rem * var(--mantine-scale))}.fo05296:has(.fo05293):has(.fo05294){gap:calc(.375rem * var(--mantine-scale))}:where(.fo05290) .fo05296{--fo05291: left;min-width:calc(50% + var(--likec4-icon-size));align-items:flex-start}.fo05297{flex:0 0 var(--likec4-icon-size);height:var(--likec4-icon-size);width:var(--likec4-icon-size);display:flex;align-items:center;justify-content:center;mix-blend-mode:hard-light;align-self:flex-start}.fo05297 svg,.fo05297 img{width:100%;height:auto;max-height:100%;pointer-events:none;filter:drop-shadow(0 0 3px rgb(0 0 0 / 12%)) drop-shadow(0 1px 8px rgb(0 0 0 / 8%)) drop-shadow(1px 1px 16px rgb(0 0 0 / 3%))}.fo05297 img{object-fit:contain}._1jvuy7m0{position:absolute;top:2px;right:2px}:where([data-likec4-shape=browser]) ._1jvuy7m0{right:5px}:where([data-likec4-shape=cylinder],[data-likec4-shape=storage]) ._1jvuy7m0{top:14px}:where([data-likec4-shape=queue]) ._1jvuy7m0{top:1px;right:12px}._1jvuy7m1{width:min-content;height:min-content}._1jvuy7m2{--ai-bg-idle: color-mix(in srgb , var(--likec4-element-fill), transparent 99%);--ai-bg: var(--ai-bg-idle);--ai-bg-hover: color-mix(in srgb , var(--likec4-element-fill) 65%, var(--likec4-element-stroke));--ai-hover: color-mix(in srgb , var(--likec4-element-fill) 50%, var(--likec4-element-stroke));pointer-events:all;color:var(--likec4-element-loContrast);cursor:pointer;box-shadow:1px 1px 3px 0 transparent}._1jvuy7m2:hover{box-shadow:1px 1px 3px #00000026}:where(.likec4-diagram-root:is([data-likec4-reduced-graphics=true])) ._2h8g8h0 ._1jvuy7m2{box-shadow:none}.paikoy4{--paikoy3: 0%;--paikoy2: 0px;box-sizing:border-box;margin:0;padding:0;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;background:transparent;border:0 solid transparent}.paikoy4::backdrop{-webkit-backdrop-filter:blur(var(--paikoy2));backdrop-filter:blur(var(--paikoy2));background-color:rgb(36 36 36 / var(--paikoy3))}.paikoy5{--paikoy0: var(--mantine-color-body);--paikoy1: linear-gradient(180deg, var(--likec4-element-fill), var(--likec4-element-fill) 4px, transparent 4px);position:absolute;pointer-events:all;gap:var(--mantine-spacing-lg);justify-content:stretch;background-color:var(--paikoy0);background-image:var(--paikoy1);border-top-color:var(--likec4-element-fill)}:where([data-mantine-color-scheme=dark]) .paikoy5{--paikoy0: var(--mantine-color-dark-6);--paikoy1: linear-gradient(180deg, color-mix(in srgb, var(--likec4-element-fill) 15%, transparent), transparent 80px), linear-gradient(180deg, var(--likec4-element-fill), var(--likec4-element-fill) 4px, transparent 4px) }.paikoy6{flex:0;cursor:move}:where(.paikoy5) .react-flow__attribution{display:none}.paikoy7{display:block;font-family:var(--likec4-element-font-family);font-optical-sizing:auto;font-style:normal;font-weight:600;font-size:24px;line-height:var(--mantine-line-height-xs)}.paikoy8{flex:0 0 40px;height:40px;width:40px;display:flex;align-items:center;justify-content:center;align-self:flex-start;cursor:move}:where([data-mantine-color-scheme=dark]) .paikoy8{mix-blend-mode:hard-light}.paikoy8 svg,.paikoy8 img{width:100%;height:auto;max-height:100%;pointer-events:none;filter:drop-shadow(0 0 3px rgb(0 0 0 / 10%)) drop-shadow(0 1px 8px rgb(0 0 0 / 5%)) drop-shadow(1px 1px 16px rgb(0 0 0 / 2%))}.paikoy8 img{object-fit:contain}.paikoyb{--paikoy9: var(--mantine-color-dark-1);width:100%;background:var(--mantine-color-body);border-radius:var(--mantine-radius-sm);padding:10px 8px;transition:all .13s cubic-bezier(.5,0,.2,1);border:1px solid var(--mantine-color-default-border)}.paikoyb:hover{--paikoya: var(--mantine-color-dark-1);--paikoy9: var(--mantine-color-default-color);background:var(--mantine-color-default-hover)}:where([data-mantine-color-scheme=dark]) .paikoyb{background:var(--mantine-color-dark-6)}:where([data-mantine-color-scheme=light]) .paikoyb{--paikoya: var(--mantine-color-gray-6);--paikoy9: var(--mantine-color-gray-7)}:where([data-mantine-color-scheme=light]) .paikoyb:hover{--paikoya: var(--mantine-color-gray-7)}.paikoyb .mantine-ThemeIcon-root{--ti-size: 22px;transition:all .13s cubic-bezier(.5,0,.2,1);color:var(--paikoya, var(--mantine-color-dark-2))}.paikoyb .mantine-ThemeIcon-root:hover{color:var(--mantine-color-default-color)}.paikoyb>*{transition:all .13s cubic-bezier(.5,0,.2,1)}.paikoyb:hover>*{transition-timing-function:cubic-bezier(0,0,.4,1);transform:translate(1.6px)}.paikoyc{transition:all .13s cubic-bezier(.5,0,.2,1);color:var(--paikoy9, var(--mantine-color-gray-7));font-size:15px;font-weight:500;line-height:1.4}.paikoyd{flex:1;display:flex;flex-direction:column;justify-content:stretch;overflow:hidden;gap:var(--mantine-spacing-sm)}.paikoye{background:var(--mantine-color-gray-1);border-radius:var(--mantine-radius-sm);flex-wrap:nowrap;gap:6px;padding:4px}:where([data-mantine-color-scheme=dark]) .paikoye{background:var(--mantine-color-dark-7)}.paikoyf{font-size:var(--mantine-font-size-xs);font-weight:500;flex-grow:1;padding:6px 8px;transition:all .13s cubic-bezier(.5,0,.2,1);border-radius:var(--mantine-radius-sm);color:var(--mantine-color-gray-7)}.paikoyf:hover{transition-timing-function:cubic-bezier(0,0,.4,1);color:var(--mantine-color-default-color);background:var(--mantine-color-gray-3)}.paikoyf[data-active]{transition:none;background:var(--mantine-color-white);box-shadow:var(--mantine-shadow-xs);color:var(--mantine-color-default-color)}:where([data-mantine-color-scheme=dark]) .paikoyf{color:var(--mantine-color-dark-1)}:where([data-mantine-color-scheme=dark]) .paikoyf:hover{color:var(--mantine-color-white);background:var(--mantine-color-dark-6)}:where([data-mantine-color-scheme=dark]) .paikoyf:is([data-active]){color:var(--mantine-color-white);background:var(--mantine-color-dark-5)}.paikoyg{flex:1;overflow:hidden;position:relative}.paikoyg:not(:has(.mantine-ScrollArea-root)){padding-left:4px;padding-right:4px}.paikoyg .mantine-ScrollArea-root{width:100%;height:100%}.paikoyg .mantine-ScrollArea-viewport>div{padding-left:4px;padding-right:4px}.paikoyh{flex:1;display:grid;grid-template-columns:min-content 1fr;grid-auto-rows:min-content max-content;gap:calc(1.25rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));align-items:baseline;justify-items:stretch}.paikoyi{justify-self:end}.paikoyj{position:absolute;width:14px;height:14px;border:3.5px solid var(--mantine-color-dark-3);border-top:none;border-left:none;border-radius:2px;bottom:2px;right:2px;transition:all .13s cubic-bezier(.5,0,.2,1);cursor:se-resize}.paikoyj:hover{border-width:4px;border-color:var(--mantine-color-dark-1)}._6nb9wd0[data-level="1"]{margin-bottom:calc(1rem * var(--mantine-scale))}._6nb9wd1{cursor:default;margin-top:0;margin-bottom:0}._6nb9wd2{transition:all .13s cubic-bezier(.5,0,.2,1);color:var(--mantine-color-gray-7)}._6nb9wd2:hover{transition-timing-function:cubic-bezier(0,0,.4,1)}:where([data-mantine-color-scheme=dark]) ._6nb9wd2{color:var(--mantine-color-dark-1)}._6nb9wd2>*{transition:all .13s cubic-bezier(.5,0,.2,1)}._6nb9wd2:hover>:not([data-no-transform]){transition-timing-function:cubic-bezier(0,0,.4,1);transform:translate(1px)}.mantine-Button-root:hover ._6nb9wd2>:not([data-no-transform]){transition-timing-function:cubic-bezier(0,0,.4,1);transform:translate(1px)}._6nb9wd4{cursor:pointer;width:100%;justify-content:stretch;flex-wrap:nowrap;height:calc(2.25rem * var(--mantine-scale));padding-inline-start:calc(1rem * var(--mantine-scale));padding-inline-end:calc(.625rem * var(--mantine-scale));border-radius:var(--mantine-radius-sm);align-items:center;color:var(--mantine-color-gray-7)}._6nb9wd4:hover{background:var(--mantine-color-gray-light-hover)}:where([data-mantine-color-scheme=dark]) ._6nb9wd4{color:var(--mantine-color-gray-light-color)}._6nb9wd4 .tabler-icon{transition:all .13s cubic-bezier(.5,0,.2,1);width:90%;opacity:.65}._4fi0ne0{width:100%;height:100%;border:3px dashed var(--mantine-color-default-border);border-radius:var(--mantine-radius-md);display:flex;justify-content:center;align-items:center}._9mmte0{margin:0}._9mmte1:hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) ._9mmte1:hover{background-color:var(--mantine-color-default-hover);color:var(--mantine-color-white)}._9mmte2{max-height:70vh;max-height:calc(100cqh - 70px)}.k4m020{display:inline-block;font-size:var(--mantine-font-size-sm);font-weight:500;white-space:nowrap;padding:3px 6px;border-radius:3px;background:color-mix(in srgb,var(--likec4-element-fill),transparent 25%);line-height:1.2;color:var(--likec4-element-hiContrast)}:where([data-mantine-color-scheme=light]) .k4m021{background:var(--mantine-color-gray-1)}.k4m021[data-missing]{color:var(--mantine-color-orange-4);background:color-mix(in srgb,var(--mantine-color-orange-8) 15%,transparent);border-color:color-mix(in srgb,var(--mantine-color-orange-5) 20%,transparent)}:where([data-mantine-color-scheme=light]) .k4m021[data-missing]{color:var(--mantine-color-orange-8)}.k4m022{flex:1 1 100%;position:relative;width:100%;height:100%;background:var(--mantine-color-body);border:1px solid var(--mantine-color-default-border);border-radius:var(--mantine-radius-sm)}:where([data-mantine-color-scheme=light]) .k4m022{border-color:var(--mantine-color-gray-3);background:var(--mantine-color-gray-1)}.k4m023:before{content:"scope:";position:absolute;top:0;left:8px;font-size:9px;font-weight:500;line-height:1;color:var(--mantine-color-dimmed);opacity:.85;transform:translateY(-100%) translateY(-2px)}:where([data-mantine-color-scheme=light]) .k4m023 .mantine-SegmentedControl-root{background:var(--mantine-color-gray-3)}.k4m024{display:inline-block;font-size:var(--mantine-font-size-xl);font-weight:600;padding:1px 5px;min-width:24px;text-align:center;border-radius:var(--mantine-radius-sm);background:var(--mantine-color-dark-7);color:var(--mantine-color-default-color)}:where([data-mantine-color-scheme=light]) .k4m024{background:var(--mantine-color-gray-4);color:var(--mantine-color-dark-6)}.k4m024[data-zero]{color:var(--mantine-color-dimmed)}:where([data-mantine-color-scheme=light]) .k4m024[data-zero]{background:var(--mantine-color-gray-3)}.k4m024[data-missing]{color:var(--mantine-color-orange-4);background:color-mix(in srgb,var(--mantine-color-orange-8) 20%,transparent)}:where([data-mantine-color-scheme=light]) .k4m024[data-missing]{color:var(--mantine-color-orange-8)}._15ijd1w0{margin-top:var(--mantine-spacing-sm);margin-bottom:var(--mantine-spacing-sm)}._15ijd1w1{display:inline-flex;transition:all .13s cubic-bezier(.5,0,.2,1);border:1px dashed var(--mantine-color-default-border);border-radius:var(--mantine-radius-sm);padding:var(--mantine-spacing-xs) var(--mantine-spacing-md);align-items:center;cursor:pointer;color:var(--mantine-color-gray-7)}._15ijd1w1:hover{transition-timing-function:cubic-bezier(0,0,.4,1);border-style:solid;color:var(--mantine-color-default-color);background:var(--mantine-color-default-hover)}:where([data-mantine-color-scheme=dark]) ._15ijd1w1{color:var(--mantine-color-dark-1)}._15ijd1w1>*{transition:all .13s cubic-bezier(.5,0,.2,1)}._15ijd1w1:hover>*{transition-timing-function:cubic-bezier(0,0,.4,1);transform:translate(1px)}._1njqisf4{--_1njqisf3: 8px;--_1njqisf2: 34 34 34;--_1njqisf1: 0%;--_1njqisf0: 0px;box-sizing:border-box;margin:0;position:fixed;top:5rem;right:4rem;bottom:4rem;left:4rem;width:auto;height:auto;max-width:100vw;max-height:100vh;background:color-mix(in srgb,var(--mantine-color-default-border),transparent 50%);box-shadow:var(--mantine-shadow-xl);border:0 solid transparent;outline:none;border-radius:var(--_1njqisf3);padding:6px}._1njqisf4::backdrop{cursor:zoom-out;-webkit-backdrop-filter:blur(var(--_1njqisf0));backdrop-filter:blur(var(--_1njqisf0));background-color:rgb(var(--_1njqisf2) / var(--_1njqisf1))}:where([data-mantine-color-scheme=light]) ._1njqisf4{--_1njqisf0: 15 15 15}._1njqisf5{position:relative;container-name:overlay-dialog;container-type:size;border:0 solid transparent;border-radius:calc(var(--_1njqisf3) - 2px);background-color:var(--mantine-color-body);overflow:hidden;width:100%;height:100%}@media (max-width: 62em){._1njqisf4{border-radius:var(--mantine-radius-sm);top:2rem;right:2rem;bottom:2rem;left:2rem;width:calc(100vw - 4rem);height:calc(100vh - 4rem)}}@media (max-width: 48em){._1njqisf4{border:none;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh}}._1cwkcdb0{display:inline-flex;align-items:center;padding:6px 2px 0}._1cwkcdb0 .mantine-Text-root{font-size:var(--mantine-font-size-xs);font-weight:500;line-height:1}._1cwkcdb1{padding-left:4px;grid-column:1}._1cwkcdb2{grid-column:2}._1cwkcdb3{grid-column:3;padding-right:4px}._1cwkcdb4{display:grid;grid-column-start:1;grid-column-end:4;border-bottom:1px solid var(--mantine-color-default-border);margin-bottom:0;padding:0 4px 5px;width:100%}._1cwkcdb4 .mantine-Text-root{font-size:var(--mantine-font-size-sm);font-weight:400;color:var(--mantine-color-dimmed)}._1cwkcdb5{display:contents}._1cwkcdb5:last-child ._1cwkcdb4{border-bottom:none;margin-bottom:0}._1cwkcdb5>*{transition:all .15s ease-in}._1cwkcdb5:is(:hover,[data-selected=true])>*{transition:all .15s ease-out;cursor:pointer;background-color:var(--mantine-color-default-hover)}._1cwkcdb6{display:grid;grid-template-columns:1fr 30px 1fr;grid-auto-rows:min-content max-content;gap:0;align-items:stretch}._1cwkcdb7{display:grid;grid-template-columns:min-content 1fr;grid-auto-rows:min-content max-content;gap:10px 12px;align-items:baseline;justify-items:start}._1cwkcdb8{max-height:70vh;max-height:calc(100cqh - 70px)}.xmhqho2{--xmhqho0: 20%;--xmhqho1: var(--mantine-color-default);height:30px;padding-left:var(--mantine-spacing-sm);padding-right:4px;border-radius:0;color:var(--search-color, var(--mantine-color-placeholder));border:1px solid;cursor:pointer;background-color:var(--xmhqho1);width:100%}.xmhqho2:hover{--xmhqho0: 10%;--xmhqho1: var(--mantine-color-default-hover);border-color:var(--mantine-color-default-border);box-shadow:var(--mantine-shadow-sm)}:where([data-mantine-color-scheme=light]) .xmhqho2{--xmhqho1: var(--mantine-color-white);border-color:var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .xmhqho2{--xmhqho1: var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4)}:where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) .xmhqho2{transition:all .13s cubic-bezier(.5,0,.2,1);border-radius:var(--search-border-radius, var(--mantine-radius-sm));background-color:color-mix(in srgb,var(--xmhqho1),transparent var(--xmhqho0));box-shadow:var(--mantine-shadow-xs);-webkit-backdrop-filter:var(--likec4-safari-animation-hook, blur(8px));backdrop-filter:var(--likec4-safari-animation-hook, blur(8px))}.xmhqho2 .tabler-icon{color:var(--mantine-color-text)}.xmhqho3{font-size:var(--mantine-font-size-sm);font-weight:500;padding-right:50px;flex:1}.xmhqho4{font-size:11px;font-weight:600;line-height:1;padding:4px 7px;border-radius:var(--mantine-radius-sm);border:1px solid}:where([data-mantine-color-scheme=light]) .xmhqho4{color:var(--mantine-color-gray-7);border-color:var(--mantine-color-gray-2);background-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=light]) :where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) .xmhqho4{background-color:color-mix(in srgb,var(--mantine-color-gray-2),transparent 20%)}:where([data-mantine-color-scheme=dark]) .xmhqho4{color:var(--mantine-color-dark-0);border-color:var(--mantine-color-dark-7);background-color:var(--mantine-color-dark-8)}._1cfw8gr3{--_1cfw8gr0: var(--mantine-color-dark-1);--_1cfw8gr2: var(--mantine-color-dimmed);--_1cfw8gr1: var(--mantine-color-dimmed);display:flex;width:100%;background:var(--mantine-color-body);border-radius:var(--mantine-radius-sm);padding:12px 8px 12px 14px;min-height:60px;gap:10px;border:1px solid var(--mantine-color-default-border)}._1cfw8gr3:hover{--_1cfw8gr2: var(--mantine-primary-color-2);--_1cfw8gr0: var(--mantine-primary-color-0);--_1cfw8gr1: var(--mantine-primary-color-1);outline:none;background-color:color-mix(in srgb,var(--mantine-primary-color-8),transparent 40%);border-color:var(--mantine-primary-color-9)}._1cfw8gr3:focus{--_1cfw8gr2: var(--mantine-primary-color-2);--_1cfw8gr0: var(--mantine-primary-color-0);--_1cfw8gr1: var(--mantine-primary-color-1);outline:none;background-color:var(--mantine-primary-color-8);border-color:var(--mantine-primary-color-9)}:where([data-mantine-color-scheme=dark]) ._1cfw8gr3{border-color:transparent;background-color:color-mix(in srgb,var(--mantine-color-dark-6),transparent 20%)}:where([data-mantine-color-scheme=light]) ._1cfw8gr3{--_1cfw8gr2: var(--mantine-color-gray-6);--_1cfw8gr0: var(--mantine-color-gray-7);background-color:color-mix(in srgb,var(--mantine-color-white),transparent 10%)}:where([data-mantine-color-scheme=light]) ._1cfw8gr3:hover{--_1cfw8gr2: var(--mantine-primary-color-3);--_1cfw8gr0: var(--mantine-primary-color-0);--_1cfw8gr1: var(--mantine-primary-color-1);border-color:var(--mantine-primary-color-6);background-color:var(--mantine-primary-color-5)}._1cfw8gr5{color:var(--_1cfw8gr0, var(--mantine-color-gray-7));font-size:16px;font-weight:500;line-height:1.1}:where([data-disabled]) ._1cfw8gr5{opacity:.4}._1cfw8gr6{margin-top:4px;color:var(--_1cfw8gr1, var(--mantine-color-dimmed));font-size:12px;line-height:1.4}:where([data-disabled]) ._1cfw8gr6{opacity:.85}._1cfw8gr7{width:100%;height:100%;border:2px dashed var(--mantine-color-default-border);border-radius:var(--mantine-radius-md);display:flex;justify-content:center;align-items:center;font-size:var(--mantine-font-size-md);color:var(--mantine-color-dimmed);padding:var(--mantine-spacing-md);padding-block:var(--mantine-spacing-xl)}.basone1{outline:none;margin-bottom:8px}.basone2{overflow:hidden;container-name:basone0;container-type:inline-size;height:100%}.basone3{display:flex;align-items:baseline;outline:none!important;gap:4px}.basone4{margin-top:8px}.basone5{color:var(--mantine-color-dimmed)}.basone6{--likec4-icon-size: 24px;flex-grow:1}.basone1:focus>.basone3 .basone6{--_1cfw8gr2: var(--mantine-primary-color-2);--_1cfw8gr0: var(--mantine-primary-color-0);--_1cfw8gr1: var(--mantine-primary-color-1);outline:none;background-color:var(--mantine-primary-color-8);border-color:var(--mantine-primary-color-9)}.basone9{color:var(--_1cfw8gr1, var(--mantine-color-dimmed));font-size:10px;line-height:1.3;display:block;font-weight:500;white-space:nowrap;padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--mantine-color-dark-9),transparent 70%)}:where([data-mantine-color-scheme=light]) .basone9{background-color:color-mix(in srgb,var(--mantine-color-gray-3),transparent 80%)}.basoneb{flex:0 0 var(--likec4-icon-size);height:var(--likec4-icon-size);width:var(--likec4-icon-size);display:flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:4px}.basoneb svg,.basoneb img{width:100%;height:auto;max-height:100%;pointer-events:none}.basoneb img{object-fit:contain}.basoneb.likec4-shape-icon svg{color:var(--_1cfw8gr2);width:90%;stroke-width:1.5}.basonec{flex:0;color:var(--_1cfw8gr1, var(--mantine-color-dimmed));font-size:10px;font-weight:500;white-space:nowrap;line-height:1.1}@container basone0 (width < 450px){.basone6{--likec4-icon-size: 18px}.basone7{flex-direction:column-reverse;align-items:flex-start;gap:2px}.basonec{display:none}}.ia79t50{flex-wrap:nowrap;display:flex}.ia79t50 .mantine-ThemeIcon-root{--ti-size: 24px;color:var(--_1cfw8gr2, var(--mantine-color-dark-2))}.ia79t50[data-disabled] .mantine-ThemeIcon-root{opacity:.45}.ia79t53{margin-top:4px;color:var(--_1cfw8gr1, var(--mantine-color-dimmed));font-size:13px;line-height:1.4}:where(.ia79t50[data-disabled]) .ia79t53{opacity:.85}.eien2d0{position:fixed;z-index:900;top:0;right:0;bottom:0;left:0;background-color:#222222f2;-webkit-backdrop-filter:var(--likec4-safari-animation-hook, blur(6px));backdrop-filter:var(--likec4-safari-animation-hook, blur(6px))}:where([data-mantine-color-scheme=light]) .eien2d0{background-color:#ffffffeb}.eien2d1{container-name:likec4-search;container-type:size;position:fixed;z-index:901;top:0;left:0;width:100%;height:100%;max-height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:stretch;gap:var(--mantine-spacing-md);padding-top:calc(2rem * var(--mantine-scale));padding-left:calc(1rem * var(--mantine-scale));padding-right:calc(1rem * var(--mantine-scale));padding-bottom:0}.eien2d2{border-color:transparent;-webkit-backdrop-filter:var(--likec4-safari-animation-hook, blur(6px));backdrop-filter:var(--likec4-safari-animation-hook, blur(6px));background-color:transparent}.eien2d2:focus-within{background-color:color-mix(in srgb,var(--mantine-color-gray-3),transparent 45%)}:where([data-mantine-color-scheme=dark]) .eien2d2:focus-within{background-color:color-mix(in srgb,var(--mantine-color-dark-4),transparent 45%)}.eien2d3{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#22222280;z-index:902;-webkit-backdrop-filter:var(--likec4-safari-animation-hook, blur(6px));backdrop-filter:var(--likec4-safari-animation-hook, blur(6px))}:where([data-mantine-color-scheme=light]) .eien2d3{background-color:#fff9}.eien2d4{position:absolute;top:2rem;left:50%;width:100%;max-width:600px;min-width:200px;transform:translate(-50%);z-index:903}.eien2d5{margin-top:calc(.5rem * var(--mantine-scale))}.eien2d5+.eien2d5{margin-top:calc(2rem * var(--mantine-scale))}:where([data-mantine-color-scheme=dark]) .eien2d4 ._1cfw8gr3{border-color:var(--mantine-color-dark-5);background-color:var(--mantine-color-dark-6)}:where([data-mantine-color-scheme=dark]) .eien2d4 ._1cfw8gr3:hover{--_1cfw8gr2: var(--mantine-primary-color-2);--_1cfw8gr0: var(--mantine-primary-color-0);--_1cfw8gr1: var(--mantine-primary-color-1);outline:none;background-color:color-mix(in srgb,var(--mantine-primary-color-8),transparent 40%);border-color:var(--mantine-primary-color-9)}:where([data-mantine-color-scheme=dark]) .eien2d4 ._1cfw8gr3:focus{--_1cfw8gr2: var(--mantine-primary-color-2);--_1cfw8gr0: var(--mantine-primary-color-0);--_1cfw8gr1: var(--mantine-primary-color-1);outline:none;background-color:var(--mantine-primary-color-8);border-color:var(--mantine-primary-color-9)}.eien2d6{height:100%;height:100cqh}.eien2d6 .mantine-ScrollArea-viewport{min-height:100%}.eien2d6 .mantine-ScrollArea-viewport>div{min-height:100%;height:100%}.o1xx0f0{gap:calc(var(--mantine-spacing-xs) / 1.5)}.o1xx0f0:empty{display:none}.o1xx0f1{top:var(--likec4-navigation-webview-top, 1rem);left:var(--likec4-navigation-webview-left, 1rem);margin:0;pointer-events:none}.o1xx0f1 :where(button,.action-icon,[role=dialog]){pointer-events:all}:where(.likec4-diagram-root:is([data-likec4-reduced-graphics=true])) .o1xx0f1 .action-icon{--ai-radius: 0px}.likec4-top-left-panel .action-icon{--ai-size: 2rem}.likec4-top-left-panel .action-icon .tabler-icon{width:65%;height:65%}:where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) .o1xx0f2{box-shadow:var(--mantine-shadow-md)}.o1xx0f3 .tabler-icon{width:65%;height:65%}.o1xx0f4{flex:1 1 40%;text-align:center;font-weight:500;padding:4px 6px;font-size:calc(.6875rem * var(--mantine-scale));z-index:1}.o1xx0f5{background:var(--mantine-color-gray-2);border-radius:var(--mantine-radius-sm);border:1px solid var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .o1xx0f5{background:var(--mantine-color-dark-5);border-color:var(--mantine-color-dark-4)}.o1xx0f6{position:relative;border-radius:var(--mantine-radius-sm);background:var(--mantine-color-gray-3);box-shadow:inset 1px 1px 3px #00000024}:where([data-mantine-color-scheme=dark]) .o1xx0f6{background:var(--mantine-color-dark-7)}.o1xx0f7{position:absolute;width:8px;height:8px;border:2px solid var(--mantine-color-gray-5);border-radius:3px;transform:translate(-50%,-50%)}._1wkb4qe0{cursor:default;min-width:200px;max-width:calc(100vw - 16px);width:auto;background-color:var(--mantine-color-body);border-radius:0}:where([data-mantine-color-scheme=dark]) ._1wkb4qe0{background-color:var(--mantine-color-dark-6)}:where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) ._1wkb4qe0{border-radius:var(--mantine-radius-sm);background-color:color-mix(in srgb,var(--mantine-color-body),transparent 20%);-webkit-backdrop-filter:var(--likec4-safari-animation-hook, blur(8px));backdrop-filter:var(--likec4-safari-animation-hook, blur(8px))}:where([data-mantine-color-scheme=dark]) :where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) ._1wkb4qe0{background-color:color-mix(in srgb,var(--mantine-color-dark-6),transparent 20%)}._1wkb4qe2{white-space-collapse:preserve-breaks;color:var(--mantine-color-gray-7)}:where([data-mantine-color-scheme=dark]) ._1wkb4qe2{color:var(--mantine-color-gray-5)}@media (min-width: 48em){._1wkb4qe0{min-width:250px;max-width:90vw}}@media (min-width: 62em){._1wkb4qe0{min-width:350px;max-width:70vw}}.r9c4gg0{bottom:0;right:0;padding:8px;margin:0}.r9c4gg1{--ai-radius: 0px}:where(.likec4-diagram-root:not([data-likec4-reduced-graphics])) .r9c4gg1{--ai-radius: var(--mantine-radius-md)}.r9c4gg2{cursor:default;-webkit-user-select:none;user-select:none;min-width:200px;max-width:calc(100vw - 20px);background-color:color-mix(in srgb,var(--mantine-color-body),transparent 20%);-webkit-backdrop-filter:var(--likec4-safari-animation-hook, blur(8px));backdrop-filter:var(--likec4-safari-animation-hook, blur(8px))}:where([data-mantine-color-scheme=dark]) .r9c4gg2{background-color:color-mix(in srgb,var(--mantine-color-dark-6),transparent 20%)}.r9c4gg3{padding:calc(var(--mantine-spacing-xs) / 2)}.r9c4gg4{background-color:transparent;transition:all .1s ease-in}.r9c4gg4:hover{transition:all .12s ease-out;background-color:color-mix(in srgb,var(--mantine-primary-color-2),transparent 50%)}:where([data-mantine-color-scheme=dark]) .r9c4gg4:hover{background-color:color-mix(in srgb,var(--mantine-color-dark-3),transparent 60%)}.r9c4gg5{fill:var(--likec4-element-fill);stroke:var(--likec4-element-stroke);stroke-width:1;overflow:visible;width:100%;height:auto;filter:drop-shadow(0 2px 3px rgb(0 0 0 / 22%)) drop-shadow(0 1px 8px rgb(0 0 0 / 10%))}.r9c4gg6{--badge-radius: 2px;--badge-fz: 9.5px;--badge-padding-x: 3px;--badge-height: 13.5px;--badge-lh: 1;font-weight:500;letter-spacing:.2px;padding-top:0;padding-bottom:0;text-transform:lowercase;transition:all .15s ease-in-out;cursor:pointer}@media (min-width: 48em){.r9c4gg2{min-width:300px;max-width:65vw}}@media (min-width: 62em){.r9c4gg2{max-width:40vw}}.totqfb0{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem;align-items:center}.totqfb1{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all 175ms ease-in}.totqfb1:hover{transition-timing-function:ease-out;transform:scale(1.1)}.totqfb1:active{transition-duration:.1s;transform:scale(.98) translateY(3px)}.totqfb3{--totqfb2: 35%;--button-bg: color-mix(in srgb, var(--mantine-primary-color-filled), transparent var(--totqfb2));--button-hover: color-mix(in srgb, var(--mantine-primary-color-filled-hover), transparent var(--totqfb2));transition:all 175ms ease-in;background-color:var(--button-bg)}[data-mantine-color-scheme=light] .totqfb3{--totqfb2: 15%}:where(.totqfb1,.totqfb3) .tabler-icon{width:.85em;height:.85em}.totqfb4{position:absolute;margin:0;padding:0;top:0;left:0;width:100%;height:100%;border:2px solid var(--mantine-color-orange-6);pointer-events:none}@media (min-width: 62em){.totqfb0{gap:.6rem}.totqfb4{border-width:4px}}