#dynamic-prompting .content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    border: 1px solid #eee;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-radius: 0px 0px 8px 8px;
}

#dynamic-prompting .codeblock {
    color: #50a080;
}

/* Fixes up the quite hard-to-see border on the collections dropdown */
#tab_sddp-wildcard-manager ul.options {
    border: var(--input-border-width) solid var(--border-color-primary);
    border-radius: var(--input-radius);
}

.dark #dynamic-prompting .collapsible {
    background-color: rgb(31, 41, 55);
    border: 2px solid rgb(31, 41, 55);
}

.dark #dynamic-prompting .active, .collapsible:hover {
    background-color: #06080D;
    border: 2px solid #06080D;
}

.dark #dynamic-prompting .content {
    border: 2px solid #0C111C;
}

#dynamic-prompting h2 {
    font-size: 1.2em;
    font-weight: bolder;
}

#dynamic-prompting h3 {
    font-size: 1.1em;
    font-weight: bolder;
}

#dynamic-prompting a {
    color: #50a080;
}

.tree-leaf { position: relative; }
.tree-leaf .tree-child-leaves { display: block; margin-left: 15px; }
.tree-leaf .hidden { display: none; }
.tree-leaf .tree-expando { background: #ddd; border-radius: 3px; cursor: pointer; float: left; height: 10px; line-height: 10px; position: relative; text-align: center; top: 5px; width: 10px; }
.tree-leaf .hidden { visibility: hidden; }
.tree-leaf .tree-expando:hover { background: #aaa; }
.tree-leaf .tree-leaf-text { cursor: pointer; float: left; margin-left: 5px; }
.tree-leaf .tree-leaf-text:hover { color: blue; }
.tree-leaf .tree-leaf-content:before, .tree-leaf .tree-leaf-content:after { content: " "; display: table; }
.tree-leaf .tree-leaf-content:after { clear: both; }