/* -------------------------------------------------------------------
   Create new node panel
   ------------------------------------------------------------------- */
.create-node-popup {
  background-color: var(--theme-color-bg-2);
}

.create-node-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  cursor: pointer;
  background-color: var(--theme-color-bg-2);
}

.create-node-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--theme-color-border-strong);
}

.create-node-search-bg {
  background-color: var(--theme-color-bg-3);
}

.create-node-light-bg {
  background-color: var(--theme-color-bg-4);
}

.create-node-dark-input {
  background-color: var(--theme-color-bg-3);
  color: var(--theme-color-fg-default-contrast);
  border: none;
  display: block;
  padding: 0 0 0 10px;
  box-sizing: border-box;
  font: 12px var(--font-family-regular);
}

.create-node-item.disabled {
  background: none;
  border: none;
  color: var(--theme-color-fg-muted);
}

.create-node-list-item {
  background-color: var(--theme-color-bg-4);
  padding-left: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: var(--theme-color-fg-highlight);
  cursor: default;
}

/*.create-node-list-item+.create-node-list-item {
    border-top: 1px solid #222222;
  }*/

.create-node-list-item.highlighted {
  background-color: var(--theme-color-primary);
}

.create-node-search-icon {
  color: var(--theme-color-fg-default-shy);
  margin-left: 5px;
}

.create-node-path-item {
  color: var(--theme-color-fg-highlight);
  padding-left: 3px;
  line-height: 35px;
}

.create-node-library-empty {
  color: var(--theme-color-fg-default-contrast);
  padding: 15px;
}

.create-node-quickbar-icon {
  font-size: 20px;
  padding: 5px;
  color: var(--theme-color-fg-default-contrast);
  width: 20px;
  height: 20px;
  object-fit: cover;
}

.create-node-quickbar-icon:hover {
  background-color: var(--theme-color-bg-5);
}

.create-node-quickbar-icon.text {
  content: url('../assets/icons/quickbar-text.svg');
}

.create-node-quickbar-icon.image {
  content: url('../assets/icons/quickbar-image.svg');
}

.create-node-quickbar-icon.circle {
  content: url('../assets/icons/quickbar-circle.svg');
}

.create-node-quickbar-icon.group {
  content: url('../assets/icons/quickbar-group.svg');
}

.create-node-quickbar-icon.inputs {
  content: url('../assets/icons/quickbar-inputs.svg');
}

.create-node-quickbar-icon.outputs {
  content: url('../assets/icons/quickbar-outputs.svg');
}

/** docs formatting */
.create-node-docs * {
  color: var(--theme-color-fg-default-shy);
}

.create-node-docs img {
  width: 100%;
}

.create-node-docs h1 {
  color: var(--theme-color-fg-default-contrast);
}

.create-node-docs h2 {
  color: var(--theme-color-fg-default);
}

.create-node-docs strong {
  color: var(--theme-color-fg-default);
}

.create-node-docs a {
  color: var(--theme-color-notice);
}

.create-node-docs a:hover {
  color: var(--theme-color-notice-hover);
}

.create-node-docs .language-javascript {
  color: var(--theme-color-fg-highlight);
  background-color: var(--theme-color-bg-5);
  display: block;
  padding: 5px;
  overflow: overlay;
  z-index: 0;
}

.ndl-images {
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
}

.ndl-image {
  height: auto;
  margin: 5px;
  align-self: flex-start;
}

.ndl-image.small {
  width: 30%;
}

.ndl-image.med {
  width: 50%;
}

.ndl-image.large {
  width: 100%;
}
