/* Custom Node Classes */
.react-flow__node {
  @apply !border-none;
}

.customHandle.react-flow__handle {
  @apply opacity-0;
}

.customNode-start-flow {
  @apply flex justify-center w-[200px];
}

.customNode-start-flow-radius {
  @apply p-1 border border-dashed rounded-full bg-white h-[50px] w-[50px] flex justify-center items-center relative border-[#999];
}

.customNode-flow {
  @apply p-1 border border-solid rounded bg-white h-16 w-52 flex flex-col items-center justify-center cursor-pointer;
}

.customHandle {
  @apply opacity-0;
}

.customNode-add-flow {
  @apply flex justify-center;
}

.custom-node-distribution-btn {
  @apply p-1 border border-solid border-[#999] rounded-full bg-white h-8 w-8 flex items-center justify-center cursor-pointer mt-[-15px] z-10 absolute;
}

.custom-node-add-radius-flow {
  @apply p-1 border border-dashed border-[#999] rounded-full bg-white h-8 w-8 flex items-center justify-center cursor-pointer relative;
}

.line-between-node {
  @apply left-1/2 h-6 w-[1px] bg-[#999] relative ml-[-1px];
}