.duxAccordion{
    height: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.duxAccordion .header {
    background: var(--primary-40);
    color: var(--primary-contrast);
    font-size: 18px;
    padding: 7px;
    border-radius: 4px;
    cursor: pointer;
}

.duxAccordion .header .state-indicator{
    margin-right: 10px;
}

.duxAccordion .content-expander{
    box-sizing: border-box;
    padding: 0px;
    width: 100%;
    overflow: hidden;
    max-height: 0px;
    transition: max-height 300ms ease-in-out;
}

.duxAccordion button[data-generic-relation] {
    padding: 3px 5px;
}