/* @advanced-canvas-node-style
key: validation-state
label: Validation State
options: 
  - 
    label: Stateless
    value: null
    icon: circle-help

  - 
    label: Approved
    value: approved
    icon: circle-check

  - 
    label: Pending
    value: pending
    icon: circle-dot

  - 
    label: Rejected
    value: rejected
    icon: circle-x
*/
.canvas-node[data-validation-state] .canvas-node-content::after {
  content: "";

  position: absolute;
  top: 10px;
  right: 10px;

  font-size: 1em;
}

.canvas-node[data-validation-state="approved"] .canvas-node-content::after {
  content: "✔️";
}

.canvas-node[data-validation-state="pending"] .canvas-node-content::after {
  content: "⏳";
}

.canvas-node[data-validation-state="rejected"] .canvas-node-content::after {
  content: "❌";
}