@likec4/diagram 1.46.4 → 1.48.0

package/panda.buildinfo.json

@@ -1,5 +1,5 @@
 {
-  "schemaVersion": "1.7.1",
+  "schemaVersion": "1.8.1",
   "styles": {
     "atomic": [
       "background]___[value:dots",
@@ -12,6 +12,20 @@
       "right]___[value:4",
       "zIndex]___[value:999",
       "color]___[value:gray",
+      "maxWidth]___[value:250px",
+      "display]___[value:flex",
+      "justifyContent]___[value:center",
+      "pointerEvents]___[value:none",
+      "alignItems]___[value:center",
+      "inset]___[value:0",
+      "top]___[value:3",
+      "width]___[value:100%",
+      "pointerEvents]___[value:all",
+      "alignItems]___[value:stretch",
+      "gap]___[value:sm",
+      "flexDirection]___[value:column",
+      "height]___[value:100%",
+      "flex]___[value:1",
       "gap]___[value:20",
       "margin]___[value:0",
       "padding]___[value:0",
@@ -30,20 +44,14 @@
       "cursor]___[value:zoom-out]___[cond:_backdrop",
       "backdropFilter]___[value:blur(18px)]___[cond:_backdrop",
       "background]___[value:[color-mix(in oklab, {colors.likec4.overlay.backdrop} 60%, transparent)]]___[cond:_backdrop",
-      "display]___[value:flex",
       "alignItems]___[value:flex-start",
       "gap]___[value:lg",
       "flexDirection]___[value:row",
       "padding]___[value:xl",
       "flexWrap]___[value:nowrap",
-      "alignItems]___[value:center",
       "gap]___[value:md",
       "marginTop]___[value:md",
       "color]___[value:red",
-      "alignItems]___[value:stretch",
-      "gap]___[value:sm",
-      "flexDirection]___[value:column",
-      "flex]___[value:1",
       "color]___[value:teal",
       "opacity]___[value:1",
       "opacity]___[value:0.45",
@@ -81,20 +89,19 @@
       "background]___[value:mantine.colors.white]___[cond:_light",
       "background]___[value:mantine.colors.dark[6]]___[cond:_dark",
       "background]___[value:mantine.colors.defaultHover]___[cond:_hover",
-      "width]___[value:100%",
       "color]___[value:mantine.colors.text]___[cond:& .tabler-icon",
       "transition]___[value:none !important]___[cond:_whenPanning",
       "boxShadow]___[value:xs",
       "boxShadow]___[value:sm]___[cond:_hover",
       "boxShadow]___[value:none !important]___[cond:_whenPanning",
       "fontSize]___[value:sm",
-      "fontWeight]___[value:500",
+      "fontWeight]___[value:medium",
       "paddingRight]___[value:2.5",
       "color]___[value:mantine.colors.placeholder",
       "paddingRight]___[value:[30px]]___[cond:sm",
       "paddingRight]___[value:[50px]]___[cond:md",
       "fontSize]___[value:11px",
-      "fontWeight]___[value:600",
+      "fontWeight]___[value:bold",
       "lineHeight]___[value:1",
       "padding]___[value:[4px 7px]",
       "color]___[value:mantine.colors.gray[7]]___[cond:_light",
@@ -107,7 +114,6 @@
       "backgroundColor]___[value:mantine.colors.dark[8]]___[cond:_groupHover<___>_dark",
       "gap]___[value:xs",
       "stroke]___[value:2",
-      "pointerEvents]___[value:none",
       "top]___[value:0",
       "left]___[value:0",
       "gap]___[value:xxs",
@@ -123,7 +129,6 @@
       "position]___[value:bottom-start",
       "layerStyle]___[value:likec4.panel",
       "position]___[value:relative",
-      "pointerEvents]___[value:all",
       "userSelect]___[value:none",
       "maxWidth]___[value:200px",
       "display]___[value:none",
@@ -174,7 +179,6 @@
       "backgroundColor]___[value:mantine.colors.primary.lightHover!]___[cond:_focus",
       "stroke]___[value:1.5",
       "--thickness]___[value:1px",
-      "height]___[value:100%",
       "borderInlineEndWidth]___[value:var(--thickness)",
       "marginBottom]___[value:1",
       "display]___[value:flex]___[cond:@/md",
@@ -197,7 +201,6 @@
       "paddingLeft]___[value:md",
       "paddingRight]___[value:md",
       "paddingBottom]___[value:sm",
-      "background]___[value:[transparent]",
       "height]___[value:100cqh]___[cond:xs",
       "minHeight]___[value:100%]___[cond:& .mantine-ScrollArea-viewport",
       "minHeight]___[value:100%]___[cond:& .mantine-ScrollArea-viewport<___>& > div",
@@ -210,19 +213,24 @@
       "gap]___[value:8px",
       "order]___[value:6",
       "paddingRight]___[value:xs",
+      "padding]___[value:1",
+      "marginTop]___[value:0",
+      "fontSize]___[value:md",
+      "fontWeight]___[value:normal",
+      "gap]___[value:2",
+      "paddingInline]___[value:2",
+      "colorPalette]___[value:teal",
+      "border]___[value:default",
+      "cursor]___[value:default",
+      "textStyle]___[value:md",
+      "fontSize]___[value:xs",
+      "color]___[value:colorPalette.9",
       "stroke]___[value:1.8",
-      "truncate]___[value:end",
       "transitionDuration]___[value:normal",
       "transitionDelay]___[value:0.2s",
       "transitionDelay]___[value:0s]___[cond:_hover",
       "lineClamp]___[value:5",
       "fill]___[value:none",
-      "justifyContent]___[value:center",
-      "zIndex]___[value:1",
-      "display]___[value:none]___[cond:_smallZoom",
-      "gap]___[value:1.5",
-      "lineClamp]___[value:2",
-      "lineClamp]___[value:3",
       "top]___[value:0.5",
       "right]___[value:0.5",
       "right]___[value:[5px]]___[cond:_shapeBrowser",
@@ -230,36 +238,26 @@
       "top]___[value:[14px]]___[cond:_shapeStorage",
       "top]___[value:[1px]]___[cond:_shapeQueue",
       "right]___[value:3]___[cond:_shapeQueue",
-      "width]___[value:full",
-      "height]___[value:full",
-      "outline]___[value:none]___[cond:_focusVisible",
-      "pointerEvents]___[value:all]___[cond:_whenSelectable",
-      "content]___[value:\" \"]___[cond:_whenSelectable<___>_before",
-      "position]___[value:absolute]___[cond:_whenSelectable<___>_before",
-      "top]___[value:[calc(100% - 4px)]]___[cond:_whenSelectable<___>_before",
-      "left]___[value:0]___[cond:_whenSelectable<___>_before",
-      "width]___[value:full]___[cond:_whenSelectable<___>_before",
-      "height]___[value:24px]___[cond:_whenSelectable<___>_before",
-      "background]___[value:transparent]___[cond:_whenSelectable<___>_before",
-      "pointerEvents]___[value:all]___[cond:_whenSelectable<___>_before",
-      "display]___[value:none]___[cond:_reduceGraphicsOnPan<___>_before",
-      "cursor]___[value:pointer]___[cond::where(.react-flow__node.selectable:not(.dragging)) &",
+      "display]___[value:none]___[cond:_smallZoom",
+      "borderStyle]___[value:solid]___[cond:&",
+      "borderWidth]___[value:3px]___[cond:&",
+      "borderColor]___[value:var(--likec4-palette-stroke)]___[cond:&",
+      "--likec4-outline-size]___[value:6px]___[cond:&",
+      "borderRadius]___[value:10px]___[cond:& .likec4-shape-outline",
       "alignItems]___[value:flex-end",
       "justifyItems]___[value:stretch",
       "bottom]___[value:0",
-      "padding]___[value:1",
       "bottom]___[value:[5px]]___[cond:_shapeCylinder",
       "bottom]___[value:[5px]]___[cond:_shapeStorage",
       "bottom]___[value:0]___[cond:_shapeQueue",
       "paddingLeft]___[value:[14px]]___[cond:_shapeQueue",
       "layerStyle]___[value:likec4.tag",
-      "maxWidth]___[value:50",
-      "height]___[value:5",
-      "height]___[value:12]___[cond:_whenHovered",
-      "borderRadius]___[value:4]___[cond:_whenHovered",
+      "maxWidth]___[value:50px",
+      "height]___[value:5px",
+      "height]___[value:12px]___[cond:_whenHovered",
+      "borderRadius]___[value:sm]___[cond:_whenHovered",
       "transitionDelay]___[value:.08s]___[cond:_whenHovered",
       "fontSize]___[value:lg",
-      "borderRadius]___[value:[4px]",
       "paddingInline]___[value:1.5",
       "alignItems]___[value:baseline",
       "flexWrap]___[value:wrap",
@@ -268,21 +266,19 @@
       "borderBlockEndWidth]___[value:var(--thickness)",
       "pointerEvents]___[value:none]___[cond:_whenPanning",
       "width]___[value:max-content",
-      "cursor]___[value:default",
       "gap]___[value:3",
       "padding]___[value:4",
       "paddingTop]___[value:2",
       "marginTop]___[value:2",
-      "marginTop]___[value:0",
       "color]___[value:orange",
+      "textStyle]___[value:xs",
+      "marginTop]___[value:1",
       "--bleed-x]___[value:token(spacing.2, 2)",
       "--bleed-y]___[value:token(spacing.2, 2)",
       "marginInline]___[value:calc(var(--bleed-x, 0) * -1)",
       "marginBlock]___[value:calc(var(--bleed-y, 0) * -1)",
       "paddingBlock]___[value:2.5",
-      "paddingInline]___[value:2",
       "backgroundColor]___[value:mantine.colors.dark[5]/70]___[cond:_hover<___>_dark",
-      "gap]___[value:2",
       "offset]___[value:2",
       "position]___[value:top-start",
       "width]___[value:350",
@@ -301,19 +297,19 @@
       "fontSize]___[value:xxs",
       "lineHeight]___[value:sm",
       "color]___[value:mantine.colors.dimmed",
+      "textStyle]___[value:xxs",
       "whiteSpace]___[value:nowrap",
       "paddingInline]___[value:1",
       "paddingBlock]___[value:0.5",
-      "borderRadius]___[value:[2px]",
+      "borderRadius]___[value:xs",
       "background]___[value:var(--likec4-palette-fill)/90]___[cond:_light",
       "background]___[value:var(--likec4-palette-fill)/60]___[cond:_dark",
       "color]___[value:var(--likec4-palette-hiContrast)]___[cond:_light",
       "color]___[value:var(--likec4-palette-loContrast)]___[cond:_dark",
       "whiteSpaceCollapse]___[value:preserve-breaks",
-      "border]___[value:default",
+      "width]___[value:full",
+      "height]___[value:full",
       "borderWidth]___[value:4",
-      "fontSize]___[value:xs",
-      "fontWeight]___[value:medium",
       "borderBottomLeftRadius]___[value:sm",
       "borderBottomRightRadius]___[value:sm",
       "transform]___[value:translateY(-4px)",
@@ -321,7 +317,6 @@
       "color]___[value:mantine.colors.gray[9]",
       "transform]___[value:translateY(-3px)]___[cond:_active",
       "boxShadow]___[value:lg",
-      "textStyle]___[value:xs",
       "layerStyle]___[value:likec4.panel.action",
       "position]___[value:right-start",
       "stroke]___[value:1.7",
@@ -329,15 +324,10 @@
       "paddingLeft]___[value:3",
       "color]___[value:likec4.panel.text",
       "color]___[value:green",
-      "padding]___[value:0.5",
-      "width]___[value:[20px]",
-      "width]___[value:[64px]]___[cond:@/md",
-      "display]___[value:none]___[cond:@/md",
       "position]___[value:bottom-end",
       "display]___[value:flex]___[cond:@/xs",
       "backgroundColor]___[value:likec4.panel.action.bg.hover]___[cond:_hover",
       "gap]___[value:[1px]",
-      "marginTop]___[value:1",
       "opacity]___[value:0.8",
       "marginBottom]___[value:xxs",
       "margin]___[value:xs",
@@ -359,11 +349,14 @@
       "padding]___[value:1.5",
       "marginTop]___[value:4",
       "marginTop]___[value:xs",
+      "padding]___[value:0.5",
+      "width]___[value:[20px]",
+      "width]___[value:[64px]]___[cond:@/md",
+      "display]___[value:none]___[cond:@/md",
       "layerStyle]___[value:likec4.panel.action.filled",
       "paddingInline]___[value:xxs",
       "backgroundColor]___[value:none",
       "backgroundColor]___[value:likec4.panel.action.bg.hover]___[cond:_notDisabled<___>_hover",
-      "fontWeight]___[value:400",
       "boxShadow]___[value:md",
       "mainAxis]___[value:2",
       "height]___[value:auto",
@@ -395,17 +388,17 @@
       "flex]___[value:1 1 40%",
       "textAlign]___[value:center",
       "padding]___[value:[4px 6px]",
+      "zIndex]___[value:1",
       "background]___[value:mantine.colors.gray[2]",
       "borderColor]___[value:mantine.colors.gray[4]",
       "background]___[value:mantine.colors.dark[5]]___[cond:_dark",
       "background]___[value:mantine.colors.gray[3]",
       "boxShadow]___[value:inset 1px 1px 3px 0px #00000024",
       "background]___[value:mantine.colors.dark[7]]___[cond:_dark",
-      "width]___[value:8",
-      "height]___[value:8",
+      "width]___[value:8px",
+      "height]___[value:8px",
       "border]___[value:2px solid",
       "borderColor]___[value:mantine.colors.gray[5]",
-      "borderRadius]___[value:3",
       "transform]___[value:translate(-50%, -50%)",
       "borderColor]___[value:mantine.colors.orange[6]",
       "borderWidth]___[value:4]___[cond:md",
@@ -427,7 +420,6 @@
       "maxWidth]___[value:calc(100cqw - 32px)",
       "minWidth]___[value:calc(100cqw - 50px)",
       "boxSizing]___[value:border-box",
-      "inset]___[value:0",
       "width]___[value:100vw",
       "height]___[value:100vh",
       "maxWidth]___[value:100vw",
@@ -477,6 +469,7 @@
       "fontSize]___[value:15px",
       "lineHeight]___[value:1.4",
       "background]___[value:mantine.colors.gray[1]",
+      "gap]___[value:1.5",
       "padding]___[value:[6px 8px]",
       "color]___[value:mantine.colors.gray[7]",
       "transitionTimingFunction]___[value:out]___[cond:_hover",
@@ -508,7 +501,6 @@
       "borderColor]___[value:mantine.colors.dark[3]",
       "borderTop]___[value:none",
       "borderLeft]___[value:none",
-      "borderRadius]___[value:2px",
       "bottom]___[value:0.5",
       "cursor]___[value:se-resize",
       "borderWidth]___[value:4px]___[cond:_hover",
@@ -540,7 +532,6 @@
       "minWidth]___[value:60px",
       "flex]___[value:0 1 auto",
       "backgroundColor]___[value:mantine.colors.dark[9]]___[cond:_dark",
-      "color]___[value:mantine.colors.text]___[cond:_dark",
       "justifyContent]___[value:flex-end",
       "transition]___[value:all 150ms ease",
       "color]___[value:mantine.colors.primary[6]]___[cond:_hover",
@@ -548,10 +539,9 @@
       "color]___[value:mantine.colors.primary[4]]___[cond:_hover<___>_dark",
       "color]___[value:mantine.colors.gray[6]",
       "padding]___[value:[1px 4px]",
-      "borderRadius]___[value:xs",
       "color]___[value:mantine.colors.dark[2]]___[cond:_dark",
       "backgroundColor]___[value:mantine.colors.dark[6]]___[cond:_dark",
-      "fontWeight]___[value:700",
+      "fontWeight]___[value:[700]",
       "justifySelf]___[value:stretch",
       "alignSelf]___[value:start",
       "marginBottom]___[value:sm]___[cond:&[data-level='1']",
@@ -588,7 +578,7 @@
       "top]___[value:0]___[cond:_before",
       "left]___[value:2]___[cond:_before",
       "fontSize]___[value:xxs]___[cond:_before",
-      "fontWeight]___[value:500]___[cond:_before",
+      "fontWeight]___[value:medium]___[cond:_before",
       "lineHeight]___[value:1]___[cond:_before",
       "color]___[value:mantine.colors.dimmed]___[cond:_before",
       "opacity]___[value:0.85]___[cond:_before",
@@ -596,7 +586,7 @@
       "background]___[value:mantine.colors.gray[3]]___[cond:_light<___>& .mantine-SegmentedControl-root",
       "fontSize]___[value:xl",
       "padding]___[value:[1px 5px]",
-      "minWidth]___[value:24",
+      "minWidth]___[value:24px",
       "background]___[value:mantine.colors.dark[7]",
       "color]___[value:mantine.colors.defaultColor",
       "color]___[value:mantine.colors.dimmed]___[cond:&[data-zero]",
@@ -618,7 +608,7 @@
       "padding]___[value:[6px 2px 0 2px]",
       "color]___[value:mantine.colors.text/90]___[cond:& .mantine-Text-root",
       "fontSize]___[value:xs]___[cond:& .mantine-Text-root",
-      "fontWeight]___[value:500]___[cond:& .mantine-Text-root",
+      "fontWeight]___[value:medium]___[cond:& .mantine-Text-root",
       "lineHeight]___[value:1.2]___[cond:& .mantine-Text-root",
       "paddingLeft]___[value:1",
       "gridColumn]___[value:1",
@@ -630,7 +620,7 @@
       "borderBottomColor]___[value:mantine.colors.defaultBorder",
       "padding]___[value:[0 4px 5px 4px]",
       "fontSize]___[value:xxs]___[cond:& .mantine-Text-root",
-      "fontWeight]___[value:400]___[cond:& .mantine-Text-root",
+      "fontWeight]___[value:normal]___[cond:& .mantine-Text-root",
       "lineHeight]___[value:xs]___[cond:& .mantine-Text-root",
       "color]___[value:mantine.colors.dimmed]___[cond:& .mantine-Text-root",
       "borderBottom]___[value:none]___[cond:&:last-child .likec4-edge-label",
@@ -651,8 +641,11 @@
       "color]___[value:mantine.colors.white]___[cond:_hover<___>_dark",
       "paddingBlock]___[value:3",
       "offset]___[value:4",
+      "truncate]___[value:end",
       "stroke]___[value:3.5",
       "flex]___[value:1 0 auto",
+      "border]___[value:3px dashed",
+      "borderRadius]___[value:md",
       "marginBottom]___[value:2",
       "containerName]___[value:likec4-tree",
       "containerType]___[value:inline-size",
@@ -662,7 +655,6 @@
       "gap]___[value:0.5]___[cond:@container likec4-tree (max-width: 450px)",
       "fontSize]___[value:10px",
       "lineHeight]___[value:1.3",
-      "borderRadius]___[value:4px",
       "background]___[value:mantine.colors.dark[9]/30",
       "background]___[value:mantine.colors.gray[3]/20]___[cond:_light",
       "--likec4-icon-size]___[value:24px",
@@ -730,8 +722,6 @@
       "fontSize]___[value:12px",
       "opacity]___[value:0.85]___[cond::where([data-disabled]) &",
       "border]___[value:2px dashed",
-      "borderRadius]___[value:md",
-      "fontSize]___[value:md",
       "paddingBlock]___[value:xl",
       "background]___[value:mantine.colors.gray[4]/55 !important]___[cond:_focusWithin",
       "background]___[value:mantine.colors.dark[5]/55 !important]___[cond:_focusWithin<___>_dark",
@@ -787,7 +777,6 @@
       "backgroundColor]___[value:var(--likec4-palette-fill)/15",
       "paddingLeft]___[value:2",
       "paddingTop]___[value:0.5",
-      "fontWeight]___[value:bold",
       "letterSpacing]___[value:.75px",
       "color]___[value:[var(--_color)/75]",
       "backgroundColor]___[value:var(--likec4-palette-fill)",
@@ -842,17 +831,15 @@
       "borderWidth]___[value:3px",
       "borderStyle]___[value:dashed",
       "strokeWidth]___[value:5",
-      "border]___[value:3px dashed",
-      "position]___[value:right-end",
-      "paddingInline]___[value:3",
+      "paddingInline]___[value:6",
       "height]___[value:xs",
       "justifyContent]___[value:flex-start",
+      "maxWidth]___[value:120px",
+      "maxWidth]___[value:110px",
       "position]___[value:left-start",
       "paddingInline]___[value:5",
       "paddingBottom]___[value:8",
       "paddingTop]___[value:4",
-      "gap]___[value:6px",
-      "paddingInline]___[value:4px",
       "maxWidth]___[value:220px"
     ],
     "recipes": {
@@ -876,6 +863,12 @@
         "fullscreen]___[value:true]___[recipe:overlay",
         "withBackdrop]___[value:false]___[recipe:overlay"
       ],
+      "navigationPanel": [
+        "size]___[value:md]___[recipe:navigationPanel",
+        "panelPosition]___[value:left]___[recipe:navigationPanel",
+        "size]___[value:lg]___[recipe:navigationPanel",
+        "panelPosition]___[value:right]___[recipe:navigationPanel"
+      ],
       "markdownBlock": [
         "uselikec4palette]___[value:false]___[recipe:markdownBlock",
         "value]___[value:markdown]___[recipe:markdownBlock",
@@ -899,6 +892,20 @@
         "*]___[value:default]___[recipe:navigationPanelActionIcon",
         "*]___[value:filled]___[recipe:navigationPanelActionIcon"
       ],
+      "elementNodeData": [
+        "iconPosition]___[value:left]___[recipe:elementNodeData",
+        "withIconColor]___[value:false]___[recipe:elementNodeData",
+        "withIconColor]___[value:true]___[recipe:elementNodeData",
+        "*]___[value:true]___[recipe:elementNodeData",
+        "*]___[value:false]___[recipe:elementNodeData",
+        "*]___[value:left]___[recipe:elementNodeData",
+        "iconPosition]___[value:right]___[recipe:elementNodeData",
+        "*]___[value:right]___[recipe:elementNodeData",
+        "iconPosition]___[value:top]___[recipe:elementNodeData",
+        "*]___[value:top]___[recipe:elementNodeData",
+        "iconPosition]___[value:bottom]___[recipe:elementNodeData",
+        "*]___[value:bottom]___[recipe:elementNodeData"
+      ],
       "actionBtn": [
         "size]___[value:md]___[recipe:actionBtn",
         "radius]___[value:md]___[recipe:actionBtn",
@@ -912,25 +919,27 @@
         "*]___[value:filled]___[recipe:actionBtn"
       ],
       "compoundNode": [
-        "isTransparent]___[value:99]___[recipe:compoundNode",
-        "inverseColor]___[value:60]___[recipe:compoundNode",
-        "borderStyle]___[value:dashed]___[recipe:compoundNode",
+        "isTransparent]___[value:98]___[recipe:compoundNode",
+        "inverseColor]___[value:false]___[recipe:compoundNode",
         "borderStyle]___[value:none]___[recipe:compoundNode",
         "isTransparent]___[value:false]___[recipe:compoundNode",
+        "inverseColor]___[value:70]___[recipe:compoundNode",
+        "borderStyle]___[value:dashed]___[recipe:compoundNode",
         "isTransparent]___[value:true]___[recipe:compoundNode",
         "inverseColor]___[value:true]___[recipe:compoundNode",
-        "inverseColor]___[value:false]___[recipe:compoundNode",
         "borderStyle]___[value:solid]___[recipe:compoundNode",
         "borderStyle]___[value:dotted]___[recipe:compoundNode"
       ],
       "edgeActionBtn": [],
       "edgePath": [],
-      "elementNodeData": [],
+      "actionButtons": [],
+      "elementNode": [],
       "elementShapeRecipe": [
+        "withBorder]___[value:none]___[recipe:elementShapeRecipe",
+        "withBorder]___[value:false]___[recipe:elementShapeRecipe",
         "shapetype]___[value:html]___[recipe:elementShapeRecipe",
         "shapetype]___[value:svg]___[recipe:elementShapeRecipe",
-        "*]___[value:html]___[recipe:elementShapeRecipe",
-        "*]___[value:svg]___[recipe:elementShapeRecipe"
+        "withBorder]___[value:true]___[recipe:elementShapeRecipe"
       ],
       "likec4tag": [
         "autoTextColor]___[value:false]___[recipe:likec4tag",

package/styles-font.css

@@ -1 +1 @@
-@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-500-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-500-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-600-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-600-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-400-normal.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-500-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-500-normal.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-600-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-600-normal.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-400-normal.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-500-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-500-normal.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-600-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-600-normal.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-400-normal.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-500-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-500-normal.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-600-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-600-normal.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
+@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/cyrillic-wght-normal.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/cyrillic-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/greek-wght-normal.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/vietnamese-wght-normal.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}