div.node-editor-wrapper {
    grid-area: center-container;
    position: relative;
    overflow: hidden;
}

div.node-editor-wrapper>svg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

div.node-editor-wrapper>div.node-element {
    background-color: #212121;
    position: absolute;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: box-shadow 0.3s cubic-bezier(.25, .8, .25, 1);
}

div.node-editor-wrapper>div.node-element:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

div.node-editor-wrapper>div.node-element>div.title {
    color: white;
    font-size: 17px;
    box-sizing: border-box;
    padding: 8px;
}

div.node-editor-wrapper>div.node-element>div.connectors-wrapper {
    background-color: #424242;
    box-sizing: border-box;
    display: flex;
}

div.node-editor-wrapper>div.node-element>div.connectors-wrapper>div.inputs-wrapper {
    margin-right: 10px;
    overflow: hidden;
}

div.node-editor-wrapper>div.node-element>div.connectors-wrapper>div.outputs-wrapper {
    margin-left: 10px;
    overflow: hidden;
}

div.node-editor-wrapper>div.node-element>div.connectors-wrapper div.node {
    color: white;
    box-sizing: border-box;
    padding: 4px 15px;
    position: relative;
}

div.node-editor-wrapper>div.node-element>div.connectors-wrapper>div.inputs-wrapper>div.node::after {
    content: '';
    position: absolute;
    left: -5px;
    top: 8px;
    width: 15px;
    height: 15px;
    border-radius: 17px;
    background-color: #303030;
    transition: ease all 300ms;
}

div.node-editor-wrapper>div.node-element>div.connectors-wrapper>div.outputs-wrapper>div.node::after {
    content: '';
    position: absolute;
    right: -5px;
    top: 8px;
    width: 15px;
    height: 15px;
    border-radius: 17px;
    background-color: #303030;
    transition: ease all 300ms;
}

div.node-editor-wrapper>div.node-element>div.connectors-wrapper div.node.connected::after {
    background-color: white !important;
    top: 12px !important;
    height: 6px !important;
}

div.node-editor-wrapper>div.node-element>div.connectors-wrapper div.node:hover::after {
    background-color: #00B0FF !important;
}

div.node-editor-wrapper>div.node-element>div.connectors-wrapper div.node.connecting::after {
    background-color: #0091EA !important;
}

div.node-editor-wrapper>div.node-element>div.icon {
    position: absolute;
    right: 0px;
    top: 0px;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 37px;
    font-size: 20px;
    color: white;
    display: none;
    opacity: 0.6;
}

div.node-editor-wrapper>div.node-element:hover>div.icon {
    display: flex;
}

div.node-editor-wrapper>div.node-element>div.icon:hover {
    opacity: 1;
}