.node select,
.node textarea,
.node input {
    width: 100%;
}

.node textarea,
.node input {
    display: block;
    font-size: 110%;
    border-radius: 8px;
    background-color: white;
    padding: 2px 6px;
    border: 1px solid #999;
}

.node .vs__selected-options{
    flex-wrap: nowrap;
    overflow-x: hidden;
}

.node .vs__selected-options input {
    display: flex;
    width: 0;
    font-size: inherit;
    border: none;
}

.node .vs__dropdown-toggle {
    background: white;
}

.vs__dropdown-menu {
    font-size: 110%;
}

.node label {
    display: flex;
    color: white;
    font-size: 120%;
    font-weight: bold;
    justify-content: space-between;
}

.node label input[type=checkbox] {
    width: 20px;
}

.node .title {
    font-size: 150% !important;
    font-weight: bold !important;
    text-align: center;
}

/* .node .output, .node .input {
    height: 0;
}

.node .socket {
    margin-top: -35px !important;
} */

.node.selected {
    border-color: black !important;
    box-shadow: 0 0 0 6px transparent;
    animation: 1s animateSelected infinite;
}

@keyframes animateSelected {
  to {
    box-shadow: 0 0 0 6px white;
  }
}

.socket {
    background-color: grey !important;
}

.node.start, .node.start.selected {
    background-color: yellowgreen !important;
}

.node.end, .node.end.selected {
    background-color: crimson !important;
}

.node.background, .node.background.selected {
    background-color: dodgerblue !important;
}

.node.coming, .node.coming.selected {
    background-color: green !important;
}

.node.leaving, .node.leaving.selected {
    background-color: darkred !important;
}

.node.dialog, .node.dialog.selected {
    background-color: blueviolet !important;
}

.node.image, .node.image.selected {
    background-color: #6666ff !important;
}

.node.video, .node.video.selected {
    background-color: #7788ff !important;
}

.node.slide, .node.slide.selected {
    background-color: #6699ee !important;
}

.node.silent, .node.silent.selected {
    background-color: rebeccapurple !important;
}

.node.choice, .node.choice.selected {
    background-color: sienna !important;
}

.node.option, .node.option.selected {
    background-color: coral !important;
}

.node.mini-game, .node.mini-game.selected {
    background-color: slategrey !important;
}

.node.var-number, .node.var-number.selected {
    background-color: goldenrod !important;
}

.node.var-string, .node.var-string.selected {
    background-color: goldenrod !important;
}

.node.input, .node.input.selected {
    background-color: darkkhaki !important;
}