@miragon/wardley-renderer 0.15.0 → 0.16.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.
- package/README.md +22 -6
- package/dist/WardleyBaseViewer.d.ts +19 -0
- package/dist/WardleyBaseViewer.d.ts.map +1 -1
- package/dist/collaborative/CollaborativeWardley.d.ts +8 -1
- package/dist/collaborative/CollaborativeWardley.d.ts.map +1 -1
- package/dist/context-pad/WardleyContextPadProvider.d.ts +10 -1
- package/dist/context-pad/WardleyContextPadProvider.d.ts.map +1 -1
- package/dist/draw/WardleyRenderer.d.ts +9 -1
- package/dist/draw/WardleyRenderer.d.ts.map +1 -1
- package/dist/draw/lucide.d.ts +2 -1
- package/dist/draw/lucide.d.ts.map +1 -1
- package/dist/draw/styles.d.ts +7 -0
- package/dist/draw/styles.d.ts.map +1 -1
- package/dist/index.js +1031 -957
- package/dist/index.js.map +1 -1
- package/dist/io/saveSvg.d.ts.map +1 -1
- package/dist/link-editing/WardleyLinkOpener.d.ts +24 -0
- package/dist/link-editing/WardleyLinkOpener.d.ts.map +1 -0
- package/dist/link-editing/index.d.ts +4 -2
- package/dist/link-editing/index.d.ts.map +1 -1
- package/dist/link-editing/link-url.d.ts +14 -0
- package/dist/link-editing/link-url.d.ts.map +1 -1
- package/dist/wardley.css +1 -1
- package/package.json +2 -2
package/dist/io/saveSvg.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"saveSvg.d.ts","sourceRoot":"","sources":["../../src/io/saveSvg.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AAGrD,MAAM,WAAW,SAAS;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"saveSvg.d.ts","sourceRoot":"","sources":["../../src/io/saveSvg.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AAGrD,MAAM,WAAW,SAAS;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,CA4C3E"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { WardleyShape } from '../model/di-types.js';
|
|
2
|
+
import { WardleyLinksConfig } from './link-url.js';
|
|
3
|
+
/**
|
|
4
|
+
* Which links of the map this editor can open, and how. The context pad offers "Open link" and the
|
|
5
|
+
* canvas marks the element for exactly these links, so the mark never promises what the pad can't
|
|
6
|
+
* do. Shared maps can carry any address, so only allowlisted ones ever open.
|
|
7
|
+
*/
|
|
8
|
+
export default class WardleyLinkOpener {
|
|
9
|
+
private readonly config;
|
|
10
|
+
static $inject: string[];
|
|
11
|
+
constructor(config: WardleyLinksConfig | undefined);
|
|
12
|
+
/**
|
|
13
|
+
* The element's address when this editor can open it: an allowlisted address with a scheme, or a
|
|
14
|
+
* relative one when the host follows relative links, since the browser would resolve it against
|
|
15
|
+
* the page instead of the map's file.
|
|
16
|
+
*/
|
|
17
|
+
openableLink(shape: WardleyShape): string | undefined;
|
|
18
|
+
/**
|
|
19
|
+
* Opens an address `openableLink` returned: a relative one through the host, any other in a new
|
|
20
|
+
* tab unless the host opens it itself.
|
|
21
|
+
*/
|
|
22
|
+
open(address: string): void;
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=WardleyLinkOpener.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WardleyLinkOpener.d.ts","sourceRoot":"","sources":["../../src/link-editing/WardleyLinkOpener.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAA+B,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAErF;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAiB;IAGxB,OAAO,CAAC,QAAQ,CAAC,MAAM;IAFnC,MAAM,CAAC,OAAO,WAA2B;gBAEZ,MAAM,EAAE,kBAAkB,GAAG,SAAS;IAEnE;;;;OAIG;IACH,YAAY,CAAC,KAAK,EAAE,YAAY,GAAG,MAAM,GAAG,SAAS;IAOrD;;;OAGG;IACH,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;CAS5B"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { ModuleDeclaration } from 'didi';
|
|
2
|
-
/** Inline link (url) editing for components and submaps. */
|
|
2
|
+
/** Inline link (url) editing for components and submaps, and which links the editor opens. */
|
|
3
3
|
export declare const linkEditingModule: ModuleDeclaration;
|
|
4
4
|
export { default as WardleyLinkEditing, canHaveLink, linkOf } from './WardleyLinkEditing.js';
|
|
5
|
-
export {
|
|
5
|
+
export { default as WardleyLinkOpener } from './WardleyLinkOpener.js';
|
|
6
|
+
export { sanitizeLinkUrl, isAllowedLinkUrl, isRelativeLink, safeLinkUrl } from './link-url.js';
|
|
7
|
+
export type { WardleyLinksConfig } from './link-url.js';
|
|
6
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/link-editing/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/link-editing/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAI9C,8FAA8F;AAC9F,eAAO,MAAM,iBAAiB,EAAE,iBAI/B,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC/F,YAAY,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Diagram config `wardleyLinks`: the host's link handlers (viewer options `openRelativeLink`,
|
|
3
|
+
* `openExternalLink` and `chooseLinkTarget`).
|
|
4
|
+
*/
|
|
5
|
+
export interface WardleyLinksConfig {
|
|
6
|
+
openRelative?: ((address: string) => void) | undefined;
|
|
7
|
+
openExternal?: ((address: string) => void) | undefined;
|
|
8
|
+
chooseTarget?: (() => Promise<string | undefined>) | undefined;
|
|
9
|
+
}
|
|
1
10
|
/**
|
|
2
11
|
* Normalises user or file input into an address the OWM DSL can carry losslessly:
|
|
3
12
|
* `url Name [address]` ends at `]`, and a line break would end the definition line.
|
|
@@ -9,6 +18,11 @@ export declare function sanitizeLinkUrl(raw: string): string;
|
|
|
9
18
|
* `window.open`.
|
|
10
19
|
*/
|
|
11
20
|
export declare function isAllowedLinkUrl(url: string): boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Whether the address has no scheme, so it names a place relative to the map's file. Only the host
|
|
23
|
+
* knows that file; the browser would resolve the address against the page.
|
|
24
|
+
*/
|
|
25
|
+
export declare function isRelativeLink(url: string): boolean;
|
|
12
26
|
/** Sanitised address if it is non-empty and allowed, otherwise `undefined`. */
|
|
13
27
|
export declare function safeLinkUrl(raw: string | undefined): string | undefined;
|
|
14
28
|
//# sourceMappingURL=link-url.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link-url.d.ts","sourceRoot":"","sources":["../../src/link-editing/link-url.ts"],"names":[],"mappings":"AAUA;;;GAGG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAGrD;AAED,+EAA+E;AAC/E,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAIvE"}
|
|
1
|
+
{"version":3,"file":"link-url.d.ts","sourceRoot":"","sources":["../../src/link-editing/link-url.ts"],"names":[],"mappings":"AAUA;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,MAAM,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC;CAChE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAGrD;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAEnD;AAED,+EAA+E;AAC/E,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAIvE"}
|
package/dist/wardley.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer wardley-tokens{:root{--cd-blau:#335de5;--cd-gruen:#00e676;--cd-grau:#f9f7f7;--cd-schwarz:#1d1d1d;--cd-weiss:#fff;--cd-blau-link:#2b50d4;--cd-blau-hell:#6b8aff;--cd-success:#00e676;--cd-success-soft:#dafbeb;--cd-success-hell:#00e676;--cd-warning:#ffb000;--cd-warning-soft:#fff1d2;--cd-warning-hell:#ffb000;--cd-danger:#cd1839;--cd-danger-soft:#fbeef0;--cd-danger-hell:#fb6d73;--cd-info:#335de5;--cd-info-soft:#eef1fd;--cd-info-hell:#6b8aff;--cd-linie:#e6e2e2;--cd-kontur:#8f8a8a;--cd-text-leise:#6b6666;--cd-gradient-brand:linear-gradient(120deg, #335de5 30%, #00e676);--cd-gradient-format:linear-gradient(135deg, #335de5 0%, #00e676 140%);--cd-space-1:4px;--cd-space-2:8px;--cd-space-3:16px;--cd-space-4:24px;--cd-space-5:32px;--cd-space-6:48px;--cd-space-7:64px;--cd-space-8:96px;--cd-radius-sm:6px;--cd-radius-md:12px;--cd-radius-lg:16px;--cd-radius-pill:999px;--cd-shadow-1:0 1px 2px #1d1d1d0f, 0 1px 3px #1d1d1d1a;--cd-shadow-2:0 4px 12px #1d1d1d1a;--cd-shadow-3:0 12px 32px #1d1d1d29;--cd-motion-fast:.15s;--cd-motion-base:.25s;--cd-motion-slow:.4s;--cd-ease:cubic-bezier(.4, 0, .2, 1);--cd-ease-out:cubic-bezier(0, 0, .2, 1);--cd-shell-rand:12px;--cd-shell-luecke:8px;--cd-shell-zeile:40px;--cd-shell-ziel:32px;--cd-shell-eintrag:36px;--cd-shell-frei:64px;--cd-shell-menue-breite:248px;--cd-shell-inspector-breite:288px;--cd-shell-einpassen-oben:88px;--cd-shell-einpassen-oben-schmal:140px;--cd-shell-einpassen-seite:24px;--cd-shell-einpassen-unten:64px;--cd-shell-einpassen-unten-web:92px;--cd-shell-schmal:760px;--cd-shell-sehr-schmal:440px;--cd-shell-niedrig:820px;--cd-shell-ebene-inseln:20;--cd-shell-ebene-inspector:25;--cd-shell-ebene-reihe:30;--cd-shell-ebene-aufklapper:40;--cd-shell-ebene-dialog:50;--cd-shell-ebene-toast:60;--cd-ui-grund:#f9f7f7;--cd-ui-flaeche:#fff;--cd-ui-flaeche-hoch:#fff;--cd-ui-hover:#eef1fd;--cd-ui-plot:#fff;--cd-ui-seite:#fff;--cd-ui-abschnitt:#f9f7f7;--cd-ui-linie:#e6e2e2;--cd-ui-kontur:#8f8a8a;--cd-ui-text:#1d1d1d;--cd-ui-text-leise:#6b6666;--cd-ui-link:#2b50d4;--cd-ui-icon-akzent:#335de5;--cd-ui-fokus:#2b50d4;--cd-ui-interaktion:#335de5;--cd-ui-success:#00e676;--cd-ui-warning:#ffb000;--cd-ui-danger:#cd1839;--cd-ui-info:#335de5;--cd-ui-success-flaeche:#dafbeb;--cd-ui-warning-flaeche:#fff1d2;--cd-ui-danger-flaeche:#fbeef0;--cd-ui-info-flaeche:#eef1fd;--cd-ui-wortmarke:#00e676;--cd-ui-backdrop:#1d1d1d6b;--cd-ui-chrome-deckkraft:84%}[data-cd-theme=light],[data-cd-theme=system]{--cd-ui-grund:#f9f7f7;--cd-ui-flaeche:#fff;--cd-ui-flaeche-hoch:#fff;--cd-ui-hover:#eef1fd;--cd-ui-plot:#fff;--cd-ui-seite:#fff;--cd-ui-abschnitt:#f9f7f7;--cd-ui-linie:#e6e2e2;--cd-ui-kontur:#8f8a8a;--cd-ui-text:#1d1d1d;--cd-ui-text-leise:#6b6666;--cd-ui-link:#2b50d4;--cd-ui-icon-akzent:#335de5;--cd-ui-fokus:#2b50d4;--cd-ui-interaktion:#335de5;--cd-ui-success:#00e676;--cd-ui-warning:#ffb000;--cd-ui-danger:#cd1839;--cd-ui-info:#335de5;--cd-ui-success-flaeche:#dafbeb;--cd-ui-warning-flaeche:#fff1d2;--cd-ui-danger-flaeche:#fbeef0;--cd-ui-info-flaeche:#eef1fd;--cd-ui-wortmarke:#00e676;--cd-ui-backdrop:#1d1d1d6b;--cd-ui-chrome-deckkraft:84%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media screen{[data-cd-theme=dark]{--cd-ui-grund:#1d1d1d;--cd-ui-flaeche:#282828;--cd-ui-flaeche-hoch:#2f2f2f;--cd-ui-hover:#383838;--cd-ui-plot:#1d1d1d;--cd-ui-seite:#1d1d1d;--cd-ui-abschnitt:#282828;--cd-ui-linie:#464646;--cd-ui-kontur:#8f8a8a;--cd-ui-text:#fff;--cd-ui-text-leise:#bbb;--cd-ui-link:#00e676;--cd-ui-icon-akzent:#00e676;--cd-ui-fokus:#6b8aff;--cd-ui-interaktion:#6b8aff;--cd-ui-success:#00e676;--cd-ui-warning:#ffb000;--cd-ui-danger:#fb6d73;--cd-ui-info:#6b8aff;--cd-ui-success-flaeche:#282828;--cd-ui-warning-flaeche:#282828;--cd-ui-danger-flaeche:#282828;--cd-ui-info-flaeche:#282828;--cd-ui-wortmarke:#fff;--cd-ui-backdrop:#1d1d1d99;--cd-ui-chrome-deckkraft:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-cd-theme=dark] ::selection{color:#fff;background-color:#383838}}@media screen and (prefers-color-scheme:dark){[data-cd-theme=system]{--cd-ui-grund:#1d1d1d;--cd-ui-flaeche:#282828;--cd-ui-flaeche-hoch:#2f2f2f;--cd-ui-hover:#383838;--cd-ui-plot:#1d1d1d;--cd-ui-seite:#1d1d1d;--cd-ui-abschnitt:#282828;--cd-ui-linie:#464646;--cd-ui-kontur:#8f8a8a;--cd-ui-text:#fff;--cd-ui-text-leise:#bbb;--cd-ui-link:#00e676;--cd-ui-icon-akzent:#00e676;--cd-ui-fokus:#6b8aff;--cd-ui-interaktion:#6b8aff;--cd-ui-success:#00e676;--cd-ui-warning:#ffb000;--cd-ui-danger:#fb6d73;--cd-ui-info:#6b8aff;--cd-ui-success-flaeche:#282828;--cd-ui-warning-flaeche:#282828;--cd-ui-danger-flaeche:#282828;--cd-ui-info-flaeche:#282828;--cd-ui-wortmarke:#fff;--cd-ui-backdrop:#1d1d1d99;--cd-ui-chrome-deckkraft:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-cd-theme=system] ::selection{color:#fff;background-color:#383838}}:root:not([data-cd-theme=dark]):not([data-cd-theme=system]) .cd-nur-dunkel{display:none!important}@media print{:root .cd-nur-dunkel{display:none!important}}@media (prefers-color-scheme:light){:root[data-cd-theme=system] .cd-nur-dunkel{display:none!important}}@media screen{:root[data-cd-theme=dark] .cd-nur-hell{display:none!important}}@media screen and (prefers-color-scheme:dark){:root[data-cd-theme=system] .cd-nur-hell{display:none!important}}[data-cd-kontrast=hoch]{--cd-ui-linie:#8f8a8a;--cd-ui-kontur:#1d1d1d;--cd-ui-text-leise:#1d1d1d;--cd-ui-chrome-deckkraft:100%}@media screen{[data-cd-theme=dark][data-cd-kontrast=hoch]{--cd-ui-linie:#8f8a8a;--cd-ui-kontur:#fff;--cd-ui-text-leise:#fff;--cd-ui-chrome-deckkraft:100%}}@media screen and (prefers-color-scheme:dark){[data-cd-theme=system][data-cd-kontrast=hoch]{--cd-ui-linie:#8f8a8a;--cd-ui-kontur:#fff;--cd-ui-text-leise:#fff;--cd-ui-chrome-deckkraft:100%}}@media (forced-colors:active){[data-cd-theme],[data-cd-theme][data-cd-kontrast=hoch]{--cd-ui-grund:Canvas;--cd-ui-flaeche:Canvas;--cd-ui-flaeche-hoch:Canvas;--cd-ui-hover:Canvas;--cd-ui-plot:Canvas;--cd-ui-seite:Canvas;--cd-ui-abschnitt:Canvas;--cd-ui-linie:CanvasText;--cd-ui-kontur:CanvasText;--cd-ui-text:CanvasText;--cd-ui-text-leise:CanvasText;--cd-ui-link:LinkText;--cd-ui-icon-akzent:CanvasText;--cd-ui-fokus:Highlight;--cd-ui-interaktion:Highlight;--cd-ui-success:CanvasText;--cd-ui-warning:CanvasText;--cd-ui-danger:CanvasText;--cd-ui-info:CanvasText;--cd-ui-success-flaeche:Canvas;--cd-ui-warning-flaeche:Canvas;--cd-ui-danger-flaeche:Canvas;--cd-ui-info-flaeche:Canvas;--cd-ui-wortmarke:CanvasText;--cd-ui-chrome-deckkraft:100%}}}.bio-theme-parent{--bio-surface:#fff;--bio-surface-overlay:#fff;--bio-surface-subtle:#f7f7f8;--bio-surface-medium:#f1f2f4;--bio-surface-inverted:#383838;--bio-surface-inverted-subtle:#505562;--bio-text:#22242a;--bio-text-subtle:#505562;--bio-text-subtlest:#818798;--bio-text-on-inverted:#fff;--bio-border:#b9bcc6;--bio-border-disabled:#e3e4e8;--bio-primary:#07c;--bio-primary-surface:#e6f4ff;--bio-danger:#e60000;--bio-danger-surface-subtle:#fff0f0;--bio-selected-surface:var(--bio-surface-medium);--bio-selected-text:var(--bio-text);--bio-focus:#07c;--bio-focus-surface:#e6f4ff;--bio-canvas-accent:#07c;--bio-canvas-accent-subtle:#80caff;--bio-shadow:#0000004d;--bio-shadow-subtle:#0000001a;--bio-radius-sm:2px;--bio-radius-md:3px;--bio-radius-lg:4px}.djs-parent{--button-border-radius:var(--bio-radius-md);--input-border-radius:var(--bio-radius-sm);--surface-border-radius:var(--bio-radius-lg);--canvas-fill-color:var(--bio-surface);--accent-color:var(--bio-canvas-accent);--bendpoint-fill-color:var(--bio-canvas-accent);--bendpoint-stroke-color:var(--canvas-fill-color);--context-pad-entry-background-color:var(--bio-surface);--context-pad-entry-hover-background-color:var(--bio-surface-medium);--element-dragger-color:var(--accent-color);--element-selected-outline-stroke-color:var(--accent-color);--element-selected-outline-secondary-stroke-color:var(--bio-canvas-accent-subtle);--lasso-fill-color:color-mix(in srgb, var(--bio-canvas-accent) 15%, transparent);--lasso-stroke-color:var(--element-selected-outline-stroke-color);--palette-entry-color:var(--bio-text);--palette-entry-hover-color:var(--bio-primary);--palette-entry-selected-color:var(--bio-primary);--palette-separator-color:var(--bio-border);--palette-toggle-hover-background-color:var(--bio-surface-medium);--palette-background-color:var(--bio-surface-subtle);--palette-border-color:var(--bio-border);--popup-font-family:"IBM Plex Sans", sans-serif;--popup-font-size:14px;--popup-secondary-font-size:.9em;--popup-header-entry-selected-color:var(--bio-primary);--popup-header-font-weight:bolder;--popup-header-group-divider-color:var(--bio-border);--popup-background-color:var(--bio-surface-overlay);--popup-border-color:transparent;--popup-shadow-color:var(--bio-shadow);--popup-scrollbar-thumb-color:#0003;--popup-button-background-color:var(--bio-surface-overlay);--popup-button-hover-background-color:var(--bio-surface-medium);--popup-disabled-color:var(--bio-text-subtle);--popup-description-color:var(--bio-text-subtle);--popup-no-results-color:var(--bio-text-subtlest);--popup-entry-title-color:var(--bio-text-subtlest);--popup-entry-selected-background-color:var(--bio-selected-surface);--popup-entry-selected-color:var(--bio-selected-text);--popup-search-border-color:var(--bio-border);--popup-search-focus-border-color:var(--bio-focus);--popup-search-focus-background-color:var(--bio-focus-surface);--popup-tab-color:var(--bio-text-subtlest);--popup-tab-hover-color:var(--bio-text);--popup-tab-active-color:var(--bio-text);--popup-tab-active-border-color:var(--bio-primary);--popup-tab-strip-border-color:var(--bio-border-disabled);--popup-tab-focus-border-color:var(--bio-focus);--resizer-fill-color:var(--bio-canvas-accent);--resizer-stroke-color:var(--canvas-fill-color);--search-font-family:"IBM Plex Sans", sans-serif;--search-font-size:14px;--search-container-background-color:var(--bio-surface-overlay);--search-shadow-color:var(--bio-shadow);--search-input-border-color:var(--bio-border);--search-input-focus-border-color:var(--bio-focus);--search-input-focus-background-color:var(--bio-primary-surface);--search-result-hover-background-color:var(--bio-surface-medium);--search-result-secondary-color:var(--bio-text-subtlest);--search-preselected-background-color:color-mix(in srgb, var(--bio-canvas-accent) 15%, transparent);--shape-attach-allowed-stroke-color:var(--accent-color);--shape-connect-allowed-fill-color:var(--bio-surface-subtle);--shape-drop-allowed-fill-color:var(--bio-surface-subtle);--shape-drop-not-allowed-fill-color:var(--bio-danger-surface-subtle);--shape-resize-preview-stroke-color:var(--accent-color);--snap-line-stroke-color:color-mix(in srgb, var(--bio-canvas-accent) 30%, transparent);--space-tool-crosshair-stroke-color:var(--bio-text);--tooltip-error-background-color:var(--bio-danger-surface-subtle);--tooltip-error-border-color:var(--bio-danger);--tooltip-error-color:var(--bio-danger);--hover-tooltip-font-family:"IBM Plex Sans", sans-serif;--hover-tooltip-font-size:12px;--hover-tooltip-secondary-font-size:11px;--hover-tooltip-background-color:var(--bio-surface-inverted);--hover-tooltip-color:var(--bio-text-on-inverted);--hover-tooltip-shadow-color:var(--bio-shadow-subtle);--palette-tooltip-shortcut-background-color:var(--bio-surface-inverted-subtle)}.djs-container svg.drop-not-ok{background:var(--shape-drop-not-allowed-fill-color)!important}.djs-container svg.new-parent{background:var(--shape-drop-allowed-fill-color)!important}.djs-container svg:focus{outline-offset:-1px}.djs-outline,.djs-selection-outline{fill:none;shape-rendering:geometricprecision;stroke-width:2px}.djs-outline{visibility:hidden}.djs-selection-outline{stroke:var(--element-selected-outline-stroke-color)}.djs-element.selected .djs-outline{visibility:visible;stroke:var(--element-selected-outline-stroke-color)}.djs-connection.selected .djs-outline{display:none}.djs-multi-select .djs-element.selected .djs-outline,.djs-dragging-active-lasso .djs-element.selected .djs-outline{stroke:var(--element-selected-outline-secondary-stroke-color);display:block}.djs-outline-hidden .djs-outline{display:none!important}.djs-shape.connect-ok .djs-visual>:first-child{fill:var(--shape-connect-allowed-fill-color)!important}.djs-shape.connect-not-ok .djs-visual>:first-child,.djs-shape.drop-not-ok .djs-visual>:first-child{fill:var(--shape-drop-not-allowed-fill-color)!important}.djs-shape.new-parent .djs-visual>:first-child{fill:var(--shape-drop-allowed-fill-color)!important}.drop-not-ok,.connect-not-ok,.drop-not-ok *,.connect-not-ok *{cursor:not-allowed!important}.drop-ok,.connect-ok,.drop-ok *,.connect-ok *{cursor:default!important}.djs-element.attach-ok .djs-visual>:first-child{stroke-width:5px!important;stroke:var(--shape-attach-allowed-stroke-color)!important}.djs-frame.connect-not-ok .djs-visual>:first-child,.djs-frame.drop-not-ok .djs-visual>:first-child{stroke-width:3px!important;stroke:var(--shape-drop-not-allowed-fill-color)!important;fill:none!important}.djs-lasso-overlay{fill:var(--lasso-fill-color);stroke:var(--lasso-stroke-color);stroke-width:2px;shape-rendering:geometricprecision;pointer-events:none}.djs-resize-overlay{fill:none;stroke-dasharray:5 1 3 1;stroke:var(--shape-resize-preview-stroke-color);pointer-events:none}.djs-resizer-hit{fill:none;pointer-events:all}.djs-resizer-visual{fill:var(--resizer-fill-color);stroke-width:1px;stroke:var(--resizer-stroke-color);shape-rendering:geometricprecision}.djs-resizer:hover .djs-resizer-visual{stroke:var(--resizer-stroke-color);stroke-opacity:1}.djs-cursor-resize-ns,.djs-resizer-n,.djs-resizer-s{cursor:ns-resize}.djs-cursor-resize-ew,.djs-resizer-e,.djs-resizer-w{cursor:ew-resize}.djs-cursor-resize-nwse,.djs-resizer-nw,.djs-resizer-se{cursor:nwse-resize}.djs-cursor-resize-nesw,.djs-resizer-ne,.djs-resizer-sw{cursor:nesw-resize}.djs-shape.djs-resizing>.djs-outline{visibility:hidden!important}.djs-shape.djs-resizing>.djs-resizer,.djs-dragger>.djs-resizer{visibility:hidden}.djs-dragger *{fill:none!important;stroke:var(--element-dragger-color)!important}.djs-dragger tspan,.djs-dragger text,.djs-dragger marker circle,.djs-dragger marker path,.djs-dragger marker polygon,.djs-dragger marker polyline,.djs-dragger marker rect{fill:var(--element-dragger-color)!important;stroke:none!important}.djs-dragger marker text,.djs-dragger marker tspan{fill:none!important;stroke:var(--element-dragger-color)!important}.djs-dragging,.djs-dragging>*{opacity:.3!important;pointer-events:none!important}.djs-visual,.djs-outline{pointer-events:none}.djs-element.attach-ok .djs-hit{stroke-width:60px!important}.djs-element>.djs-hit-all,.djs-element>.djs-hit-no-move{pointer-events:all}.djs-element>.djs-hit-stroke,.djs-element>.djs-hit-click-stroke{pointer-events:stroke}.djs-connection .djs-visual{stroke-width:2px;fill:none}.djs-cursor-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.djs-cursor-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.djs-cursor-crosshair{cursor:crosshair}.djs-cursor-move{cursor:move}.djs-cursor-resize-ns{cursor:ns-resize}.djs-cursor-resize-ew{cursor:ew-resize}.djs-snap-line{stroke:var(--snap-line-stroke-color);stroke-linecap:round;stroke-width:2px;pointer-events:none}.djs-crosshair{stroke:var(--space-tool-crosshair-stroke-color);stroke-linecap:round;stroke-width:1px;pointer-events:none;shape-rendering:geometricprecision;stroke-dasharray:5 5}.djs-palette{box-sizing:border-box;width:48px;position:absolute;top:20px;left:20px}.djs-palette .separator{border:none;border-bottom:solid 1px var(--palette-separator-color);clear:both;margin:5px;padding-top:5px}.djs-palette .entry:before{vertical-align:initial}.djs-palette .djs-palette-toggle{cursor:pointer}.djs-palette .entry,.djs-palette .djs-palette-toggle{color:var(--palette-entry-color);text-align:center;font-size:30px}.djs-palette .entry{float:left}.djs-palette .entry img{max-width:100%}.djs-palette .djs-palette-entries:after{content:"";clear:both;display:table}.djs-palette .djs-palette-toggle:hover{background:var(--palette-toggle-hover-background-color)}.djs-palette .entry:hover{color:var(--palette-entry-hover-color)}.djs-palette .highlighted-entry{color:var(--palette-entry-selected-color)!important}.djs-palette .entry,.djs-palette .djs-palette-toggle{cursor:default;width:46px;height:46px;line-height:46px}.djs-palette.two-column.open{width:94px}.djs-palette:not(.open) .djs-palette-entries{display:none}.djs-palette:not(.open){overflow:hidden}.djs-palette.open .djs-palette-toggle{display:none}.djs-hover-tooltip{z-index:1000;border-radius:var(--surface-border-radius);background-color:var(--hover-tooltip-background-color);color:var(--hover-tooltip-color);font-family:var(--hover-tooltip-font-family);font-size:var(--hover-tooltip-font-size);white-space:nowrap;pointer-events:none;box-shadow:0 1px 4px var(--hover-tooltip-shadow-color);align-items:center;gap:6px;padding:6px 10px;line-height:1.2;display:flex;position:fixed}.djs-hover-tooltip--right{transform:translateY(-50%)}.djs-hover-tooltip--top{transform:translate(-50%,-100%)}.djs-palette-tooltip-shortcut{border-radius:var(--button-border-radius);background-color:var(--palette-tooltip-shortcut-background-color);font-family:monospace;font-size:var(--hover-tooltip-secondary-font-size);padding:1px 5px;line-height:1.2}.djs-context-pad{pointer-events:none;z-index:100;width:72px;line-height:1;display:none;position:absolute}.djs-context-pad .entry{text-align:center;cursor:default;background-color:var(--context-pad-entry-background-color);width:22px;height:22px;box-shadow:0 0 2px 1px var(--context-pad-entry-background-color);pointer-events:all;vertical-align:middle;border-radius:3px;margin:0 2px 2px 0;font-size:22px;display:inline-block}.djs-context-pad .entry:hover{background:var(--context-pad-entry-hover-background-color)}.djs-context-pad.open{display:block}.djs-popup{box-sizing:border-box;background:var(--popup-background-color);z-index:200;box-shadow:0px 2px 6px var(--popup-shadow-color);border:solid 1px var(--popup-border-color);min-width:120px;max-width:300px;line-height:1;font-size:var(--popup-font-size);font-family:var(--popup-font-family);outline:none;position:fixed;overflow:hidden}.djs-popup-search input{box-sizing:border-box;width:100%;font-size:var(--popup-font-size);border-radius:var(--input-border-radius);border:solid 1px var(--popup-search-border-color);padding:3px 6px 3px 28px;line-height:21px}.djs-popup-search input:focus{background-color:var(--popup-search-focus-background-color);border:solid 1px var(--popup-search-focus-border-color);outline:none}.djs-popup-header{align-items:stretch;margin:10px 12px;line-height:20px;display:flex}.djs-popup-header .entry{border-radius:2px}.djs-popup button.entry{background:0 0;border:0;padding:0}.djs-popup-header .entry.active{color:var(--popup-header-entry-selected-color)}.djs-popup-header .entry.disabled{color:inherit}.djs-popup-header-group{flex-direction:row;align-items:center;margin:0;padding:0;list-style:none;display:flex}.djs-popup-header-group .entry{flex-direction:row;align-items:center;display:flex}.djs-popup-header-group+.djs-popup-header-group:before{content:"";background:var(--popup-header-group-divider-color);width:1px;height:20px;margin:0 5px}.djs-popup-search{width:auto;margin:10px 12px;position:relative}.djs-popup-tabs-container{border-bottom:solid 1px var(--popup-tab-strip-border-color);position:relative}.djs-popup-tabs-scroll{appearance:none;width:28px;color:var(--popup-tab-color);cursor:pointer;border:none;border-radius:0;align-items:center;padding:0;display:flex;position:absolute;top:0;bottom:1px}.djs-popup-tabs-scroll:hover{color:var(--popup-tab-hover-color)}.djs-popup-tabs-scroll-start{background:linear-gradient(to left, transparent, var(--popup-background-color) 60%);justify-content:flex-start;left:0}.djs-popup-tabs-scroll-end{background:linear-gradient(to right, transparent, var(--popup-background-color) 60%);justify-content:flex-end;right:0}.djs-popup-tabs-scroll-start svg{transform:rotate(180deg)}.djs-popup-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:2px;padding:0 12px;scroll-padding:0 28px;display:flex;overflow:auto hidden}.djs-popup-tabs::-webkit-scrollbar{display:none}.djs-popup-tab{appearance:none;font:inherit;font-size:var(--popup-font-size);color:var(--popup-tab-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:6px 10px}.djs-popup-tab:hover{color:var(--popup-tab-hover-color)}.djs-popup-tab:focus-visible{outline:solid 1px var(--popup-tab-focus-border-color);outline-offset:-2px}.djs-popup-tab[aria-selected=true]{color:var(--popup-tab-active-color);border-bottom-color:var(--popup-tab-active-border-color);font-weight:var(--popup-header-font-weight)}.djs-popup-title{font-size:var(--popup-font-size);font-weight:var(--popup-header-font-weight);flex:1;margin:0}.djs-popup-breadcrumbs{margin:10px 12px;line-height:20px;display:flex}.djs-popup-breadcrumbs-item{appearance:none;min-width:0;color:var(--popup-description-color);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;outline:none;margin:0;padding:0;display:inline-flex;overflow:hidden}.djs-popup-breadcrumbs-item--separator:before{content:"/";color:var(--popup-description-color);margin:0 4px;display:inline-block}.djs-popup-breadcrumbs-item:hover{color:inherit;text-decoration:underline}.djs-popup-breadcrumbs-item:focus-visible{outline:1px solid var(--popup-search-focus-border-color);outline-offset:2px}.djs-popup-breadcrumbs-item--back{border:1px solid var(--popup-search-border-color);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;padding:2px 3px}.djs-popup-breadcrumbs-item--back:hover{background:var(--popup-button-hover-background-color)}.djs-popup-breadcrumbs-item--current{font-weight:var(--popup-header-font-weight);color:inherit;cursor:default}.djs-popup-breadcrumbs-item--current:hover{text-decoration:none}.djs-popup-entry-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:6px;display:flex}.djs-popup-entry-chevron{color:var(--popup-description-color);align-items:center;display:flex}.djs-popup-search-icon{position:absolute;top:7px;left:8px}.djs-popup-search-count{font-size:var(--popup-secondary-font-size);color:var(--popup-description-color);margin:0 12px}.djs-popup-results{max-height:280px;margin:7px 3px 7px 12px;padding-right:9px;list-style:none;overflow:auto}.djs-popup-results:focus{outline:none}.djs-popup-group{width:100%;margin:0;padding:0}.djs-popup-body .entry,.djs-popup-body .entry-header{cursor:default;border-radius:4px;padding:5px 7px}.djs-popup-body .entry-header{font-weight:var(--popup-header-font-weight);color:var(--popup-entry-title-color);padding-left:0}.djs-popup [class*=icon] .djs-popup-label,.djs-popup-label:not(:first-child){margin-left:.5em}.djs-popup [class*=icon]:before,.djs-popup-entry-icon{vertical-align:middle;width:1em;height:1em;font-size:1.4em;display:inline-block}.djs-popup-body .entry-header:not(:first-child){margin-top:8px;margin-bottom:2px}.djs-popup-body .entry{flex-direction:row;align-items:stretch;height:min-content;display:flex}.djs-popup .entry.selected{color:var(--popup-entry-selected-color);background-color:var(--popup-entry-selected-background-color)}.djs-popup .entry.disabled{color:var(--popup-disabled-color);cursor:not-allowed}.djs-popup-body .entry:not(:first-child){margin-top:2px}.djs-popup-entry-content{flex-direction:column;flex:1;display:flex}.djs-popup-entry-description{font-size:var(--popup-secondary-font-size);color:var(--popup-description-color);margin-top:.25em}.djs-popup-label,.djs-popup-entry-description{line-height:1.4em}.djs-popup .entry,.djs-popup .entry-header{margin:1px}.djs-popup-body{flex-direction:column;width:auto}.djs-popup ::-webkit-scrollbar{width:6px}.djs-popup ::-webkit-scrollbar-thumb{background-color:var(--popup-scrollbar-thumb-color);border-radius:3px}.djs-popup ::-webkit-scrollbar-track{box-shadow:none;background:0 0;margin:0;padding:5px}.djs-popup-no-results{color:var(--popup-no-results-color);padding:0 12px 12px}.djs-popup-footer{border-top:solid 1px var(--popup-border-color);padding:5px 12px 7px;display:flex}.djs-popup--pointer .djs-popup-footer{display:none}.djs-popup-entry-docs{visibility:hidden;color:var(--popup-description-color);background:var(--popup-button-background-color);border:1px solid var(--popup-search-border-color);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 3px;transition:background-color .12s,border-color .12s,color .12s;display:flex}.djs-popup--pointer .djs-popup-body .entry:hover .djs-popup-entry-docs{visibility:visible}.djs-popup-body .entry .djs-popup-entry-docs:hover{background:var(--popup-button-hover-background-color)}.djs-popup-entry-docs svg{vertical-align:middle}.djs-popup-footer-docs{font-size:var(--popup-secondary-font-size);color:var(--popup-description-color);align-items:center;gap:3px;text-decoration:none;display:inline-flex}.djs-popup-footer-docs:hover{text-decoration:underline}.djs-popup-footer-docs svg{vertical-align:middle;margin:2px}.djs-palette{background:var(--palette-background-color);border:solid 1px var(--palette-border-color);border-radius:var(--surface-border-radius)}.djs-segment-dragger,.djs-bendpoint{display:none}.djs-segment-dragger .djs-visual{fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-width:1px;stroke-opacity:1;display:none}.djs-segment-dragger:hover .djs-visual{display:block}.djs-bendpoint .djs-visual{fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-width:1px}.djs-segment-dragger:hover,.djs-bendpoints.hover .djs-segment-dragger,.djs-bendpoints.selected .djs-segment-dragger,.djs-bendpoint:hover,.djs-bendpoints.hover .djs-bendpoint,.djs-bendpoints.selected .djs-bendpoint{display:block}.djs-drag-active .djs-bendpoints *,.djs-bendpoints:not(.hover) .floating,.djs-bendpoint.floating:not(.positioned){display:none}.djs-segment-dragger:hover .djs-visual,.djs-segment-dragger.djs-dragging .djs-visual,.djs-bendpoint:hover .djs-visual,.djs-bendpoint.floating .djs-visual{fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-opacity:1}.djs-bendpoint.floating .djs-hit{pointer-events:none}.djs-segment-dragger .djs-hit,.djs-bendpoint .djs-hit{fill:none;pointer-events:all}.djs-segment-dragger.horizontal .djs-hit{cursor:ns-resize}.djs-segment-dragger.vertical .djs-hit{cursor:ew-resize}.djs-segment-dragger.djs-dragging .djs-hit{pointer-events:none}.djs-updating,.djs-updating>*{pointer-events:none!important}.djs-updating .djs-context-pad,.djs-updating .djs-outline,.djs-updating .djs-bendpoint,.djs-multi-select .djs-bendpoint,.djs-multi-select .djs-segment-dragger,.connect-ok .djs-bendpoint,.connect-not-ok .djs-bendpoint,.drop-ok .djs-bendpoint,.drop-not-ok .djs-bendpoint{display:none!important}.djs-segment-dragger.djs-dragging,.djs-bendpoint.djs-dragging{opacity:1;display:block}.djs-tooltip-error{background:var(--tooltip-error-background-color);border:solid 1px var(--tooltip-error-border-color);border-radius:var(--surface-border-radius);width:160px;color:var(--tooltip-error-color);opacity:.75;padding:6px;font-size:12px;line-height:16px}.djs-tooltip-error:hover{opacity:1}.djs-search-open .djs-context-pad{display:none}.djs-search-open .djs-connection.selected .djs-outline{display:block}.djs-search-container{z-index:10;width:25%;min-width:300px;max-width:400px;font-family:var(--search-font-family);font-size:var(--search-font-size);border-radius:var(--surface-border-radius);box-shadow:0px 2px 6px var(--search-shadow-color);margin-left:auto;margin-right:auto;position:absolute;top:20px;left:0;right:0}.djs-search-container:not(.open){display:none}.djs-search-input{position:relative}.djs-search-input svg{position:absolute;top:7px;left:8px}.djs-search-input input{font-size:var(--search-font-size);border:1px solid var(--search-input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;width:100%;padding:3px 6px 3px 28px;line-height:21px}.djs-search-input input:focus{background-color:var(--search-input-focus-background-color);border:solid 1px var(--search-input-focus-border-color);outline:none}.djs-search-results{background:var(--search-container-background-color);max-height:200px;position:relative;overflow-y:auto}.djs-search-result{padding:6px 8px}.djs-search-result-primary{text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;overflow:hidden}.djs-search-result-secondary{text-overflow:ellipsis;white-space:nowrap;color:var(--search-result-secondary-color);margin:0;font-family:monospace;overflow:hidden}.djs-search-result:hover,.djs-search-result-selected,.djs-search-result-selected:hover{background:var(--search-result-hover-background-color)}.djs-search-open .djs-element .djs-outline{fill:var(--search-preselected-background-color)!important}.djs-element-hidden,.djs-element-hidden .djs-hit,.djs-element-hidden .djs-outline,.djs-label-hidden .djs-label{display:none!important}.djs-element .djs-hit-stroke,.djs-element .djs-hit-click-stroke,.djs-element .djs-hit-all{cursor:move}.cd-c-fill-grund{fill:var(--cd-ui-grund)!important}.cd-c-fill-plot{fill:var(--cd-ui-plot)!important}.cd-c-stroke-plot{stroke:var(--cd-ui-plot)!important}.cd-c-stroke-grund{stroke:var(--cd-ui-grund)!important}.cd-c-fill-flaeche-hoch{fill:var(--cd-ui-flaeche-hoch)!important}.cd-c-stroke-text{stroke:var(--cd-ui-text)!important}.cd-c-fill-text{fill:var(--cd-ui-text)!important}.cd-c-fill-text-leise{fill:var(--cd-ui-text-leise)!important}.cd-c-stroke-kontur{stroke:var(--cd-ui-kontur)!important}.cd-c-stroke-linie{stroke:var(--cd-ui-linie)!important}.cd-c-fill-linie{fill:var(--cd-ui-linie)!important}.cd-c-stroke-interaktion{stroke:var(--cd-ui-interaktion)!important}.cd-c-stroke-danger{stroke:var(--cd-ui-danger)!important}.cd-c-fill-danger{fill:var(--cd-ui-danger)!important}.cd-c-stroke-info{stroke:var(--cd-ui-info)!important}:root,[data-cd-theme]{--cdc-unterleger:none;--cdc-unterleger-hoch:none;--cdc-unterleger-schrift:none}[data-cd-kontrast=hoch]{--cdc-unterleger-hoch:var(--cd-ui-kontur)}@media screen{[data-cd-theme=dark]{--cdc-unterleger:var(--cd-ui-kontur);--cdc-unterleger-schrift:var(--cd-ui-text)}}@media screen and (prefers-color-scheme:dark){[data-cd-theme=system]{--cdc-unterleger:var(--cd-ui-kontur);--cdc-unterleger-schrift:var(--cd-ui-text)}}.cd-c-unterleger{stroke:var(--cdc-unterleger)!important}.cd-c-unterleger-hoch{stroke:var(--cdc-unterleger-hoch)!important}.cd-c-unterleger-schrift{stroke:var(--cdc-unterleger-schrift)!important}@media screen{@scope([data-cd-theme=dark]) to ([data-cd-theme]){.cd-c-bereich{fill:none!important}.cd-c-bereich-success{stroke:var(--cd-ui-success)!important}.cd-c-bereich-warning{stroke:var(--cd-ui-warning)!important}.cd-c-bereich-info{stroke:var(--cd-ui-info)!important}}}@media screen and (prefers-color-scheme:dark){@scope([data-cd-theme=system]) to ([data-cd-theme]){.cd-c-bereich{fill:none!important}.cd-c-bereich-success{stroke:var(--cd-ui-success)!important}.cd-c-bereich-warning{stroke:var(--cd-ui-warning)!important}.cd-c-bereich-info{stroke:var(--cd-ui-info)!important}}}:root,[data-cd-theme],.bio-theme-parent.bio-theme-parent{--bio-surface:var(--cd-ui-flaeche-hoch);--bio-surface-overlay:var(--cd-ui-flaeche-hoch);--bio-surface-subtle:var(--cd-ui-flaeche-hoch);--bio-surface-medium:var(--cd-ui-hover);--bio-surface-inverted:var(--cd-ui-flaeche-hoch);--bio-surface-inverted-subtle:var(--cd-ui-hover);--bio-text:var(--cd-ui-text);--bio-text-subtle:var(--cd-ui-text-leise);--bio-text-subtlest:var(--cd-ui-text-leise);--bio-text-on-inverted:var(--cd-ui-text);--bio-border:var(--cd-ui-linie);--bio-border-disabled:var(--cd-ui-linie);--bio-primary:var(--cd-ui-interaktion);--bio-primary-surface:var(--cd-ui-hover);--bio-text-on-primary:var(--cd-weiss);--bio-danger:var(--cd-ui-danger);--bio-danger-surface-subtle:var(--cd-ui-danger-flaeche);--bio-selected-surface:var(--cd-ui-hover);--bio-selected-text:var(--cd-ui-text);--bio-focus:var(--cd-ui-fokus);--bio-focus-surface:var(--cd-ui-hover);--bio-canvas-accent:var(--cd-ui-interaktion);--bio-canvas-accent-subtle:var(--cd-ui-interaktion);--bio-shadow:color-mix(in srgb, var(--cd-schwarz) 30%, transparent);--bio-shadow-subtle:color-mix(in srgb, var(--cd-schwarz) 10%, transparent);--bio-radius-sm:var(--cd-radius-sm);--bio-radius-md:var(--cd-radius-md);--bio-radius-lg:var(--cd-radius-lg)}.djs-parent.djs-parent{--canvas-fill-color:var(--cd-ui-grund);--lasso-fill-color:transparent;--search-preselected-background-color:var(--cd-ui-hover);--snap-line-stroke-color:var(--cd-ui-kontur);--resizer-fill-color:var(--cd-ui-plot);--resizer-stroke-color:var(--cd-ui-interaktion);--bendpoint-fill-color:var(--cd-ui-plot);--bendpoint-stroke-color:var(--cd-ui-interaktion);--shape-connect-allowed-fill-color:var(--cd-ui-hover);--shape-drop-allowed-fill-color:var(--cd-ui-hover);--popup-border-color:var(--cd-ui-linie);--popup-scrollbar-thumb-color:var(--cd-ui-linie);--popup-font-family:"Geist Variable", "Geist", ui-sans-serif, system-ui, sans-serif;--search-font-family:var(--popup-font-family);--hover-tooltip-font-family:var(--popup-font-family)}.djs-parent.djs-parent .djs-shape.drop-not-ok .djs-visual>:first-child,.djs-parent.djs-parent .djs-shape.connect-not-ok .djs-visual>:first-child{stroke:var(--cd-ui-danger)!important;stroke-dasharray:6 4!important}.djs-parent.djs-parent svg.drop-not-ok{outline:2px dashed var(--cd-ui-danger);outline-offset:-2px}.djs-parent.djs-parent .djs-tooltip-error{opacity:1}.bjs-container.bjs-container{--accent-color:var(--cd-ui-interaktion);--breadcrumbs-item-color:var(--cd-ui-link);--breadcrumbs-background-color:var(--cd-ui-flaeche-hoch);--breadcrumbs-border-color:var(--cd-ui-linie);--drilldown-background-color:var(--cd-blau);--drilldown-fill-color:var(--cd-weiss)}.wardley-container{background-color:var(--cd-ui-grund);background-image:radial-gradient(var(--cd-ui-linie) 1px, transparent 1px);background-size:22px 22px;width:100%;height:100%;font-family:Geist Variable,Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow:hidden;container:wardley/inline-size}.wardley-container[data-cd-theme]{color:var(--cd-ui-text)}.wardley-container .layer-wardley-axes{pointer-events:none}.wardley-container .djs-element text{-webkit-user-select:none;user-select:none}.wardley-container .wardley-evolve-handle{cursor:ew-resize;pointer-events:all}.wardley-container .djs-outline{stroke:var(--cd-ui-interaktion);stroke-dasharray:3 3}.wardley-container .djs-shape.hover>.djs-outline{visibility:visible}.wardley-container .djs-drag-active .djs-shape.hover:not(.selected)>.djs-outline{visibility:hidden}.wardley-container .djs-connection.hover>.djs-visual>polyline{stroke-width:2.5px!important}.wardley-container .djs-connection.selected>.djs-visual>polyline{stroke-width:3px!important}.wardley-container .djs-connection.hover>.djs-visual:not(:has(>polygon))>polyline{stroke:var(--cd-ui-text-leise)!important}.wardley-container .djs-connection.selected>.djs-visual:not(:has(>polygon))>polyline{stroke:var(--cd-ui-text)!important}.wardley-container .djs-connection.hover>.djs-visual:has(>polygon)>polyline{stroke-width:3.25px!important}.wardley-container .djs-connection.selected>.djs-visual:has(>polygon)>polyline{stroke-width:3.75px!important}.wardley-container .djs-parent{--element-selected-outline-stroke-color:var(--cd-ui-interaktion);--lasso-stroke-color:var(--cd-ui-interaktion)}.wardley-container .djs-resizer-hit{fill:none}.djs-palette.wardley-palette:where(:not([data-chrome=palette])){left:50%;top:var(--cd-shell-rand);z-index:110;width:max-content;max-width:calc(100% - 2 * var(--cd-shell-rand));height:var(--cd-shell-zeile);box-sizing:border-box;scrollbar-width:none;background:color-mix(in srgb, var(--cd-ui-flaeche-hoch) var(--cd-ui-chrome-deckkraft), transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-md);box-shadow:var(--cd-shadow-1);color:var(--cd-ui-text);align-items:center;padding:3px;display:flex;overflow:auto hidden;transform:translate(-50%)}.djs-palette.wardley-palette:where(:not([data-chrome=palette]))::-webkit-scrollbar{display:none}.djs-palette.wardley-palette:where(:not([data-chrome=palette])).two-column.open{width:auto}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .djs-palette-entries,.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .group{flex-direction:row;align-items:center;display:flex}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .group{gap:2px}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry{float:none;width:var(--cd-shell-ziel);height:var(--cd-shell-ziel);border-radius:var(--cd-radius-sm);color:var(--cd-ui-text);transition:background var(--cd-motion-fast) var(--cd-ease), color var(--cd-motion-fast) var(--cd-ease), box-shadow var(--cd-motion-fast) var(--cd-ease);flex:none;line-height:normal}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry:hover{background:var(--cd-ui-hover);color:var(--cd-ui-interaktion)}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry.highlighted-entry{color:var(--cd-ui-text)!important}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry.highlighted-entry:hover{color:var(--cd-ui-interaktion)!important}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-pressed=true]{background:var(--cd-ui-hover);box-shadow:inset 0 0 0 2px var(--cd-ui-interaktion)}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-disabled=true],.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-disabled=true]:hover{cursor:not-allowed;background:0 0;color:var(--cd-ui-text-leise)!important}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-disabled=true]>*{filter:grayscale()}:where(.wardley-container) .djs-hover-tooltip{border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-sm);background:var(--cd-ui-flaeche-hoch);color:var(--cd-ui-text);box-shadow:var(--cd-shadow-2);-webkit-user-select:none;user-select:none;padding:3px 8px;font-family:inherit;font-size:13px;font-weight:400;line-height:20px}:where(.wardley-container) .djs-hover-tooltip.djs-hover-tooltip--bottom{box-sizing:border-box;white-space:normal;width:max-content;max-width:min(280px,100% - 24px);position:absolute;transform:translate(-50%)}:where(.wardley-container) .djs-hover-tooltip .djs-palette-tooltip-shortcut{border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-sm);background:var(--cd-ui-grund);color:var(--cd-ui-text-leise);box-shadow:none;vertical-align:baseline;padding:1px 6px;font-family:Geist Mono Variable,Geist Mono,ui-monospace,monospace;font-size:13px;font-weight:400}@container wardley (width<=760px){.djs-palette.wardley-palette:where(:not([data-chrome=palette])){top:var(--cd-shell-frei)}}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .group+.group{margin-left:8px;padding-left:9px;position:relative}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .group+.group:before{content:"";background:var(--cd-ui-linie);width:1px;position:absolute;top:4px;bottom:4px;left:0}.djs-palette:where(:not([data-chrome=palette])) .wardley-palette-entry{justify-content:center;align-items:center;width:100%;min-width:24px;height:100%;min-height:24px;line-height:1;display:flex}.wardley-palette-svg{display:block}.wardley-container.wardley-draw-mode,.wardley-container.wardley-draw-mode *{cursor:crosshair!important}.wardley-container .wardley-drawing-handle{cursor:grab;pointer-events:all}.wardley-container .djs-context-pad{width:max-content}.wardley-container .djs-context-pad.open{border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-md);background:var(--cd-ui-flaeche-hoch);box-shadow:var(--cd-shadow-2);grid-template-columns:repeat(2,max-content);align-items:start;gap:2px 7px;padding:3px;display:grid}.wardley-container .djs-context-pad .group{gap:2px;display:flex}.wardley-container .djs-context-pad .group[data-group=edit]{grid-column:1/-1}.wardley-container .djs-context-pad .group[data-group=wardley]+.group[data-group=danger]{padding-left:7px;position:relative}.wardley-container .djs-context-pad .group[data-group=wardley]+.group[data-group=danger]:before{content:"";background:var(--cd-ui-linie);width:1px;position:absolute;top:4px;bottom:4px;left:0}.wardley-container .djs-context-pad .entry.wardley-cp-entry{box-sizing:border-box;border-radius:var(--cd-radius-sm);width:28px;height:28px;box-shadow:none;color:var(--cd-ui-text);transition:background var(--cd-motion-fast) var(--cd-ease), color var(--cd-motion-fast) var(--cd-ease);background:0 0;justify-content:center;align-items:center;margin:0;line-height:1;display:inline-flex}.wardley-container .djs-context-pad .entry:hover{background:var(--cd-ui-hover);color:var(--cd-ui-interaktion)}.wardley-container .djs-context-pad .group[data-group=danger] .entry:hover{background:var(--cd-ui-danger-flaeche);color:var(--cd-ui-danger)}.wardley-container .wardley-label-input{border:1.5px solid var(--cd-ui-interaktion);border-radius:var(--cd-radius-sm);background:var(--cd-ui-flaeche-hoch);color:var(--cd-ui-text);box-shadow:var(--cd-shadow-2);z-index:100;outline:none;min-width:90px;padding:2px 6px;font-family:inherit;font-size:13px}.wardley-container .wardley-link-input{min-width:240px}.wardley-container .wardley-label-textarea{resize:none;white-space:pre;min-width:120px;line-height:17px}.wardley-container .djs-element.wardley-label-editing .wardley-name-label{visibility:hidden}.wardley-container .wardley-label-input--name{box-sizing:border-box;min-width:0;overflow:hidden}.wardley-container .wardley-label-input--error{border-color:var(--cd-ui-danger)}.wardley-container .wardley-label-caption{z-index:100;border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-sm);background:var(--cd-ui-flaeche-hoch);max-width:320px;box-shadow:var(--cd-shadow-1);color:var(--cd-ui-text-leise);pointer-events:none;padding:3px 8px;font-size:11px;font-style:normal;font-weight:400;line-height:1.4;position:absolute}.wardley-container .wardley-label-error{border-color:var(--cd-ui-danger);color:var(--cd-ui-danger)}.wardley-container .wardley-color-picker{z-index:300;background:var(--cd-ui-flaeche-hoch);border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-md);box-shadow:var(--cd-shadow-3);grid-template-columns:repeat(3,22px);gap:12px;padding:12px;display:grid;position:absolute}.wardley-container .wardley-cp-swatch{border-radius:var(--cd-radius-sm);border:1px solid var(--cd-ui-linie);cursor:pointer;width:22px;height:22px;transition:transform var(--cd-motion-fast) var(--cd-ease);padding:0}.wardley-container .wardley-cp-swatch:hover{transform:scale(1.1)}.wardley-container .wardley-cp-active{box-shadow:0 0 0 2px var(--cd-ui-flaeche-hoch), 0 0 0 4px var(--cd-ui-interaktion)}.wardley-container .wardley-cp-none{background:var(--cd-ui-flaeche-hoch);background-image:linear-gradient(45deg, transparent 44%, var(--cd-ui-danger) 45%, var(--cd-ui-danger) 55%, transparent 56%)}.wardley-container .djs-element.wardley-drop-target>.djs-visual>rect:first-child{stroke:var(--cd-ui-text)!important;stroke-width:2px!important;stroke-dasharray:none!important;fill:var(--cd-ui-hover)!important}.wardley-container .wardley-map-resize-hit{fill:#0000;stroke:none;pointer-events:all}.wardley-container .wardley-map-resize-x .wardley-map-resize-hit{cursor:ew-resize}.wardley-container .wardley-map-resize-y .wardley-map-resize-hit{cursor:ns-resize}.wardley-container .wardley-map-resize-xy .wardley-map-resize-hit{cursor:nwse-resize}.wardley-container .wardley-map-resize-visual{opacity:0;pointer-events:none;stroke:var(--cd-ui-text-leise);stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:opacity var(--cd-motion-fast) var(--cd-ease)}.wardley-container rect.wardley-map-resize-visual{fill:var(--cd-ui-flaeche-hoch);stroke-width:1px;rx:2px}.wardley-container .wardley-map-resize:hover .wardley-map-resize-visual,.wardley-container .wardley-map-resize.is-dragging .wardley-map-resize-visual{opacity:1}.wardley-container .wardley-map-resize-handle:hover .wardley-map-resize-visual{stroke:var(--cd-ui-text)}.wardley-container .wardley-map-resize-badge{z-index:30;border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-sm);background:var(--cd-ui-flaeche-hoch);color:var(--cd-ui-text);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;box-shadow:var(--cd-shadow-2);padding:4px 8px;font-size:12px;line-height:1.4;position:absolute}.wardley-container .wardley-map-resize-badge[hidden]{display:none}.djs-popup.wardley-element-settings{border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-md);box-shadow:var(--cd-shadow-3);font-family:inherit}.djs-popup.wardley-element-settings .djs-popup-results{max-height:none}.djs-popup.wardley-element-settings .djs-popup-results:focus-visible{outline:none}.djs-popup.wardley-element-settings:has(.djs-popup-results:focus-visible){outline:2px solid var(--cd-ui-fokus);outline-offset:2px}.wardley-container :where(button,a,select,input,textarea,[role=button],[tabindex]):focus-visible,.djs-palette.wardley-palette:where(:not([data-chrome=palette])) :where(.entry,[role=button],[tabindex]):focus-visible,.djs-popup.wardley-element-settings :where(.entry,[tabindex]):focus-visible{outline:2px solid var(--cd-ui-fokus);outline-offset:2px}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) :where(.entry,[role=button],[tabindex]):focus-visible{z-index:1;outline-offset:-2px}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-pressed=true]:focus-visible{outline-offset:-5px}:where(.wardley-container) .wardley-color-picker .wardley-cp-active:focus-visible{outline-offset:5px}.wardley-container svg:focus-visible{outline:2px solid var(--cd-ui-fokus);outline-offset:-2px}.wardley-container svg:focus:not(:focus-visible){outline:none}.wardley-container .wardley-label-input:focus{outline:2px solid var(--cd-ui-fokus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.wardley-container *,.wardley-container :before,.wardley-container :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.wardley-container.wardley-labels-draggable .wardley-label-handle{cursor:move;pointer-events:all}.wardley-container.wardley-label-dragging,.wardley-container.wardley-label-dragging *{cursor:move!important}.wardley-container.wardley-read-only .djs-context-pad,.wardley-container.wardley-read-only .layer-wardley-map-resize,.wardley-container.wardley-read-only .layer-wardley-drawing-handles{display:none}.wardley-container.wardley-read-only .wardley-label-handle,.wardley-container.wardley-read-only .wardley-evolve-handle{cursor:default}.wardley-popover{top:calc(var(--cd-shell-rand) + var(--cd-shell-zeile) + var(--cd-shell-luecke));left:var(--cd-shell-rand);z-index:var(--cd-shell-ebene-aufklapper);box-sizing:border-box;border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-md);background:var(--cd-ui-flaeche-hoch);width:min(320px,100cqw - 24px);max-height:calc(100cqh - 72px);box-shadow:var(--cd-shadow-3);color:var(--cd-ui-text);text-align:left;animation:wardley-pop-in var(--cd-motion-fast) var(--cd-ease-out);padding:16px;font:400 13px/1.5 Geist Variable,Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:absolute;overflow:auto}.wardley-popover[hidden]{display:none}@keyframes wardley-pop-in{0%{opacity:0;transform:translateY(-4px)}}.wardley-popover-title{margin:0 0 16px;font-size:13px;font-weight:600;line-height:1.5}.wardley-popover-body{flex-direction:column;gap:16px;display:flex}.wardley-popover-hint{color:var(--cd-ui-text-leise);margin:0}.wardley-popover-link{color:var(--cd-ui-link)}.wardley-popover-footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.wardley-field{flex-direction:column;gap:4px;min-width:0;display:flex}.wardley-field-label{color:var(--cd-ui-text);font-weight:600}.wardley-field-input{box-sizing:border-box;border:1px solid var(--cd-ui-kontur);border-radius:var(--cd-radius-sm);background:var(--cd-ui-grund);width:100%;min-height:36px;color:var(--cd-ui-text);font:inherit;padding:8px 12px}.wardley-field-input:focus{border-color:var(--cd-ui-interaktion);outline:2px solid var(--cd-ui-fokus);outline-offset:2px}.wardley-field-input[aria-invalid=true]{border-color:var(--cd-ui-danger)}.wardley-field-error{color:var(--cd-ui-danger);margin:0}.wardley-field-row{align-items:flex-end;gap:8px;display:flex}.wardley-field-row .wardley-field{flex:1}.wardley-field-times{color:var(--cd-ui-text-leise);padding-bottom:8px}.wardley-button{border-radius:var(--cd-radius-md);min-height:36px;color:var(--cd-ui-text);font:inherit;cursor:pointer;transition:background-color var(--cd-motion-fast) var(--cd-ease), border-color var(--cd-motion-fast) var(--cd-ease), box-shadow var(--cd-motion-fast) var(--cd-ease), color var(--cd-motion-fast) var(--cd-ease), transform var(--cd-motion-fast) var(--cd-ease);background:0 0;border:1px solid #0000;padding:0 16px;font-weight:600}.wardley-button[data-variant=secondary]{border-color:var(--cd-ui-linie);background:var(--cd-ui-flaeche-hoch)}.wardley-button[data-variant=secondary]:hover{border-color:var(--cd-ui-interaktion);background:var(--cd-ui-hover);color:var(--cd-ui-link)}.wardley-button[data-variant=ghost]:hover{background:var(--cd-ui-hover)}.wardley-button[data-variant=primary]{background:var(--cd-blau);box-shadow:var(--cd-shadow-1);color:var(--cd-weiss)}.wardley-button[data-variant=primary]:is(:hover,:active){background:var(--cd-blau-link);box-shadow:var(--cd-shadow-2);transform:translateY(-1px)}.wardley-button:disabled,.wardley-button:disabled:hover{color:var(--cd-ui-text-leise);cursor:not-allowed;background:0 0;border-color:#0000}.wardley-button[data-variant=primary]:disabled,.wardley-button[data-variant=primary]:disabled:hover{border-color:var(--cd-ui-linie);background:var(--cd-ui-hover);box-shadow:none;transform:none}.wardley-button:focus-visible,.wardley-popover-link:focus-visible{outline:2px solid var(--cd-ui-fokus);outline-offset:2px}.wardley-dialog{box-sizing:border-box;width:min(560px,100cqw - 32px);max-width:none;max-height:calc(100cqh - 32px);color:var(--cd-ui-text);background:0 0;border:0;padding:0;font:400 13px/1.5 Geist Variable,Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:visible}.wardley-dialog::backdrop{background:var(--cd-ui-backdrop);-webkit-backdrop-filter:blur(3px)grayscale();backdrop-filter:blur(3px)grayscale()}.wardley-dialog-panel{border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-md);background:var(--cd-ui-flaeche-hoch);max-height:calc(100cqh - 32px);box-shadow:var(--cd-shadow-3);flex-direction:column;display:flex}.wardley-dialog-header{flex:none;justify-content:space-between;align-items:center;gap:16px;padding:16px 16px 8px 24px;display:flex}.wardley-dialog-title{margin:0;font-size:21px;font-weight:600;line-height:1.3}.wardley-dialog-close{border-radius:var(--cd-radius-sm);width:32px;height:32px;color:var(--cd-ui-text);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.wardley-dialog-close:hover{background:var(--cd-ui-hover);color:var(--cd-ui-interaktion)}.wardley-dialog-close:focus-visible{outline:2px solid var(--cd-ui-fokus);outline-offset:2px}.wardley-dialog-form{flex-direction:column;min-height:0;display:flex}.wardley-dialog-body{min-height:0;padding:8px 24px 24px;overflow:auto}.wardley-dialog-footer{border-top:1px solid var(--cd-ui-linie);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}@scope([data-cd-kontrast=hoch]) to ([data-cd-theme]:not([data-cd-kontrast=hoch])){:scope :is(.wardley-popover,.wardley-dialog-panel){border-color:var(--cd-ui-kontur);box-shadow:none}:scope .wardley-button[data-variant=primary],:scope .djs-palette.wardley-palette:where(:not([data-chrome=palette])),:scope .djs-popup.wardley-element-settings,:is(:scope.wardley-container,:scope .wardley-container) :is(.djs-context-pad.open,.djs-hover-tooltip,.wardley-label-input,.wardley-label-caption,.wardley-color-picker,.wardley-map-resize-badge){box-shadow:none}:scope :is(.wardley-field-input,.wardley-button,.wardley-popover-link,.wardley-dialog-close):focus-visible,:is(:scope.wardley-container,:scope .wardley-container) :where(button,a,select,input,textarea,[role=button],[tabindex]):focus-visible,:scope .djs-palette.wardley-palette:where(:not([data-chrome=palette])) :where(.entry,[role=button],[tabindex]):focus-visible,:scope .djs-popup.wardley-element-settings :where(.entry,[tabindex]):focus-visible{outline-width:3px}:scope .djs-popup.wardley-element-settings:has(.djs-popup-results:focus-visible){outline-width:3px}:scope .djs-palette.wardley-palette:where(:not([data-chrome=palette])) :where(.entry,[role=button],[tabindex]):focus-visible{outline-offset:-3px}:scope .djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-pressed=true]:focus-visible{outline-offset:-6px}:is(:scope.wardley-container,:scope .wardley-container) .wardley-label-input:focus{outline-width:3px}:is(:scope.wardley-container,:scope .wardley-container) svg:focus-visible{outline-offset:-3px;outline-width:3px}}@media (forced-colors:active){:is(.wardley-popover,.wardley-dialog-panel){border-color:canvastext}.wardley-button{border-color:buttontext}:is(.wardley-field-input,.wardley-button,.wardley-popover-link,.wardley-dialog-close):focus-visible,.wardley-container .wardley-label-input:focus{outline-color:highlight}:where(.wardley-container) .wardley-color-picker .wardley-cp-swatch{forced-color-adjust:none;border-color:canvastext}:where(.wardley-container) .wardley-color-picker .wardley-cp-none{background:canvas linear-gradient(45deg,#0000 44%,canvastext 45% 55%,#0000 56%)}:where(.wardley-container) .wardley-color-picker .wardley-cp-active{box-shadow:0 0 0 2px canvas,0 0 0 4px highlight}:where(.wardley-container) .wardley-color-picker .wardley-cp-swatch:focus-visible{outline-color:highlight}.djs-palette.wardley-palette:where(:not([data-chrome=palette])){-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border-color:canvastext}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .group+.group:before{forced-color-adjust:none;background:canvastext}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) :where(.entry,[role=button],[tabindex]):focus-visible{outline-color:highlight}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-pressed=true],.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-pressed=true]:hover{forced-color-adjust:none;background:canvas;box-shadow:inset 0 0 0 2px highlight;color:canvastext!important}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-disabled=true],.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-disabled=true]:hover{color:graytext!important}}@media (prefers-reduced-motion:reduce){.wardley-popover{animation:none}.wardley-button[data-variant=primary]:is(:hover,:active){transform:none}}.cd-shell-reduce-motion .wardley-popover{animation:none}.cd-shell-reduce-motion .wardley-button[data-variant=primary]:is(:hover,:active){transform:none}
|
|
1
|
+
@layer wardley-tokens{:root{--cd-blau:#335de5;--cd-gruen:#00e676;--cd-grau:#f9f7f7;--cd-schwarz:#1d1d1d;--cd-weiss:#fff;--cd-blau-link:#2b50d4;--cd-blau-hell:#6b8aff;--cd-success:#00e676;--cd-success-soft:#dafbeb;--cd-success-hell:#00e676;--cd-warning:#ffb000;--cd-warning-soft:#fff1d2;--cd-warning-hell:#ffb000;--cd-danger:#cd1839;--cd-danger-soft:#fbeef0;--cd-danger-hell:#fb6d73;--cd-info:#335de5;--cd-info-soft:#eef1fd;--cd-info-hell:#6b8aff;--cd-linie:#e6e2e2;--cd-kontur:#8f8a8a;--cd-text-leise:#6b6666;--cd-gradient-brand:linear-gradient(120deg, #335de5 30%, #00e676);--cd-gradient-format:linear-gradient(135deg, #335de5 0%, #00e676 140%);--cd-space-1:4px;--cd-space-2:8px;--cd-space-3:16px;--cd-space-4:24px;--cd-space-5:32px;--cd-space-6:48px;--cd-space-7:64px;--cd-space-8:96px;--cd-radius-sm:6px;--cd-radius-md:12px;--cd-radius-lg:16px;--cd-radius-pill:999px;--cd-shadow-1:0 1px 2px #1d1d1d0f, 0 1px 3px #1d1d1d1a;--cd-shadow-2:0 4px 12px #1d1d1d1a;--cd-shadow-3:0 12px 32px #1d1d1d29;--cd-motion-fast:.15s;--cd-motion-base:.25s;--cd-motion-slow:.4s;--cd-ease:cubic-bezier(.4, 0, .2, 1);--cd-ease-out:cubic-bezier(0, 0, .2, 1);--cd-shell-rand:12px;--cd-shell-luecke:8px;--cd-shell-zeile:40px;--cd-shell-ziel:32px;--cd-shell-eintrag:36px;--cd-shell-frei:64px;--cd-shell-menue-breite:248px;--cd-shell-inspector-breite:288px;--cd-shell-einpassen-oben:88px;--cd-shell-einpassen-oben-schmal:140px;--cd-shell-einpassen-seite:24px;--cd-shell-einpassen-unten:64px;--cd-shell-einpassen-unten-web:92px;--cd-shell-schmal:760px;--cd-shell-sehr-schmal:440px;--cd-shell-niedrig:820px;--cd-shell-ebene-inseln:20;--cd-shell-ebene-inspector:25;--cd-shell-ebene-reihe:30;--cd-shell-ebene-aufklapper:40;--cd-shell-ebene-dialog:50;--cd-shell-ebene-toast:60;--cd-ui-grund:#f9f7f7;--cd-ui-flaeche:#fff;--cd-ui-flaeche-hoch:#fff;--cd-ui-hover:#eef1fd;--cd-ui-plot:#fff;--cd-ui-seite:#fff;--cd-ui-abschnitt:#f9f7f7;--cd-ui-linie:#e6e2e2;--cd-ui-kontur:#8f8a8a;--cd-ui-text:#1d1d1d;--cd-ui-text-leise:#6b6666;--cd-ui-link:#2b50d4;--cd-ui-icon-akzent:#335de5;--cd-ui-fokus:#2b50d4;--cd-ui-interaktion:#335de5;--cd-ui-success:#00e676;--cd-ui-warning:#ffb000;--cd-ui-danger:#cd1839;--cd-ui-info:#335de5;--cd-ui-success-flaeche:#dafbeb;--cd-ui-warning-flaeche:#fff1d2;--cd-ui-danger-flaeche:#fbeef0;--cd-ui-info-flaeche:#eef1fd;--cd-ui-wortmarke:#00e676;--cd-ui-backdrop:#1d1d1d6b;--cd-ui-chrome-deckkraft:84%}[data-cd-theme=light],[data-cd-theme=system]{--cd-ui-grund:#f9f7f7;--cd-ui-flaeche:#fff;--cd-ui-flaeche-hoch:#fff;--cd-ui-hover:#eef1fd;--cd-ui-plot:#fff;--cd-ui-seite:#fff;--cd-ui-abschnitt:#f9f7f7;--cd-ui-linie:#e6e2e2;--cd-ui-kontur:#8f8a8a;--cd-ui-text:#1d1d1d;--cd-ui-text-leise:#6b6666;--cd-ui-link:#2b50d4;--cd-ui-icon-akzent:#335de5;--cd-ui-fokus:#2b50d4;--cd-ui-interaktion:#335de5;--cd-ui-success:#00e676;--cd-ui-warning:#ffb000;--cd-ui-danger:#cd1839;--cd-ui-info:#335de5;--cd-ui-success-flaeche:#dafbeb;--cd-ui-warning-flaeche:#fff1d2;--cd-ui-danger-flaeche:#fbeef0;--cd-ui-info-flaeche:#eef1fd;--cd-ui-wortmarke:#00e676;--cd-ui-backdrop:#1d1d1d6b;--cd-ui-chrome-deckkraft:84%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media screen{[data-cd-theme=dark]{--cd-ui-grund:#1d1d1d;--cd-ui-flaeche:#282828;--cd-ui-flaeche-hoch:#2f2f2f;--cd-ui-hover:#383838;--cd-ui-plot:#1d1d1d;--cd-ui-seite:#1d1d1d;--cd-ui-abschnitt:#282828;--cd-ui-linie:#464646;--cd-ui-kontur:#8f8a8a;--cd-ui-text:#fff;--cd-ui-text-leise:#bbb;--cd-ui-link:#00e676;--cd-ui-icon-akzent:#00e676;--cd-ui-fokus:#6b8aff;--cd-ui-interaktion:#6b8aff;--cd-ui-success:#00e676;--cd-ui-warning:#ffb000;--cd-ui-danger:#fb6d73;--cd-ui-info:#6b8aff;--cd-ui-success-flaeche:#282828;--cd-ui-warning-flaeche:#282828;--cd-ui-danger-flaeche:#282828;--cd-ui-info-flaeche:#282828;--cd-ui-wortmarke:#fff;--cd-ui-backdrop:#1d1d1d99;--cd-ui-chrome-deckkraft:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-cd-theme=dark] ::selection{color:#fff;background-color:#383838}}@media screen and (prefers-color-scheme:dark){[data-cd-theme=system]{--cd-ui-grund:#1d1d1d;--cd-ui-flaeche:#282828;--cd-ui-flaeche-hoch:#2f2f2f;--cd-ui-hover:#383838;--cd-ui-plot:#1d1d1d;--cd-ui-seite:#1d1d1d;--cd-ui-abschnitt:#282828;--cd-ui-linie:#464646;--cd-ui-kontur:#8f8a8a;--cd-ui-text:#fff;--cd-ui-text-leise:#bbb;--cd-ui-link:#00e676;--cd-ui-icon-akzent:#00e676;--cd-ui-fokus:#6b8aff;--cd-ui-interaktion:#6b8aff;--cd-ui-success:#00e676;--cd-ui-warning:#ffb000;--cd-ui-danger:#fb6d73;--cd-ui-info:#6b8aff;--cd-ui-success-flaeche:#282828;--cd-ui-warning-flaeche:#282828;--cd-ui-danger-flaeche:#282828;--cd-ui-info-flaeche:#282828;--cd-ui-wortmarke:#fff;--cd-ui-backdrop:#1d1d1d99;--cd-ui-chrome-deckkraft:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-cd-theme=system] ::selection{color:#fff;background-color:#383838}}:root:not([data-cd-theme=dark]):not([data-cd-theme=system]) .cd-nur-dunkel{display:none!important}@media print{:root .cd-nur-dunkel{display:none!important}}@media (prefers-color-scheme:light){:root[data-cd-theme=system] .cd-nur-dunkel{display:none!important}}@media screen{:root[data-cd-theme=dark] .cd-nur-hell{display:none!important}}@media screen and (prefers-color-scheme:dark){:root[data-cd-theme=system] .cd-nur-hell{display:none!important}}[data-cd-kontrast=hoch]{--cd-ui-linie:#8f8a8a;--cd-ui-kontur:#1d1d1d;--cd-ui-text-leise:#1d1d1d;--cd-ui-chrome-deckkraft:100%}@media screen{[data-cd-theme=dark][data-cd-kontrast=hoch]{--cd-ui-linie:#8f8a8a;--cd-ui-kontur:#fff;--cd-ui-text-leise:#fff;--cd-ui-chrome-deckkraft:100%}}@media screen and (prefers-color-scheme:dark){[data-cd-theme=system][data-cd-kontrast=hoch]{--cd-ui-linie:#8f8a8a;--cd-ui-kontur:#fff;--cd-ui-text-leise:#fff;--cd-ui-chrome-deckkraft:100%}}@media (forced-colors:active){[data-cd-theme],[data-cd-theme][data-cd-kontrast=hoch]{--cd-ui-grund:Canvas;--cd-ui-flaeche:Canvas;--cd-ui-flaeche-hoch:Canvas;--cd-ui-hover:Canvas;--cd-ui-plot:Canvas;--cd-ui-seite:Canvas;--cd-ui-abschnitt:Canvas;--cd-ui-linie:CanvasText;--cd-ui-kontur:CanvasText;--cd-ui-text:CanvasText;--cd-ui-text-leise:CanvasText;--cd-ui-link:LinkText;--cd-ui-icon-akzent:CanvasText;--cd-ui-fokus:Highlight;--cd-ui-interaktion:Highlight;--cd-ui-success:CanvasText;--cd-ui-warning:CanvasText;--cd-ui-danger:CanvasText;--cd-ui-info:CanvasText;--cd-ui-success-flaeche:Canvas;--cd-ui-warning-flaeche:Canvas;--cd-ui-danger-flaeche:Canvas;--cd-ui-info-flaeche:Canvas;--cd-ui-wortmarke:CanvasText;--cd-ui-chrome-deckkraft:100%}}}.bio-theme-parent{--bio-surface:#fff;--bio-surface-overlay:#fff;--bio-surface-subtle:#f7f7f8;--bio-surface-medium:#f1f2f4;--bio-surface-inverted:#383838;--bio-surface-inverted-subtle:#505562;--bio-text:#22242a;--bio-text-subtle:#505562;--bio-text-subtlest:#818798;--bio-text-on-inverted:#fff;--bio-border:#b9bcc6;--bio-border-disabled:#e3e4e8;--bio-primary:#07c;--bio-primary-surface:#e6f4ff;--bio-danger:#e60000;--bio-danger-surface-subtle:#fff0f0;--bio-selected-surface:var(--bio-surface-medium);--bio-selected-text:var(--bio-text);--bio-focus:#07c;--bio-focus-surface:#e6f4ff;--bio-canvas-accent:#07c;--bio-canvas-accent-subtle:#80caff;--bio-shadow:#0000004d;--bio-shadow-subtle:#0000001a;--bio-radius-sm:2px;--bio-radius-md:3px;--bio-radius-lg:4px}.djs-parent{--button-border-radius:var(--bio-radius-md);--input-border-radius:var(--bio-radius-sm);--surface-border-radius:var(--bio-radius-lg);--canvas-fill-color:var(--bio-surface);--accent-color:var(--bio-canvas-accent);--bendpoint-fill-color:var(--bio-canvas-accent);--bendpoint-stroke-color:var(--canvas-fill-color);--context-pad-entry-background-color:var(--bio-surface);--context-pad-entry-hover-background-color:var(--bio-surface-medium);--element-dragger-color:var(--accent-color);--element-selected-outline-stroke-color:var(--accent-color);--element-selected-outline-secondary-stroke-color:var(--bio-canvas-accent-subtle);--lasso-fill-color:color-mix(in srgb, var(--bio-canvas-accent) 15%, transparent);--lasso-stroke-color:var(--element-selected-outline-stroke-color);--palette-entry-color:var(--bio-text);--palette-entry-hover-color:var(--bio-primary);--palette-entry-selected-color:var(--bio-primary);--palette-separator-color:var(--bio-border);--palette-toggle-hover-background-color:var(--bio-surface-medium);--palette-background-color:var(--bio-surface-subtle);--palette-border-color:var(--bio-border);--popup-font-family:"IBM Plex Sans", sans-serif;--popup-font-size:14px;--popup-secondary-font-size:.9em;--popup-header-entry-selected-color:var(--bio-primary);--popup-header-font-weight:bolder;--popup-header-group-divider-color:var(--bio-border);--popup-background-color:var(--bio-surface-overlay);--popup-border-color:transparent;--popup-shadow-color:var(--bio-shadow);--popup-scrollbar-thumb-color:#0003;--popup-button-background-color:var(--bio-surface-overlay);--popup-button-hover-background-color:var(--bio-surface-medium);--popup-disabled-color:var(--bio-text-subtle);--popup-description-color:var(--bio-text-subtle);--popup-no-results-color:var(--bio-text-subtlest);--popup-entry-title-color:var(--bio-text-subtlest);--popup-entry-selected-background-color:var(--bio-selected-surface);--popup-entry-selected-color:var(--bio-selected-text);--popup-search-border-color:var(--bio-border);--popup-search-focus-border-color:var(--bio-focus);--popup-search-focus-background-color:var(--bio-focus-surface);--popup-tab-color:var(--bio-text-subtlest);--popup-tab-hover-color:var(--bio-text);--popup-tab-active-color:var(--bio-text);--popup-tab-active-border-color:var(--bio-primary);--popup-tab-strip-border-color:var(--bio-border-disabled);--popup-tab-focus-border-color:var(--bio-focus);--resizer-fill-color:var(--bio-canvas-accent);--resizer-stroke-color:var(--canvas-fill-color);--search-font-family:"IBM Plex Sans", sans-serif;--search-font-size:14px;--search-container-background-color:var(--bio-surface-overlay);--search-shadow-color:var(--bio-shadow);--search-input-border-color:var(--bio-border);--search-input-focus-border-color:var(--bio-focus);--search-input-focus-background-color:var(--bio-primary-surface);--search-result-hover-background-color:var(--bio-surface-medium);--search-result-secondary-color:var(--bio-text-subtlest);--search-preselected-background-color:color-mix(in srgb, var(--bio-canvas-accent) 15%, transparent);--shape-attach-allowed-stroke-color:var(--accent-color);--shape-connect-allowed-fill-color:var(--bio-surface-subtle);--shape-drop-allowed-fill-color:var(--bio-surface-subtle);--shape-drop-not-allowed-fill-color:var(--bio-danger-surface-subtle);--shape-resize-preview-stroke-color:var(--accent-color);--snap-line-stroke-color:color-mix(in srgb, var(--bio-canvas-accent) 30%, transparent);--space-tool-crosshair-stroke-color:var(--bio-text);--tooltip-error-background-color:var(--bio-danger-surface-subtle);--tooltip-error-border-color:var(--bio-danger);--tooltip-error-color:var(--bio-danger);--hover-tooltip-font-family:"IBM Plex Sans", sans-serif;--hover-tooltip-font-size:12px;--hover-tooltip-secondary-font-size:11px;--hover-tooltip-background-color:var(--bio-surface-inverted);--hover-tooltip-color:var(--bio-text-on-inverted);--hover-tooltip-shadow-color:var(--bio-shadow-subtle);--palette-tooltip-shortcut-background-color:var(--bio-surface-inverted-subtle)}.djs-container svg.drop-not-ok{background:var(--shape-drop-not-allowed-fill-color)!important}.djs-container svg.new-parent{background:var(--shape-drop-allowed-fill-color)!important}.djs-container svg:focus{outline-offset:-1px}.djs-outline,.djs-selection-outline{fill:none;shape-rendering:geometricprecision;stroke-width:2px}.djs-outline{visibility:hidden}.djs-selection-outline{stroke:var(--element-selected-outline-stroke-color)}.djs-element.selected .djs-outline{visibility:visible;stroke:var(--element-selected-outline-stroke-color)}.djs-connection.selected .djs-outline{display:none}.djs-multi-select .djs-element.selected .djs-outline,.djs-dragging-active-lasso .djs-element.selected .djs-outline{stroke:var(--element-selected-outline-secondary-stroke-color);display:block}.djs-outline-hidden .djs-outline{display:none!important}.djs-shape.connect-ok .djs-visual>:first-child{fill:var(--shape-connect-allowed-fill-color)!important}.djs-shape.connect-not-ok .djs-visual>:first-child,.djs-shape.drop-not-ok .djs-visual>:first-child{fill:var(--shape-drop-not-allowed-fill-color)!important}.djs-shape.new-parent .djs-visual>:first-child{fill:var(--shape-drop-allowed-fill-color)!important}.drop-not-ok,.connect-not-ok,.drop-not-ok *,.connect-not-ok *{cursor:not-allowed!important}.drop-ok,.connect-ok,.drop-ok *,.connect-ok *{cursor:default!important}.djs-element.attach-ok .djs-visual>:first-child{stroke-width:5px!important;stroke:var(--shape-attach-allowed-stroke-color)!important}.djs-frame.connect-not-ok .djs-visual>:first-child,.djs-frame.drop-not-ok .djs-visual>:first-child{stroke-width:3px!important;stroke:var(--shape-drop-not-allowed-fill-color)!important;fill:none!important}.djs-lasso-overlay{fill:var(--lasso-fill-color);stroke:var(--lasso-stroke-color);stroke-width:2px;shape-rendering:geometricprecision;pointer-events:none}.djs-resize-overlay{fill:none;stroke-dasharray:5 1 3 1;stroke:var(--shape-resize-preview-stroke-color);pointer-events:none}.djs-resizer-hit{fill:none;pointer-events:all}.djs-resizer-visual{fill:var(--resizer-fill-color);stroke-width:1px;stroke:var(--resizer-stroke-color);shape-rendering:geometricprecision}.djs-resizer:hover .djs-resizer-visual{stroke:var(--resizer-stroke-color);stroke-opacity:1}.djs-cursor-resize-ns,.djs-resizer-n,.djs-resizer-s{cursor:ns-resize}.djs-cursor-resize-ew,.djs-resizer-e,.djs-resizer-w{cursor:ew-resize}.djs-cursor-resize-nwse,.djs-resizer-nw,.djs-resizer-se{cursor:nwse-resize}.djs-cursor-resize-nesw,.djs-resizer-ne,.djs-resizer-sw{cursor:nesw-resize}.djs-shape.djs-resizing>.djs-outline{visibility:hidden!important}.djs-shape.djs-resizing>.djs-resizer,.djs-dragger>.djs-resizer{visibility:hidden}.djs-dragger *{fill:none!important;stroke:var(--element-dragger-color)!important}.djs-dragger tspan,.djs-dragger text,.djs-dragger marker circle,.djs-dragger marker path,.djs-dragger marker polygon,.djs-dragger marker polyline,.djs-dragger marker rect{fill:var(--element-dragger-color)!important;stroke:none!important}.djs-dragger marker text,.djs-dragger marker tspan{fill:none!important;stroke:var(--element-dragger-color)!important}.djs-dragging,.djs-dragging>*{opacity:.3!important;pointer-events:none!important}.djs-visual,.djs-outline{pointer-events:none}.djs-element.attach-ok .djs-hit{stroke-width:60px!important}.djs-element>.djs-hit-all,.djs-element>.djs-hit-no-move{pointer-events:all}.djs-element>.djs-hit-stroke,.djs-element>.djs-hit-click-stroke{pointer-events:stroke}.djs-connection .djs-visual{stroke-width:2px;fill:none}.djs-cursor-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.djs-cursor-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.djs-cursor-crosshair{cursor:crosshair}.djs-cursor-move{cursor:move}.djs-cursor-resize-ns{cursor:ns-resize}.djs-cursor-resize-ew{cursor:ew-resize}.djs-snap-line{stroke:var(--snap-line-stroke-color);stroke-linecap:round;stroke-width:2px;pointer-events:none}.djs-crosshair{stroke:var(--space-tool-crosshair-stroke-color);stroke-linecap:round;stroke-width:1px;pointer-events:none;shape-rendering:geometricprecision;stroke-dasharray:5 5}.djs-palette{box-sizing:border-box;width:48px;position:absolute;top:20px;left:20px}.djs-palette .separator{border:none;border-bottom:solid 1px var(--palette-separator-color);clear:both;margin:5px;padding-top:5px}.djs-palette .entry:before{vertical-align:initial}.djs-palette .djs-palette-toggle{cursor:pointer}.djs-palette .entry,.djs-palette .djs-palette-toggle{color:var(--palette-entry-color);text-align:center;font-size:30px}.djs-palette .entry{float:left}.djs-palette .entry img{max-width:100%}.djs-palette .djs-palette-entries:after{content:"";clear:both;display:table}.djs-palette .djs-palette-toggle:hover{background:var(--palette-toggle-hover-background-color)}.djs-palette .entry:hover{color:var(--palette-entry-hover-color)}.djs-palette .highlighted-entry{color:var(--palette-entry-selected-color)!important}.djs-palette .entry,.djs-palette .djs-palette-toggle{cursor:default;width:46px;height:46px;line-height:46px}.djs-palette.two-column.open{width:94px}.djs-palette:not(.open) .djs-palette-entries{display:none}.djs-palette:not(.open){overflow:hidden}.djs-palette.open .djs-palette-toggle{display:none}.djs-hover-tooltip{z-index:1000;border-radius:var(--surface-border-radius);background-color:var(--hover-tooltip-background-color);color:var(--hover-tooltip-color);font-family:var(--hover-tooltip-font-family);font-size:var(--hover-tooltip-font-size);white-space:nowrap;pointer-events:none;box-shadow:0 1px 4px var(--hover-tooltip-shadow-color);align-items:center;gap:6px;padding:6px 10px;line-height:1.2;display:flex;position:fixed}.djs-hover-tooltip--right{transform:translateY(-50%)}.djs-hover-tooltip--top{transform:translate(-50%,-100%)}.djs-palette-tooltip-shortcut{border-radius:var(--button-border-radius);background-color:var(--palette-tooltip-shortcut-background-color);font-family:monospace;font-size:var(--hover-tooltip-secondary-font-size);padding:1px 5px;line-height:1.2}.djs-context-pad{pointer-events:none;z-index:100;width:72px;line-height:1;display:none;position:absolute}.djs-context-pad .entry{text-align:center;cursor:default;background-color:var(--context-pad-entry-background-color);width:22px;height:22px;box-shadow:0 0 2px 1px var(--context-pad-entry-background-color);pointer-events:all;vertical-align:middle;border-radius:3px;margin:0 2px 2px 0;font-size:22px;display:inline-block}.djs-context-pad .entry:hover{background:var(--context-pad-entry-hover-background-color)}.djs-context-pad.open{display:block}.djs-popup{box-sizing:border-box;background:var(--popup-background-color);z-index:200;box-shadow:0px 2px 6px var(--popup-shadow-color);border:solid 1px var(--popup-border-color);min-width:120px;max-width:300px;line-height:1;font-size:var(--popup-font-size);font-family:var(--popup-font-family);outline:none;position:fixed;overflow:hidden}.djs-popup-search input{box-sizing:border-box;width:100%;font-size:var(--popup-font-size);border-radius:var(--input-border-radius);border:solid 1px var(--popup-search-border-color);padding:3px 6px 3px 28px;line-height:21px}.djs-popup-search input:focus{background-color:var(--popup-search-focus-background-color);border:solid 1px var(--popup-search-focus-border-color);outline:none}.djs-popup-header{align-items:stretch;margin:10px 12px;line-height:20px;display:flex}.djs-popup-header .entry{border-radius:2px}.djs-popup button.entry{background:0 0;border:0;padding:0}.djs-popup-header .entry.active{color:var(--popup-header-entry-selected-color)}.djs-popup-header .entry.disabled{color:inherit}.djs-popup-header-group{flex-direction:row;align-items:center;margin:0;padding:0;list-style:none;display:flex}.djs-popup-header-group .entry{flex-direction:row;align-items:center;display:flex}.djs-popup-header-group+.djs-popup-header-group:before{content:"";background:var(--popup-header-group-divider-color);width:1px;height:20px;margin:0 5px}.djs-popup-search{width:auto;margin:10px 12px;position:relative}.djs-popup-tabs-container{border-bottom:solid 1px var(--popup-tab-strip-border-color);position:relative}.djs-popup-tabs-scroll{appearance:none;width:28px;color:var(--popup-tab-color);cursor:pointer;border:none;border-radius:0;align-items:center;padding:0;display:flex;position:absolute;top:0;bottom:1px}.djs-popup-tabs-scroll:hover{color:var(--popup-tab-hover-color)}.djs-popup-tabs-scroll-start{background:linear-gradient(to left, transparent, var(--popup-background-color) 60%);justify-content:flex-start;left:0}.djs-popup-tabs-scroll-end{background:linear-gradient(to right, transparent, var(--popup-background-color) 60%);justify-content:flex-end;right:0}.djs-popup-tabs-scroll-start svg{transform:rotate(180deg)}.djs-popup-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:2px;padding:0 12px;scroll-padding:0 28px;display:flex;overflow:auto hidden}.djs-popup-tabs::-webkit-scrollbar{display:none}.djs-popup-tab{appearance:none;font:inherit;font-size:var(--popup-font-size);color:var(--popup-tab-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:6px 10px}.djs-popup-tab:hover{color:var(--popup-tab-hover-color)}.djs-popup-tab:focus-visible{outline:solid 1px var(--popup-tab-focus-border-color);outline-offset:-2px}.djs-popup-tab[aria-selected=true]{color:var(--popup-tab-active-color);border-bottom-color:var(--popup-tab-active-border-color);font-weight:var(--popup-header-font-weight)}.djs-popup-title{font-size:var(--popup-font-size);font-weight:var(--popup-header-font-weight);flex:1;margin:0}.djs-popup-breadcrumbs{margin:10px 12px;line-height:20px;display:flex}.djs-popup-breadcrumbs-item{appearance:none;min-width:0;color:var(--popup-description-color);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;outline:none;margin:0;padding:0;display:inline-flex;overflow:hidden}.djs-popup-breadcrumbs-item--separator:before{content:"/";color:var(--popup-description-color);margin:0 4px;display:inline-block}.djs-popup-breadcrumbs-item:hover{color:inherit;text-decoration:underline}.djs-popup-breadcrumbs-item:focus-visible{outline:1px solid var(--popup-search-focus-border-color);outline-offset:2px}.djs-popup-breadcrumbs-item--back{border:1px solid var(--popup-search-border-color);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;padding:2px 3px}.djs-popup-breadcrumbs-item--back:hover{background:var(--popup-button-hover-background-color)}.djs-popup-breadcrumbs-item--current{font-weight:var(--popup-header-font-weight);color:inherit;cursor:default}.djs-popup-breadcrumbs-item--current:hover{text-decoration:none}.djs-popup-entry-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:6px;display:flex}.djs-popup-entry-chevron{color:var(--popup-description-color);align-items:center;display:flex}.djs-popup-search-icon{position:absolute;top:7px;left:8px}.djs-popup-search-count{font-size:var(--popup-secondary-font-size);color:var(--popup-description-color);margin:0 12px}.djs-popup-results{max-height:280px;margin:7px 3px 7px 12px;padding-right:9px;list-style:none;overflow:auto}.djs-popup-results:focus{outline:none}.djs-popup-group{width:100%;margin:0;padding:0}.djs-popup-body .entry,.djs-popup-body .entry-header{cursor:default;border-radius:4px;padding:5px 7px}.djs-popup-body .entry-header{font-weight:var(--popup-header-font-weight);color:var(--popup-entry-title-color);padding-left:0}.djs-popup [class*=icon] .djs-popup-label,.djs-popup-label:not(:first-child){margin-left:.5em}.djs-popup [class*=icon]:before,.djs-popup-entry-icon{vertical-align:middle;width:1em;height:1em;font-size:1.4em;display:inline-block}.djs-popup-body .entry-header:not(:first-child){margin-top:8px;margin-bottom:2px}.djs-popup-body .entry{flex-direction:row;align-items:stretch;height:min-content;display:flex}.djs-popup .entry.selected{color:var(--popup-entry-selected-color);background-color:var(--popup-entry-selected-background-color)}.djs-popup .entry.disabled{color:var(--popup-disabled-color);cursor:not-allowed}.djs-popup-body .entry:not(:first-child){margin-top:2px}.djs-popup-entry-content{flex-direction:column;flex:1;display:flex}.djs-popup-entry-description{font-size:var(--popup-secondary-font-size);color:var(--popup-description-color);margin-top:.25em}.djs-popup-label,.djs-popup-entry-description{line-height:1.4em}.djs-popup .entry,.djs-popup .entry-header{margin:1px}.djs-popup-body{flex-direction:column;width:auto}.djs-popup ::-webkit-scrollbar{width:6px}.djs-popup ::-webkit-scrollbar-thumb{background-color:var(--popup-scrollbar-thumb-color);border-radius:3px}.djs-popup ::-webkit-scrollbar-track{box-shadow:none;background:0 0;margin:0;padding:5px}.djs-popup-no-results{color:var(--popup-no-results-color);padding:0 12px 12px}.djs-popup-footer{border-top:solid 1px var(--popup-border-color);padding:5px 12px 7px;display:flex}.djs-popup--pointer .djs-popup-footer{display:none}.djs-popup-entry-docs{visibility:hidden;color:var(--popup-description-color);background:var(--popup-button-background-color);border:1px solid var(--popup-search-border-color);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 3px;transition:background-color .12s,border-color .12s,color .12s;display:flex}.djs-popup--pointer .djs-popup-body .entry:hover .djs-popup-entry-docs{visibility:visible}.djs-popup-body .entry .djs-popup-entry-docs:hover{background:var(--popup-button-hover-background-color)}.djs-popup-entry-docs svg{vertical-align:middle}.djs-popup-footer-docs{font-size:var(--popup-secondary-font-size);color:var(--popup-description-color);align-items:center;gap:3px;text-decoration:none;display:inline-flex}.djs-popup-footer-docs:hover{text-decoration:underline}.djs-popup-footer-docs svg{vertical-align:middle;margin:2px}.djs-palette{background:var(--palette-background-color);border:solid 1px var(--palette-border-color);border-radius:var(--surface-border-radius)}.djs-segment-dragger,.djs-bendpoint{display:none}.djs-segment-dragger .djs-visual{fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-width:1px;stroke-opacity:1;display:none}.djs-segment-dragger:hover .djs-visual{display:block}.djs-bendpoint .djs-visual{fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-width:1px}.djs-segment-dragger:hover,.djs-bendpoints.hover .djs-segment-dragger,.djs-bendpoints.selected .djs-segment-dragger,.djs-bendpoint:hover,.djs-bendpoints.hover .djs-bendpoint,.djs-bendpoints.selected .djs-bendpoint{display:block}.djs-drag-active .djs-bendpoints *,.djs-bendpoints:not(.hover) .floating,.djs-bendpoint.floating:not(.positioned){display:none}.djs-segment-dragger:hover .djs-visual,.djs-segment-dragger.djs-dragging .djs-visual,.djs-bendpoint:hover .djs-visual,.djs-bendpoint.floating .djs-visual{fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-opacity:1}.djs-bendpoint.floating .djs-hit{pointer-events:none}.djs-segment-dragger .djs-hit,.djs-bendpoint .djs-hit{fill:none;pointer-events:all}.djs-segment-dragger.horizontal .djs-hit{cursor:ns-resize}.djs-segment-dragger.vertical .djs-hit{cursor:ew-resize}.djs-segment-dragger.djs-dragging .djs-hit{pointer-events:none}.djs-updating,.djs-updating>*{pointer-events:none!important}.djs-updating .djs-context-pad,.djs-updating .djs-outline,.djs-updating .djs-bendpoint,.djs-multi-select .djs-bendpoint,.djs-multi-select .djs-segment-dragger,.connect-ok .djs-bendpoint,.connect-not-ok .djs-bendpoint,.drop-ok .djs-bendpoint,.drop-not-ok .djs-bendpoint{display:none!important}.djs-segment-dragger.djs-dragging,.djs-bendpoint.djs-dragging{opacity:1;display:block}.djs-tooltip-error{background:var(--tooltip-error-background-color);border:solid 1px var(--tooltip-error-border-color);border-radius:var(--surface-border-radius);width:160px;color:var(--tooltip-error-color);opacity:.75;padding:6px;font-size:12px;line-height:16px}.djs-tooltip-error:hover{opacity:1}.djs-search-open .djs-context-pad{display:none}.djs-search-open .djs-connection.selected .djs-outline{display:block}.djs-search-container{z-index:10;width:25%;min-width:300px;max-width:400px;font-family:var(--search-font-family);font-size:var(--search-font-size);border-radius:var(--surface-border-radius);box-shadow:0px 2px 6px var(--search-shadow-color);margin-left:auto;margin-right:auto;position:absolute;top:20px;left:0;right:0}.djs-search-container:not(.open){display:none}.djs-search-input{position:relative}.djs-search-input svg{position:absolute;top:7px;left:8px}.djs-search-input input{font-size:var(--search-font-size);border:1px solid var(--search-input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;width:100%;padding:3px 6px 3px 28px;line-height:21px}.djs-search-input input:focus{background-color:var(--search-input-focus-background-color);border:solid 1px var(--search-input-focus-border-color);outline:none}.djs-search-results{background:var(--search-container-background-color);max-height:200px;position:relative;overflow-y:auto}.djs-search-result{padding:6px 8px}.djs-search-result-primary{text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;overflow:hidden}.djs-search-result-secondary{text-overflow:ellipsis;white-space:nowrap;color:var(--search-result-secondary-color);margin:0;font-family:monospace;overflow:hidden}.djs-search-result:hover,.djs-search-result-selected,.djs-search-result-selected:hover{background:var(--search-result-hover-background-color)}.djs-search-open .djs-element .djs-outline{fill:var(--search-preselected-background-color)!important}.djs-element-hidden,.djs-element-hidden .djs-hit,.djs-element-hidden .djs-outline,.djs-label-hidden .djs-label{display:none!important}.djs-element .djs-hit-stroke,.djs-element .djs-hit-click-stroke,.djs-element .djs-hit-all{cursor:move}.cd-c-fill-grund{fill:var(--cd-ui-grund)!important}.cd-c-fill-plot{fill:var(--cd-ui-plot)!important}.cd-c-stroke-plot{stroke:var(--cd-ui-plot)!important}.cd-c-stroke-grund{stroke:var(--cd-ui-grund)!important}.cd-c-fill-flaeche-hoch{fill:var(--cd-ui-flaeche-hoch)!important}.cd-c-stroke-text{stroke:var(--cd-ui-text)!important}.cd-c-fill-text{fill:var(--cd-ui-text)!important}.cd-c-fill-text-leise{fill:var(--cd-ui-text-leise)!important}.cd-c-stroke-kontur{stroke:var(--cd-ui-kontur)!important}.cd-c-stroke-linie{stroke:var(--cd-ui-linie)!important}.cd-c-fill-linie{fill:var(--cd-ui-linie)!important}.cd-c-stroke-interaktion{stroke:var(--cd-ui-interaktion)!important}.cd-c-stroke-danger{stroke:var(--cd-ui-danger)!important}.cd-c-fill-danger{fill:var(--cd-ui-danger)!important}.cd-c-stroke-info{stroke:var(--cd-ui-info)!important}:root,[data-cd-theme]{--cdc-unterleger:none;--cdc-unterleger-hoch:none;--cdc-unterleger-schrift:none}[data-cd-kontrast=hoch]{--cdc-unterleger-hoch:var(--cd-ui-kontur)}@media screen{[data-cd-theme=dark]{--cdc-unterleger:var(--cd-ui-kontur);--cdc-unterleger-schrift:var(--cd-ui-text)}}@media screen and (prefers-color-scheme:dark){[data-cd-theme=system]{--cdc-unterleger:var(--cd-ui-kontur);--cdc-unterleger-schrift:var(--cd-ui-text)}}.cd-c-unterleger{stroke:var(--cdc-unterleger)!important}.cd-c-unterleger-hoch{stroke:var(--cdc-unterleger-hoch)!important}.cd-c-unterleger-schrift{stroke:var(--cdc-unterleger-schrift)!important}@media screen{@scope([data-cd-theme=dark]) to ([data-cd-theme]){.cd-c-bereich{fill:none!important}.cd-c-bereich-success{stroke:var(--cd-ui-success)!important}.cd-c-bereich-warning{stroke:var(--cd-ui-warning)!important}.cd-c-bereich-info{stroke:var(--cd-ui-info)!important}}}@media screen and (prefers-color-scheme:dark){@scope([data-cd-theme=system]) to ([data-cd-theme]){.cd-c-bereich{fill:none!important}.cd-c-bereich-success{stroke:var(--cd-ui-success)!important}.cd-c-bereich-warning{stroke:var(--cd-ui-warning)!important}.cd-c-bereich-info{stroke:var(--cd-ui-info)!important}}}:root,[data-cd-theme],.bio-theme-parent.bio-theme-parent{--bio-surface:var(--cd-ui-flaeche-hoch);--bio-surface-overlay:var(--cd-ui-flaeche-hoch);--bio-surface-subtle:var(--cd-ui-flaeche-hoch);--bio-surface-medium:var(--cd-ui-hover);--bio-surface-inverted:var(--cd-ui-flaeche-hoch);--bio-surface-inverted-subtle:var(--cd-ui-hover);--bio-text:var(--cd-ui-text);--bio-text-subtle:var(--cd-ui-text-leise);--bio-text-subtlest:var(--cd-ui-text-leise);--bio-text-on-inverted:var(--cd-ui-text);--bio-border:var(--cd-ui-linie);--bio-border-disabled:var(--cd-ui-linie);--bio-primary:var(--cd-ui-interaktion);--bio-primary-surface:var(--cd-ui-hover);--bio-text-on-primary:var(--cd-weiss);--bio-danger:var(--cd-ui-danger);--bio-danger-surface-subtle:var(--cd-ui-danger-flaeche);--bio-selected-surface:var(--cd-ui-hover);--bio-selected-text:var(--cd-ui-text);--bio-focus:var(--cd-ui-fokus);--bio-focus-surface:var(--cd-ui-hover);--bio-canvas-accent:var(--cd-ui-interaktion);--bio-canvas-accent-subtle:var(--cd-ui-interaktion);--bio-shadow:color-mix(in srgb, var(--cd-schwarz) 30%, transparent);--bio-shadow-subtle:color-mix(in srgb, var(--cd-schwarz) 10%, transparent);--bio-radius-sm:var(--cd-radius-sm);--bio-radius-md:var(--cd-radius-md);--bio-radius-lg:var(--cd-radius-lg)}.djs-parent.djs-parent{--canvas-fill-color:var(--cd-ui-grund);--lasso-fill-color:transparent;--search-preselected-background-color:var(--cd-ui-hover);--snap-line-stroke-color:var(--cd-ui-kontur);--resizer-fill-color:var(--cd-ui-plot);--resizer-stroke-color:var(--cd-ui-interaktion);--bendpoint-fill-color:var(--cd-ui-plot);--bendpoint-stroke-color:var(--cd-ui-interaktion);--shape-connect-allowed-fill-color:var(--cd-ui-hover);--shape-drop-allowed-fill-color:var(--cd-ui-hover);--popup-border-color:var(--cd-ui-linie);--popup-scrollbar-thumb-color:var(--cd-ui-linie);--popup-font-family:"Geist Variable", "Geist", ui-sans-serif, system-ui, sans-serif;--search-font-family:var(--popup-font-family);--hover-tooltip-font-family:var(--popup-font-family)}.djs-parent.djs-parent .djs-shape.drop-not-ok .djs-visual>:first-child,.djs-parent.djs-parent .djs-shape.connect-not-ok .djs-visual>:first-child{stroke:var(--cd-ui-danger)!important;stroke-dasharray:6 4!important}.djs-parent.djs-parent svg.drop-not-ok{outline:2px dashed var(--cd-ui-danger);outline-offset:-2px}.djs-parent.djs-parent .djs-tooltip-error{opacity:1}.bjs-container.bjs-container{--accent-color:var(--cd-ui-interaktion);--breadcrumbs-item-color:var(--cd-ui-link);--breadcrumbs-background-color:var(--cd-ui-flaeche-hoch);--breadcrumbs-border-color:var(--cd-ui-linie);--drilldown-background-color:var(--cd-blau);--drilldown-fill-color:var(--cd-weiss)}.wardley-container{background-color:var(--cd-ui-grund);background-image:radial-gradient(var(--cd-ui-linie) 1px, transparent 1px);background-size:22px 22px;width:100%;height:100%;font-family:Geist Variable,Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow:hidden;container:wardley/inline-size}.wardley-container[data-cd-theme]{color:var(--cd-ui-text)}.wardley-container .layer-wardley-axes{pointer-events:none}.wardley-container .djs-element text{-webkit-user-select:none;user-select:none}.wardley-container .wardley-evolve-handle{cursor:ew-resize;pointer-events:all}.wardley-container .wardley-link-badge{color:var(--cd-ui-link);pointer-events:none}.wardley-container .wardley-link-badge>circle{fill:var(--cd-ui-flaeche-hoch);stroke:var(--cd-ui-link);stroke-width:1.5px}.wardley-container .djs-outline{stroke:var(--cd-ui-interaktion);stroke-dasharray:3 3}.wardley-container .djs-shape.hover>.djs-outline{visibility:visible}.wardley-container .djs-drag-active .djs-shape.hover:not(.selected)>.djs-outline{visibility:hidden}.wardley-container .djs-connection.hover>.djs-visual>polyline{stroke-width:2.5px!important}.wardley-container .djs-connection.selected>.djs-visual>polyline{stroke-width:3px!important}.wardley-container .djs-connection.hover>.djs-visual:not(:has(>polygon))>polyline{stroke:var(--cd-ui-text-leise)!important}.wardley-container .djs-connection.selected>.djs-visual:not(:has(>polygon))>polyline{stroke:var(--cd-ui-text)!important}.wardley-container .djs-connection.hover>.djs-visual:has(>polygon)>polyline{stroke-width:3.25px!important}.wardley-container .djs-connection.selected>.djs-visual:has(>polygon)>polyline{stroke-width:3.75px!important}.wardley-container .djs-parent{--element-selected-outline-stroke-color:var(--cd-ui-interaktion);--lasso-stroke-color:var(--cd-ui-interaktion)}.wardley-container .djs-resizer-hit{fill:none}.djs-palette.wardley-palette:where(:not([data-chrome=palette])){left:50%;top:var(--cd-shell-rand);z-index:110;width:max-content;max-width:calc(100% - 2 * var(--cd-shell-rand));height:var(--cd-shell-zeile);box-sizing:border-box;scrollbar-width:none;background:color-mix(in srgb, var(--cd-ui-flaeche-hoch) var(--cd-ui-chrome-deckkraft), transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-md);box-shadow:var(--cd-shadow-1);color:var(--cd-ui-text);align-items:center;padding:3px;display:flex;overflow:auto hidden;transform:translate(-50%)}.djs-palette.wardley-palette:where(:not([data-chrome=palette]))::-webkit-scrollbar{display:none}.djs-palette.wardley-palette:where(:not([data-chrome=palette])).two-column.open{width:auto}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .djs-palette-entries,.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .group{flex-direction:row;align-items:center;display:flex}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .group{gap:2px}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry{float:none;width:var(--cd-shell-ziel);height:var(--cd-shell-ziel);border-radius:var(--cd-radius-sm);color:var(--cd-ui-text);transition:background var(--cd-motion-fast) var(--cd-ease), color var(--cd-motion-fast) var(--cd-ease), box-shadow var(--cd-motion-fast) var(--cd-ease);flex:none;line-height:normal}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry:hover{background:var(--cd-ui-hover);color:var(--cd-ui-interaktion)}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry.highlighted-entry{color:var(--cd-ui-text)!important}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry.highlighted-entry:hover{color:var(--cd-ui-interaktion)!important}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-pressed=true]{background:var(--cd-ui-hover);box-shadow:inset 0 0 0 2px var(--cd-ui-interaktion)}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-disabled=true],.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-disabled=true]:hover{cursor:not-allowed;background:0 0;color:var(--cd-ui-text-leise)!important}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-disabled=true]>*{filter:grayscale()}:where(.wardley-container) .djs-hover-tooltip{border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-sm);background:var(--cd-ui-flaeche-hoch);color:var(--cd-ui-text);box-shadow:var(--cd-shadow-2);-webkit-user-select:none;user-select:none;padding:3px 8px;font-family:inherit;font-size:13px;font-weight:400;line-height:20px}:where(.wardley-container) .djs-hover-tooltip.djs-hover-tooltip--bottom{box-sizing:border-box;white-space:normal;width:max-content;max-width:min(280px,100% - 24px);position:absolute;transform:translate(-50%)}:where(.wardley-container) .djs-hover-tooltip .djs-palette-tooltip-shortcut{border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-sm);background:var(--cd-ui-grund);color:var(--cd-ui-text-leise);box-shadow:none;vertical-align:baseline;padding:1px 6px;font-family:Geist Mono Variable,Geist Mono,ui-monospace,monospace;font-size:13px;font-weight:400}@container wardley (width<=760px){.djs-palette.wardley-palette:where(:not([data-chrome=palette])){top:var(--cd-shell-frei)}}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .group+.group{margin-left:8px;padding-left:9px;position:relative}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .group+.group:before{content:"";background:var(--cd-ui-linie);width:1px;position:absolute;top:4px;bottom:4px;left:0}.djs-palette:where(:not([data-chrome=palette])) .wardley-palette-entry{justify-content:center;align-items:center;width:100%;min-width:24px;height:100%;min-height:24px;line-height:1;display:flex}.wardley-palette-svg{display:block}.wardley-container.wardley-draw-mode,.wardley-container.wardley-draw-mode *{cursor:crosshair!important}.wardley-container .wardley-drawing-handle{cursor:grab;pointer-events:all}.wardley-container .djs-context-pad{width:max-content}.wardley-container .djs-context-pad.open{border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-md);background:var(--cd-ui-flaeche-hoch);box-shadow:var(--cd-shadow-2);grid-template-columns:repeat(2,max-content);align-items:start;gap:2px 7px;padding:3px;display:grid}.wardley-container .djs-context-pad .group{gap:2px;display:flex}.wardley-container .djs-context-pad .group[data-group=edit]{grid-column:1/-1}.wardley-container .djs-context-pad .group[data-group=wardley]+.group[data-group=danger]{padding-left:7px;position:relative}.wardley-container .djs-context-pad .group[data-group=wardley]+.group[data-group=danger]:before{content:"";background:var(--cd-ui-linie);width:1px;position:absolute;top:4px;bottom:4px;left:0}.wardley-container .djs-context-pad .entry.wardley-cp-entry{box-sizing:border-box;border-radius:var(--cd-radius-sm);width:28px;height:28px;box-shadow:none;color:var(--cd-ui-text);transition:background var(--cd-motion-fast) var(--cd-ease), color var(--cd-motion-fast) var(--cd-ease);background:0 0;justify-content:center;align-items:center;margin:0;line-height:1;display:inline-flex}.wardley-container .djs-context-pad .entry:hover{background:var(--cd-ui-hover);color:var(--cd-ui-interaktion)}.wardley-container .djs-context-pad .group[data-group=danger] .entry:hover{background:var(--cd-ui-danger-flaeche);color:var(--cd-ui-danger)}.wardley-container .wardley-label-input{border:1.5px solid var(--cd-ui-interaktion);border-radius:var(--cd-radius-sm);background:var(--cd-ui-flaeche-hoch);color:var(--cd-ui-text);box-shadow:var(--cd-shadow-2);z-index:100;outline:none;min-width:90px;padding:2px 6px;font-family:inherit;font-size:13px}.wardley-container .wardley-link-input{min-width:240px}.wardley-container .wardley-label-textarea{resize:none;white-space:pre;min-width:120px;line-height:17px}.wardley-container .djs-element.wardley-label-editing .wardley-name-label{visibility:hidden}.wardley-container .wardley-label-input--name{box-sizing:border-box;min-width:0;overflow:hidden}.wardley-container .wardley-label-input--error{border-color:var(--cd-ui-danger)}.wardley-container .wardley-label-caption{z-index:100;border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-sm);background:var(--cd-ui-flaeche-hoch);max-width:320px;box-shadow:var(--cd-shadow-1);color:var(--cd-ui-text-leise);pointer-events:none;padding:3px 8px;font-size:11px;font-style:normal;font-weight:400;line-height:1.4;position:absolute}.wardley-container .wardley-label-error{border-color:var(--cd-ui-danger);color:var(--cd-ui-danger)}.wardley-container .wardley-color-picker{z-index:300;background:var(--cd-ui-flaeche-hoch);border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-md);box-shadow:var(--cd-shadow-3);grid-template-columns:repeat(3,22px);gap:12px;padding:12px;display:grid;position:absolute}.wardley-container .wardley-cp-swatch{border-radius:var(--cd-radius-sm);border:1px solid var(--cd-ui-linie);cursor:pointer;width:22px;height:22px;transition:transform var(--cd-motion-fast) var(--cd-ease);padding:0}.wardley-container .wardley-cp-swatch:hover{transform:scale(1.1)}.wardley-container .wardley-cp-active{box-shadow:0 0 0 2px var(--cd-ui-flaeche-hoch), 0 0 0 4px var(--cd-ui-interaktion)}.wardley-container .wardley-cp-none{background:var(--cd-ui-flaeche-hoch);background-image:linear-gradient(45deg, transparent 44%, var(--cd-ui-danger) 45%, var(--cd-ui-danger) 55%, transparent 56%)}.wardley-container .djs-element.wardley-drop-target>.djs-visual>rect:first-child{stroke:var(--cd-ui-text)!important;stroke-width:2px!important;stroke-dasharray:none!important;fill:var(--cd-ui-hover)!important}.wardley-container .wardley-map-resize-hit{fill:#0000;stroke:none;pointer-events:all}.wardley-container .wardley-map-resize-x .wardley-map-resize-hit{cursor:ew-resize}.wardley-container .wardley-map-resize-y .wardley-map-resize-hit{cursor:ns-resize}.wardley-container .wardley-map-resize-xy .wardley-map-resize-hit{cursor:nwse-resize}.wardley-container .wardley-map-resize-visual{opacity:0;pointer-events:none;stroke:var(--cd-ui-text-leise);stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:opacity var(--cd-motion-fast) var(--cd-ease)}.wardley-container rect.wardley-map-resize-visual{fill:var(--cd-ui-flaeche-hoch);stroke-width:1px;rx:2px}.wardley-container .wardley-map-resize:hover .wardley-map-resize-visual,.wardley-container .wardley-map-resize.is-dragging .wardley-map-resize-visual{opacity:1}.wardley-container .wardley-map-resize-handle:hover .wardley-map-resize-visual{stroke:var(--cd-ui-text)}.wardley-container .wardley-map-resize-badge{z-index:30;border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-sm);background:var(--cd-ui-flaeche-hoch);color:var(--cd-ui-text);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;box-shadow:var(--cd-shadow-2);padding:4px 8px;font-size:12px;line-height:1.4;position:absolute}.wardley-container .wardley-map-resize-badge[hidden]{display:none}.djs-popup.wardley-element-settings{border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-md);box-shadow:var(--cd-shadow-3);font-family:inherit}.djs-popup.wardley-element-settings .djs-popup-results{max-height:none}.djs-popup.wardley-element-settings .djs-popup-results:focus-visible{outline:none}.djs-popup.wardley-element-settings:has(.djs-popup-results:focus-visible){outline:2px solid var(--cd-ui-fokus);outline-offset:2px}.wardley-container :where(button,a,select,input,textarea,[role=button],[tabindex]):focus-visible,.djs-palette.wardley-palette:where(:not([data-chrome=palette])) :where(.entry,[role=button],[tabindex]):focus-visible,.djs-popup.wardley-element-settings :where(.entry,[tabindex]):focus-visible{outline:2px solid var(--cd-ui-fokus);outline-offset:2px}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) :where(.entry,[role=button],[tabindex]):focus-visible{z-index:1;outline-offset:-2px}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-pressed=true]:focus-visible{outline-offset:-5px}:where(.wardley-container) .wardley-color-picker .wardley-cp-active:focus-visible{outline-offset:5px}.wardley-container svg:focus-visible{outline:2px solid var(--cd-ui-fokus);outline-offset:-2px}.wardley-container svg:focus:not(:focus-visible){outline:none}.wardley-container .wardley-label-input:focus{outline:2px solid var(--cd-ui-fokus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.wardley-container *,.wardley-container :before,.wardley-container :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.wardley-container.wardley-labels-draggable .wardley-label-handle{cursor:move;pointer-events:all}.wardley-container.wardley-label-dragging,.wardley-container.wardley-label-dragging *{cursor:move!important}.wardley-container.wardley-read-only .djs-context-pad,.wardley-container.wardley-read-only .layer-wardley-map-resize,.wardley-container.wardley-read-only .layer-wardley-drawing-handles{display:none}.wardley-container.wardley-read-only .wardley-label-handle,.wardley-container.wardley-read-only .wardley-evolve-handle{cursor:default}.wardley-popover{top:calc(var(--cd-shell-rand) + var(--cd-shell-zeile) + var(--cd-shell-luecke));left:var(--cd-shell-rand);z-index:var(--cd-shell-ebene-aufklapper);box-sizing:border-box;border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-md);background:var(--cd-ui-flaeche-hoch);width:min(320px,100cqw - 24px);max-height:calc(100cqh - 72px);box-shadow:var(--cd-shadow-3);color:var(--cd-ui-text);text-align:left;animation:wardley-pop-in var(--cd-motion-fast) var(--cd-ease-out);padding:16px;font:400 13px/1.5 Geist Variable,Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:absolute;overflow:auto}.wardley-popover[hidden]{display:none}@keyframes wardley-pop-in{0%{opacity:0;transform:translateY(-4px)}}.wardley-popover-title{margin:0 0 16px;font-size:13px;font-weight:600;line-height:1.5}.wardley-popover-body{flex-direction:column;gap:16px;display:flex}.wardley-popover-hint{color:var(--cd-ui-text-leise);margin:0}.wardley-popover-link{color:var(--cd-ui-link)}.wardley-popover-footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.wardley-field{flex-direction:column;gap:4px;min-width:0;display:flex}.wardley-field-label{color:var(--cd-ui-text);font-weight:600}.wardley-field-input{box-sizing:border-box;border:1px solid var(--cd-ui-kontur);border-radius:var(--cd-radius-sm);background:var(--cd-ui-grund);width:100%;min-height:36px;color:var(--cd-ui-text);font:inherit;padding:8px 12px}.wardley-field-input:focus{border-color:var(--cd-ui-interaktion);outline:2px solid var(--cd-ui-fokus);outline-offset:2px}.wardley-field-input[aria-invalid=true]{border-color:var(--cd-ui-danger)}.wardley-field-error{color:var(--cd-ui-danger);margin:0}.wardley-field-row{align-items:flex-end;gap:8px;display:flex}.wardley-field-row .wardley-field{flex:1}.wardley-field-times{color:var(--cd-ui-text-leise);padding-bottom:8px}.wardley-button{border-radius:var(--cd-radius-md);min-height:36px;color:var(--cd-ui-text);font:inherit;cursor:pointer;transition:background-color var(--cd-motion-fast) var(--cd-ease), border-color var(--cd-motion-fast) var(--cd-ease), box-shadow var(--cd-motion-fast) var(--cd-ease), color var(--cd-motion-fast) var(--cd-ease), transform var(--cd-motion-fast) var(--cd-ease);background:0 0;border:1px solid #0000;padding:0 16px;font-weight:600}.wardley-button[data-variant=secondary]{border-color:var(--cd-ui-linie);background:var(--cd-ui-flaeche-hoch)}.wardley-button[data-variant=secondary]:hover{border-color:var(--cd-ui-interaktion);background:var(--cd-ui-hover);color:var(--cd-ui-link)}.wardley-button[data-variant=ghost]:hover{background:var(--cd-ui-hover)}.wardley-button[data-variant=primary]{background:var(--cd-blau);box-shadow:var(--cd-shadow-1);color:var(--cd-weiss)}.wardley-button[data-variant=primary]:is(:hover,:active){background:var(--cd-blau-link);box-shadow:var(--cd-shadow-2);transform:translateY(-1px)}.wardley-button:disabled,.wardley-button:disabled:hover{color:var(--cd-ui-text-leise);cursor:not-allowed;background:0 0;border-color:#0000}.wardley-button[data-variant=primary]:disabled,.wardley-button[data-variant=primary]:disabled:hover{border-color:var(--cd-ui-linie);background:var(--cd-ui-hover);box-shadow:none;transform:none}.wardley-button:focus-visible,.wardley-popover-link:focus-visible{outline:2px solid var(--cd-ui-fokus);outline-offset:2px}.wardley-dialog{box-sizing:border-box;width:min(560px,100cqw - 32px);max-width:none;max-height:calc(100cqh - 32px);color:var(--cd-ui-text);background:0 0;border:0;padding:0;font:400 13px/1.5 Geist Variable,Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:visible}.wardley-dialog::backdrop{background:var(--cd-ui-backdrop);-webkit-backdrop-filter:blur(3px)grayscale();backdrop-filter:blur(3px)grayscale()}.wardley-dialog-panel{border:1px solid var(--cd-ui-linie);border-radius:var(--cd-radius-md);background:var(--cd-ui-flaeche-hoch);max-height:calc(100cqh - 32px);box-shadow:var(--cd-shadow-3);flex-direction:column;display:flex}.wardley-dialog-header{flex:none;justify-content:space-between;align-items:center;gap:16px;padding:16px 16px 8px 24px;display:flex}.wardley-dialog-title{margin:0;font-size:21px;font-weight:600;line-height:1.3}.wardley-dialog-close{border-radius:var(--cd-radius-sm);width:32px;height:32px;color:var(--cd-ui-text);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.wardley-dialog-close:hover{background:var(--cd-ui-hover);color:var(--cd-ui-interaktion)}.wardley-dialog-close:focus-visible{outline:2px solid var(--cd-ui-fokus);outline-offset:2px}.wardley-dialog-form{flex-direction:column;min-height:0;display:flex}.wardley-dialog-body{min-height:0;padding:8px 24px 24px;overflow:auto}.wardley-dialog-footer{border-top:1px solid var(--cd-ui-linie);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}@scope([data-cd-kontrast=hoch]) to ([data-cd-theme]:not([data-cd-kontrast=hoch])){:scope :is(.wardley-popover,.wardley-dialog-panel){border-color:var(--cd-ui-kontur);box-shadow:none}:scope .wardley-button[data-variant=primary],:scope .djs-palette.wardley-palette:where(:not([data-chrome=palette])),:scope .djs-popup.wardley-element-settings,:is(:scope.wardley-container,:scope .wardley-container) :is(.djs-context-pad.open,.djs-hover-tooltip,.wardley-label-input,.wardley-label-caption,.wardley-color-picker,.wardley-map-resize-badge){box-shadow:none}:scope :is(.wardley-field-input,.wardley-button,.wardley-popover-link,.wardley-dialog-close):focus-visible,:is(:scope.wardley-container,:scope .wardley-container) :where(button,a,select,input,textarea,[role=button],[tabindex]):focus-visible,:scope .djs-palette.wardley-palette:where(:not([data-chrome=palette])) :where(.entry,[role=button],[tabindex]):focus-visible,:scope .djs-popup.wardley-element-settings :where(.entry,[tabindex]):focus-visible{outline-width:3px}:scope .djs-popup.wardley-element-settings:has(.djs-popup-results:focus-visible){outline-width:3px}:scope .djs-palette.wardley-palette:where(:not([data-chrome=palette])) :where(.entry,[role=button],[tabindex]):focus-visible{outline-offset:-3px}:scope .djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-pressed=true]:focus-visible{outline-offset:-6px}:is(:scope.wardley-container,:scope .wardley-container) .wardley-label-input:focus{outline-width:3px}:is(:scope.wardley-container,:scope .wardley-container) svg:focus-visible{outline-offset:-3px;outline-width:3px}}@media (forced-colors:active){:is(.wardley-popover,.wardley-dialog-panel){border-color:canvastext}.wardley-container .wardley-link-badge{color:linktext}.wardley-container .wardley-link-badge>circle{fill:canvas;stroke:linktext}.wardley-button{border-color:buttontext}:is(.wardley-field-input,.wardley-button,.wardley-popover-link,.wardley-dialog-close):focus-visible,.wardley-container .wardley-label-input:focus{outline-color:highlight}:where(.wardley-container) .wardley-color-picker .wardley-cp-swatch{forced-color-adjust:none;border-color:canvastext}:where(.wardley-container) .wardley-color-picker .wardley-cp-none{background:canvas linear-gradient(45deg,#0000 44%,canvastext 45% 55%,#0000 56%)}:where(.wardley-container) .wardley-color-picker .wardley-cp-active{box-shadow:0 0 0 2px canvas,0 0 0 4px highlight}:where(.wardley-container) .wardley-color-picker .wardley-cp-swatch:focus-visible{outline-color:highlight}.djs-palette.wardley-palette:where(:not([data-chrome=palette])){-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border-color:canvastext}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .group+.group:before{forced-color-adjust:none;background:canvastext}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) :where(.entry,[role=button],[tabindex]):focus-visible{outline-color:highlight}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-pressed=true],.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-pressed=true]:hover{forced-color-adjust:none;background:canvas;box-shadow:inset 0 0 0 2px highlight;color:canvastext!important}.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-disabled=true],.djs-palette.wardley-palette:where(:not([data-chrome=palette])) .entry[aria-disabled=true]:hover{color:graytext!important}}@media (prefers-reduced-motion:reduce){.wardley-popover{animation:none}.wardley-button[data-variant=primary]:is(:hover,:active){transform:none}}.cd-shell-reduce-motion .wardley-popover{animation:none}.cd-shell-reduce-motion .wardley-button[data-variant=primary]:is(:hover,:active){transform:none}
|
|
2
2
|
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@miragon/wardley-renderer",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.16.0",
|
|
4
4
|
"description": "Render and display Wardley maps in the browser, with a viewer and modeler built on diagram-js.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@miragon/modeler-api": "1.6.0",
|
|
44
|
-
"@miragon/wardley-dsl": "0.
|
|
44
|
+
"@miragon/wardley-dsl": "0.9.0",
|
|
45
45
|
"@miragon/wardley-schema-model": "0.6.1",
|
|
46
46
|
"clsx": "2.1.1"
|
|
47
47
|
},
|