.quiqqer-accordion-list--softCardAccentFill {
    --_items-gap: var(--quiqqer-bricks-accordion-items-gap, 1rem);
    --_item-bg: var(--quiqqer-bricks-accordion-softCardAccentFill-item-bg, var(--qui-colors-surface-soft, var(--qui-colors-surface-subtle)));
    --_item-radius: var(--quiqqer-bricks-accordion-softCardAccentFill-radius, var(--qui-radius-card));
    --_item-color: var(--quiqqer-bricks-accordion-softCardAccentFill-item-color, inherit);
    --_item-open-bg: var(--quiqqer-bricks-accordion-softCardAccentFill-item-open-bg, var(--qui-colors-primary));
    --_item-open-color: var(--quiqqer-bricks-accordion-softCardAccentFill-item-open-color, var(--qui-colors-primary-contrast, #fff));
    --_header-font-size: var(--quiqqer-bricks-accordion-header-font-size, 1rem);
    --_header-font-weight: var(--quiqqer-bricks-accordion-header-font-weight, 500);
    --_header-padding: var(--quiqqer-bricks-accordion-softCardAccentFill-header-padding, 1.125rem 1.25rem);
    --_icon-bg: var(--quiqqer-bricks-accordion-softCardAccentFill-icon-bg, var(--qui-colors-surface));
    --_icon-color: var(--quiqqer-bricks-accordion-softCardAccentFill-icon-color, inherit);
    --_icon-size: var(--quiqqer-bricks-accordion-softCardAccentFill-icon-size, 2rem);
    --_icon-open-bg: var(--quiqqer-bricks-accordion-softCardAccentFill-icon-open-bg, var(--_icon-bg));
    --_icon-open-color: var(--quiqqer-bricks-accordion-softCardAccentFill-icon-open-color, var(--qui-colors-primary));
    --_content-color: var(--quiqqer-bricks-accordion-softCardAccentFill-content-color, color-mix(in oklab, currentColor 85%, var(--_item-open-bg)));
}

.quiqqer-accordion-item--softCardAccentFill {
    background: var(--_item-bg);
    border-radius: var(--_item-radius);
    color: var(--_item-color);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.quiqqer-accordion-item--softCardAccentFill[data-open="1"] {
    background: var(--_item-open-bg);
    color: var(--_item-open-color);
}

.quiqqer-accordion-item--softCardAccentFill .quiqqer-accordion-item-header--softCard {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: var(--_header-font-size);
    font-weight: var(--_header-font-weight);
    gap: 1rem;
    margin: 0;
    padding: var(--_header-padding);
}

.quiqqer-accordion-item--softCardAccentFill .quiqqer-accordion-item-header-text {
    flex-grow: 1;
}

.quiqqer-accordion-item--softCardAccentFill .quiqqer-accordion-item-header-icon {
    align-items: center;
    background: var(--_icon-bg);
    border-radius: 50%;
    color: var(--_icon-color);
    display: inline-flex;
    height: var(--_icon-size);
    justify-content: center;
    line-height: 1;
    min-width: var(--_icon-size);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.quiqqer-accordion-item--softCardAccentFill[data-open="1"] .quiqqer-accordion-item-header-icon {
    background: var(--_icon-open-bg);
    color: var(--_icon-open-color);
}

.quiqqer-accordion-list--icon-left .quiqqer-accordion-item--softCardAccentFill .quiqqer-accordion-item-header-icon {
    margin-left: 0;
    order: -1;
}

.quiqqer-accordion-item--softCardAccentFill .quiqqer-accordion-item-content--softCard {
    padding: 0 1.25rem 1.25rem;
    color: var(--_content-color);
}
