| .react-flow__node-custom { | |
| font-size: 10px; | |
| width: 180px; | |
| background: #f5f5f6; | |
| color: #222; | |
| box-shadow: 0 4px 6px -1px rgb(0 0 0 / 15%), 0 2px 4px -1px rgb(0 0 0 / 8%); | |
| border-radius: 2px; | |
| } | |
| .react-flow__node-custom .react-flow__handle { | |
| top: 24px; | |
| right: -15px; | |
| width: 6px; | |
| height: 10px; | |
| border-radius: 2px; | |
| background-color: #778899; | |
| } | |
| .react-flow__node.circle { | |
| border-radius: 50%; | |
| width: 60px; | |
| height: 60px; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| font-weight: 700; | |
| } | |
| .react-flow__node.annotation { | |
| border-radius: 0; | |
| text-align: left; | |
| background: white; | |
| border: none; | |
| line-height: 1.4; | |
| width: 225px; | |
| box-shadow: 0 4px 6px -1px rgb(0 0 0 / 15%), 0 2px 4px -1px rgb(0 0 0 / 8%); | |
| } | |
| .react-flow__node.annotation .react-flow__handle { | |
| display: none; | |
| } | |
| .custom-node__header { | |
| padding: 8px 10px; | |
| border-bottom: 1px solid #e2e8f0; | |
| } | |
| .custom-node__body { | |
| padding: 10px; | |
| } | |
| .custom-node__select { | |
| position: relative; | |
| margin-bottom: 10px; | |
| } | |
| .custom-node__select select { | |
| width: 100%; | |
| margin-top: 5px; | |
| font-size: 10px; | |
| } | |