:root{
    --default-border-radius: 8px !important;
}

[data-jsc-accordion-container] .accordion-header {
    margin: 0
}

[data-jsc-accordion-container] .accordion-button {
    width: 100%;
    text-align: inherit;
    border-radius: 0;
    border: 0;
    font-size: 14px;
    color: var(--bs-body-color) !important;
}

[data-jsc-accordion-container] .accordion-button:not(:disabled) {
    cursor: pointer
}

[data-jsc-accordion-container] .accordion-button {
    padding: 12px;
    background-color: #eee
}

[data-jsc-accordion-container] [data-jsc-accordion-item] {
    
}

[data-jsc-accordion-container] [data-jsc-accordion-item]:not(:first-child) {
    margin-top: 8px
}

[data-jsc-accordion-container] [data-jsc-accordion]>.accordion-content {
    padding: 12px
}

[data-jsc-accordion] {
    padding: 0!important;
    margin: 0!important;
    overflow: hidden
}

[data-jsc-accordion-container] .accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-radius: var(--default-border-radius);
}

[data-jsc-accordion-container] .accordion-button.expanded {
    border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
}

[data-jsc-accordion-container] .accordion-button .accordion-icon {
    flex-shrink: 0;
    flex-grow: 0;
    line-height: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all var(--jsc-ac-duration, .3s) ease-in-out;
    --size: 1.4em
}

[data-jsc-accordion-container] .accordion-button.expanded .accordion-icon {
    transform: rotate(-180deg)
}

[data-jsc-accordion-container] .accordion-button .accordion-icon svg {
    width: var(--size, 1rem);
    height: var(--size, 1rem)
}

.accordion-content{
    border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);
    background-color: #eee;
    font-size: 14px;
}