.webhook-diagram{background:var(--color-charcoal-950);border-color:var(--color-app-grid-bright);color:var(--color-app-text-bright)}.webhook-diagram--delivery{background:var(--color-background)}.webhook-diagram *{box-shadow:none}.webhook-diagram .diagram-node{background:var(--color-app-bg-bright);border-color:var(--color-app-grid-bright);border-radius:8px}.webhook-diagram .diagram-node-title{font-family:var(--font-sans);font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.01em;color:var(--color-app-text-bright)}.webhook-diagram .diagram-node-body{font-size:14px;line-height:1.5;color:var(--color-app-text-dimmed)}.webhook-diagram .diagram-node-result{font-size:13px;line-height:1.5;color:var(--color-app-text-bright)}.webhook-diagram .diagram-step{background:var(--color-app-bg-dimmed);border-color:var(--color-app-grid-bright);border-radius:4px;opacity:1;padding-block:6px}.webhook-diagram .diagram-step .diagram-node-title{font-size:16px}.webhook-diagram .diagram-step-code{font-size:12px;line-height:1.4;color:var(--color-app-text-dimmed)}.webhook-diagram .diagram-step[data-state=waiting]{border-color:color-mix(in srgb,var(--color-sky-500) 45%,var(--color-app-grid-bright));background:color-mix(in srgb,var(--color-sky-500) 5%,var(--color-app-bg-dimmed))}.webhook-diagram .diagram-status{display:inline-flex;align-items:center;gap:4px;height:24px;padding-inline:8px;font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--color-app-text-dimmed)}.webhook-diagram .diagram-status[data-state=done]{color:var(--color-app-success)}.webhook-diagram .diagram-status[data-state=active]{color:var(--color-app-text-bright)}.webhook-diagram--mobile .diagram-node-title{font-size:14px;line-height:1.4}.webhook-diagram--mobile .diagram-node[data-active=true]{border-color:var(--color-charcoal-500)}