.nightshade-disclosure {
border-bottom: 1px solid color-mix(in srgb, var(--nightshade-panel-border) 60%, transparent);
}
.nightshade-disclosure-header {
display: flex;
align-items: center;
gap: 6px;
width: 100%;
padding: 8px 10px;
border: none;
background: transparent;
color: var(--nightshade-text);
font: inherit;
font-weight: 600;
text-align: left;
cursor: pointer;
}
.nightshade-disclosure-header:hover {
background: var(--nightshade-hover);
}
.nightshade-disclosure-caret {
display: inline-flex;
width: 12px;
justify-content: center;
color: var(--nightshade-text-dim);
transition: transform 0.12s ease;
}
.nightshade-disclosure-caret.open {
transform: rotate(90deg);
}
.nightshade-disclosure-body {
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px 10px 12px 26px;
}
.nightshade-accordion {
border: 1px solid var(--nightshade-panel-border);
border-radius: var(--nightshade-radius);
overflow: hidden;
}
.nightshade-accordion .nightshade-disclosure:last-child {
border-bottom: none;
}