.children {
  padding-top: 1px; /* stops margin collapse */
  margin-top: -1px; /* visually cancels the padding if needed */
}

webapp-nodeeditor.theme-default {
--header-bg-depth-1: hsl(275,80%,70%);
    --header-bg-depth-2: hsl(275,100%,80%);
    --header-bg-depth-3: hsl(275,100%,90%);
    --header-bg-depth-4: hsl(250,80%,75%);
    --header-bg-depth-5: hsl(250,70%,80%);
    --header-bg-depth-6: hsl(250,80%,90%);
    --header-bg-depth-7: hsl(200,100%,50%);
    --header-bg-depth-8: hsl(200,100%,70%);
    --header-bg-depth-9: hsl(200,100%,85%);
    --header-bg-depth-10: hsl(175,100%,50%);
    --header-bg-depth-11: hsl(175,100%,75%);
    --header-bg-depth-12: hsl(175,100%,90%);
    --header-bg-depth-13: hsl(160,100%,50%);
    --header-bg-depth-14: hsl(160,100%,75%);
    --header-bg-depth-15: hsl(160,100%,85%);
    --header-bg-depth-16: hsl(120,100%,50%);
    --header-bg-depth-17: hsl(120,100%,75%);
    --header-bg-depth-18: hsl(120,100%,85%);
    --header-bg-depth-19: hsl(75,100%,50%);
    --header-bg-depth-20: hsl(75,100%,75%);
    --header-bg-depth-21: hsl(75,100%,85%);
    --header-bg-depth-22: hsl(60,100%,50%);
    --header-bg-depth-23: hsl(60,100%,75%);
    --header-bg-depth-24: hsl(60,100%,85%);
    --header-bg-depth-25: hsl(50,100%,50%);
    --header-bg-depth-26: hsl(50,100%,75%);
    --header-bg-depth-27: hsl(50,100%,85%);
    --header-bg-depth-28: hsl(30,100%,50%);
    --header-bg-depth-29: hsl(30,100%,75%);
    --header-bg-depth-30: hsl(30,100%,85%);
    --header-bg-depth-31: hsl(0,100%,66%);
    --header-bg-depth-32: hsl(0,100%,75%);
    --header-bg-depth-33: hsl(0,100%,85%);
    --header-bg-depth-34: hsl(330,100%,50%);
    --header-bg-depth-35: hsl(330,100%,75%);
    --header-bg-depth-36: hsl(330,100%,85%);
    --header-bg-depth-37: hsl(300,100%,50%);
    --header-bg-depth-38: hsl(300,100%,75%);
    --header-bg-depth-39: hsl(300,100%,85%);
    --header-bg-depth-40: hsl(0,0%,50%);
    --header-bg-depth-41: hsl(0,0%,60%);
    --header-bg-depth-42: hsl(0,0%,70%);
    --header-bg-depth-43: hsl(0,0%,80%);
    --header-bg-depth-44: hsl(0,0%,90%);
    --header-bg-depth-45: hsl(0,0%,100%);
}

webapp-nodeeditor.theme-default[depth="1"] {
  --header-bg: var(--header-bg-depth-1);
}

webapp-nodeeditor.theme-default[depth="2"] {
  --header-bg: var(--header-bg-depth-2);
}

webapp-nodeeditor.theme-default[depth="3"] {
  --header-bg: var(--header-bg-depth-3);
}

webapp-nodeeditor.theme-default[depth="4"] {
  --header-bg: var(--header-bg-depth-4);
}

webapp-nodeeditor.theme-default[depth="5"] {
  --header-bg: var(--header-bg-depth-5);
}

webapp-nodeeditor.theme-default[depth="6"] {
  --header-bg: var(--header-bg-depth-6);
}

webapp-nodeeditor.theme-default[depth="7"] {
  --header-bg: var(--header-bg-depth-7);
}

webapp-nodeeditor.theme-default[depth="8"] {
  --header-bg: var(--header-bg-depth-8);
}

webapp-nodeeditor.theme-default[depth="9"] {
  --header-bg: var(--header-bg-depth-9);
}

webapp-nodeeditor.theme-default[depth="10"] {
  --header-bg: var(--header-bg-depth-10);
}

webapp-nodeeditor.theme-default[depth="11"] {
  --header-bg: var(--header-bg-depth-11);
}

webapp-nodeeditor.theme-default[depth="12"] {
  --header-bg: var(--header-bg-depth-12);
}

