.nnds-collapsible
{
}

.nnds-collapsible__summary
{
    transition: 0.2s;
    list-style: none;
    padding: 13px var(--size-m) 12px var(--size-m);
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto var(--space-s);
    -ms-grid-columns: 1fr var(--space-s);
}

.nnds-collapsible__summary > div:first-child
{
    -ms-grid-column: 1;
    grid-column: 1;
}

.nnds-collapsible__summary > div:last-child
{
    -ms-grid-column: 2;
    grid-column: 2;

}

.nnds-collapsible__summary, .nnds-collapsible__summary *
{
    cursor: pointer;
}

.nnds-collapsible__summary:hover
{
    background-color: var(--color-sand-100);
}

.nnds-collapsible__summary:focus
{
    outline: 2px solid var(--color-purple-900);
}

.nnds-collapsible__summary-label
{
    display: flex;
}

.nnds-collapsible__summary-label img
{
    margin-right: var(--size-m);
}

.nnds-collapsible__detail
{
    padding: var(--size-s) var(--size-m) var(--size-xl) var(--size-m);
}