@layer components{.pattern-graph{background:var(--c-neutral-0);width:100%;overflow:visible}.pattern-graph__svg{user-select:none;width:100%;height:auto;max-height:calc(100vh - var(--space-2xl) * 2);display:block;overflow:visible}.pattern-graph__edge{fill:none;stroke:var(--c-neutral-400,#aaa);stroke-width:.75px;stroke-opacity:.3;pointer-events:none;transition:stroke-opacity .2s}.pattern-graph__svg--hovering .pattern-graph__edge--dimmed{stroke-opacity:.03}.pattern-graph__svg--hovering .pattern-graph__edge--active{stroke-opacity:.6;stroke:var(--c-neutral-600,#666)}.pattern-graph__edge--trail{stroke:var(--c-neutral-600,#666);stroke-opacity:.5}.pattern-graph__edge--active[data-edge-type=complements]{stroke-dasharray:4 2}.pattern-graph__edge--active[data-edge-type=tangential]{stroke-dasharray:2 3}.pattern-graph__edge--active[data-edge-type=alternative]{stroke-dasharray:6 2 1 2}.pattern-graph__edge--active[data-edge-type=enables],.pattern-graph__edge--active[data-edge-type=instantiates]{stroke-dasharray:8 3}.pattern-graph__edge--active[data-edge-type=enacts]{stroke-dasharray:1 2}.pattern-graph__node{cursor:pointer}.pattern-graph__node:focus-visible{outline:none}.pattern-graph__node:focus-visible .pattern-graph__circle{outline-offset:2px;outline:2px solid}.pattern-graph__circle{stroke:#fff;stroke-width:1px;transition:opacity .2s}.pattern-graph__node:hover .pattern-graph__circle,.pattern-graph__node--active .pattern-graph__circle{stroke-width:2px}.pattern-graph__svg--hovering .pattern-graph__node--dimmed .pattern-graph__circle{opacity:.08}.pattern-graph__node--trail .pattern-graph__circle{stroke:var(--c-neutral-700,#333);stroke-width:1.5px}.pattern-graph__node[data-seed] .pattern-graph__circle{stroke:var(--c-neutral-700);stroke-width:1.25px;stroke-dasharray:2 2}[data-color-mode=at-level] [data-at-level=operation] .pattern-graph__circle,.pattern-graph__legend-dot[data-at-level=operation]{fill:oklch(55% .13 155)}[data-color-mode=at-level] [data-at-level=action] .pattern-graph__circle,.pattern-graph__legend-dot[data-at-level=action]{fill:oklch(58% .17 235)}[data-color-mode=at-level] [data-at-level=activity] .pattern-graph__circle,.pattern-graph__legend-dot[data-at-level=activity]{fill:oklch(62% .18 55)}[data-color-mode=at-level] [data-at-level=cross-cutting] .pattern-graph__circle,.pattern-graph__legend-dot[data-at-level=cross-cutting]{fill:oklch(55% .1 300)}[data-color-mode=mediation] [data-mediation=individual] .pattern-graph__circle,.pattern-graph__legend-dot[data-mediation=individual]{fill:oklch(55% .1 240)}[data-color-mode=mediation] [data-mediation=coordination] .pattern-graph__circle,.pattern-graph__legend-dot[data-mediation=coordination]{fill:oklch(62% .16 65)}[data-color-mode=mediation] [data-mediation=networking] .pattern-graph__circle,.pattern-graph__legend-dot[data-mediation=networking]{fill:oklch(58% .14 180)}[data-color-mode=mediation] .pattern-graph__node:not([data-mediation]) .pattern-graph__circle{fill:oklch(55% .05 300)}.pattern-graph__color-toggle{font-size:12px;font-family:var(--font-sans,system-ui, sans-serif);color:var(--c-neutral-600,#666);border:none;align-items:center;gap:12px;margin:0;padding:8px 0 0;display:flex}.pattern-graph__color-toggle-legend{margin-inline-end:4px;padding:0;font-weight:500}.pattern-graph__color-toggle-option{cursor:pointer;align-items:center;gap:4px;display:flex}.pattern-graph__color-toggle-option input[type=radio]{accent-color:var(--c-neutral-700,#333);margin:0}.pattern-graph__label{font-size:9px;font-family:var(--font-sans,system-ui, sans-serif);fill:var(--c-neutral-900,#1a1a2e);paint-order:stroke fill;stroke:var(--c-neutral-0);stroke-width:3px;stroke-linejoin:round;pointer-events:none;opacity:0;transition:opacity .15s}.pattern-graph__node:hover .pattern-graph__label,.pattern-graph__node:focus-visible .pattern-graph__label,.pattern-graph__svg--hovering .pattern-graph__node--active .pattern-graph__label,.pattern-graph__svg--hovering .pattern-graph__node--neighbor .pattern-graph__label{opacity:.9}.pattern-graph__node--trail .pattern-graph__label{opacity:.6}.pattern-graph__svg--show-labels .pattern-graph__label{opacity:.9}}