.accordion-container {
    font-family: var(--sd-ec-font-font-family-regular);
    display: flex;
    padding: var(--sd-spacing-base-none);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sd-spacing-base-small);
    border-radius: var(--sd-ec-border-radius-none);
    border-bottom: 2px solid var(--sd-divider-medium-default-color);
    color: var(--sd-ec-color-brand-tertiary-100);
    font-feature-settings: 'liga' off;
    font-size: var(--sd-ec-text-paragraph-medium-fontsize);
    font-style: normal;
}

.accordion-container .collapse-title {
    background: none;
    border: none;
    text-align: left;
    color: var(--sd-ec-color-brand-tertiary-100);
    display: flex;
    align-items: center;
    align-self: stretch;
    min-height: 1.5rem;
    justify-content: space-between;
    gap: var(--sd-spacing-base-medium);
    padding: var(--sd-spacing-base-medium);
    font-weight: var(--sd-ec-text-heading-medium-fontweight);
    line-height: var(--sd-ec-text-heading-medium-lineheight);
    letter-spacing: var(--sd-ec-text-heading-medium-letterspacing);
    font-size: var(--sd-ec-text-paragraph-medium-fontsize);
}

.accordion-container .collapse-content {
    display: flex;
    padding: var(--sd-spacing-base-none) var(--sd-spacing-base-xx-large) var(--sd-spacing-base-large) var(--sd-spacing-base-medium);
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.accordion-container .collapse-title img {
    width: 1.5rem;
}

.accordion-container.content-hidden .collapse-content {
    display: none;
}

.accordion-container .collapse-button {
    filter: var(--sd-ec-color-filter-default);
}

.accordion-container .collapse-title:hover img, .accordion-container .collapse-title:active img {
    filter: var(--sd-ec-color-brand-tertiary-100);
}

.accordion-container .collapse-title:hover {
    background: var(--sd-ec-color-background-secondary-010);
}

.accordion-container.content-hidden:hover {
    border-bottom: var(--sd-divider-medium-default-stroke) solid var(--sd-divider-medium-on-background-light-color);
}

.accordion-container.content-hidden:active {
    border-bottom: var(--sd-divider-medium-default-stroke) solid var(--sd-ec-color-background-secondary-040);
}

.accordion-container .collapse-title:active {
    background: var(--sd-ec-color-background-secondary-020);
}

.accordion-container .collapse-title:focus {
    outline: none;
}

.accordion-container .collapse-title:focus-visible {
    box-shadow: 0 0 0 var(--sd-border-base-size-xx-small) var(--sd-color-base-blue-145), 0 0 0 var(--sd-boxshadow-base-size-x-small) var(--sd-ec-color-state-secondary-120), 0 0 0 var(--sd-boxshadow-base-size-small) var(--sd-color-base-blue-145);
    z-index: 1;
}