webapp-nodeeditor.theme-default[depth="13"] {
  --header-bg: var(--header-bg-depth-13);
}

webapp-nodeeditor.theme-default[depth="14"] {
  --header-bg: var(--header-bg-depth-14);
}

webapp-nodeeditor.theme-default[depth="15"] {
  --header-bg: var(--header-bg-depth-15);
}

webapp-nodeeditor.theme-default[depth="16"] {
  --header-bg: var(--header-bg-depth-16);
}

webapp-nodeeditor.theme-default[depth="17"] {
  --header-bg: var(--header-bg-depth-17);
}

webapp-nodeeditor.theme-default[depth="18"] {
  --header-bg: var(--header-bg-depth-18);
}
webapp-nodeeditor.theme-default[depth="19"] {
  --header-bg: var(--header-bg-depth-19);
}
webapp-nodeeditor.theme-default[depth="20"] {
  --header-bg: var(--header-bg-depth-20);
}
webapp-nodeeditor.theme-default[depth="21"] {
  --header-bg: var(--header-bg-depth-21);
}
webapp-nodeeditor.theme-default[depth="22"] {
  --header-bg: var(--header-bg-depth-22);
}
webapp-nodeeditor.theme-default[depth="23"] {
  --header-bg: var(--header-bg-depth-23);
}
webapp-nodeeditor.theme-default[depth="24"] {
  --header-bg: var(--header-bg-depth-24);
}
webapp-nodeeditor.theme-default[depth="25"] {
  --header-bg: var(--header-bg-depth-25);
}
webapp-nodeeditor.theme-default[depth="26"] {
  --header-bg: var(--header-bg-depth-26);
}
webapp-nodeeditor.theme-default[depth="27"] {
  --header-bg: var(--header-bg-depth-27);
}
webapp-nodeeditor.theme-default[depth="28"] {
  --header-bg: var(--header-bg-depth-28);
}
webapp-nodeeditor.theme-default[depth="29"] {
  --header-bg: var(--header-bg-depth-29);
}
webapp-nodeeditor.theme-default[depth="30"] {
  --header-bg: var(--header-bg-depth-30);
}
webapp-nodeeditor.theme-default[depth="31"] {
  --header-bg: var(--header-bg-depth-31);
}
webapp-nodeeditor.theme-default[depth="32"] {
  --header-bg: var(--header-bg-depth-32);
}
webapp-nodeeditor.theme-default[depth="33"] {
  --header-bg: var(--header-bg-depth-33);
}
webapp-nodeeditor.theme-default[depth="34"] {
  --header-bg: var(--header-bg-depth-34);
}
webapp-nodeeditor.theme-default[depth="35"] {
  --header-bg: var(--header-bg-depth-35);
}
webapp-nodeeditor.theme-default[depth="36"] {
  --header-bg: var(--header-bg-depth-36);
}
webapp-nodeeditor.theme-default[depth="37"] {
  --header-bg: var(--header-bg-depth-37);
}
webapp-nodeeditor.theme-default[depth="38"] {
  --header-bg: var(--header-bg-depth-38);
}
webapp-nodeeditor.theme-default[depth="39"] {
  --header-bg: var(--header-bg-depth-39);
}
webapp-nodeeditor.theme-default[depth="40"] {
  --header-bg: var(--header-bg-depth-40);
}
webapp-nodeeditor.theme-default[depth="41"] {
  --header-bg: var(--header-bg-depth-41);
}
webapp-nodeeditor.theme-default[depth="42"] {
  --header-bg: var(--header-bg-depth-42);
}
webapp-nodeeditor.theme-default[depth="43"] {
  --header-bg: var(--header-bg-depth-43);
}
webapp-nodeeditor.theme-default[depth="44"] {
  --header-bg: var(--header-bg-depth-44);
}
webapp-nodeeditor.theme-default[depth="45"] {
  --header-bg: var(--header-bg-depth-45);
}

.affordances-NOTICE-western {
    background-color: #AEE0FF; 
}

.affordances-CAUTION-western {
    background-color:#FFFF00;    
}

.affordances-WARNING-western {
    background-color:#FFCDAE;
}

.affordances-DANGER-western {
    background-color: rgb(255,128,128);
}

[contenteditable]:focus {
  outline: none;
}

x-list:focus {
  outline: none;
}

.marked {
    background-color: #00FF00;
    color: #000000;
}