
.connectable_canvas_node
{
    box-sizing: content-box;
    width: 250px;  // keep in sync with `NODE_WIDTH` in position_utils.ts
}

// TODO, document where "node" is set as a CSS property and or change it to a
// longer name that's more specific / easier to search for.
.connectable_canvas_node.node .node_main_content
{
    min-height: 36px;
    white-space: normal;
}
.connectable_canvas_node .node_main_content
{
    transform-origin: left top; // helps with styling the scale of node
}
.connectable_canvas_node .node_main_content .node_image_content
{
    max-height: 200px;
    max-width: 100%;
    margin: 0 auto;
    width: initial;
}

.connection_terminal {
    position: absolute;
    background-color: white;
    border: thin solid #555;
    font-size: 9px;
    text-align: center;
    user-select: none;
}

.connection_terminal:hover
{
    box-shadow: 0 0 6px blue;
    background-color: rgb(53, 130, 247);
}
