:root {
    --rz-accordion-item-padding: 1rem;
    --rz-accordion-item-margin: 0;
    --rz-accordion-item-border: var(--rz-border-base-200);
    --rz-accordion-item-background-color: var(--rz-base-background-color);
    --rz-accordion-item-color: var(--rz-text-secondary-color);
    --rz-accordion-item-line-height: 1.5rem;
    --rz-accordion-item-font-size: var(--rz-body-font-size);
    --rz-accordion-item-font-weight: 500;
    --rz-accordion-icon-width: var(--rz-icon-size);
    --rz-accordion-icon-height: var(--rz-icon-size);
    --rz-accordion-icon-font-size: var(--rz-icon-size);
    --rz-accordion-icon-margin: 0 0.75rem 0 0;
    --rz-accordion-toggle-icon-margin: 0 0 0 0.75rem;
    --rz-accordion-toggle-icon-order: 1;
    --rz-accordion-selected-color: var(--rz-text-title-color);
    --rz-accordion-hover-color: var(--rz-text-title-color);
    --rz-accordion-content-padding: 1rem;
    --rz-accordion-content-font-size: var(--rz-body-font-size);
    --rz-accordion-border-radius: var(--rz-border-radius);
    --rz-accordion-shadow: var(--rz-shadow-1);
}

.rz-accordion {
    box-shadow: var(--rz-accordion-shadow);
}

.rz-accordion-header {
    background-color: var(--rz-accordion-item-background-color);
    margin: var(--rz-accordion-item-margin);
}

    .rz-accordion-header:not(:first-child) {
        border-top: var(--rz-accordion-item-border);
    }

    .rz-accordion-header a[role='tab'] {
        padding: var(--rz-accordion-item-padding);
        color: var(--rz-accordion-item-color);
        line-height: var(--rz-accordion-item-line-height);
        text-decoration: none;
        display: flex;
        align-items: center;
        font-size: var(--rz-accordion-item-font-size);
        font-weight: var(--rz-accordion-item-font-weight);
    }

        .rz-accordion-header a[role='tab']:hover {
            color: var(--rz-accordion-hover-color);
        }

        .rz-accordion-header a[role='tab'] span:not(.rz-accordion-toggle-icon) {
            flex-grow: 1;
        }

    .rz-accordion-header .rzi, .rz-accordion-header .rz-column-drag, .rz-accordion-header .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-accordion-header .rzi-circle-o-notch, .rz-accordion-header .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-accordion-header .rzi-plus, .rz-accordion-header .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-accordion-header .rzi-grid-sort, .rz-accordion-header .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-accordion-header .rzi-chevron-circle-down, .rz-accordion-header .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-accordion-header .rzi-chevron-circle-right, .rz-accordion-header .rz-fileupload-row .rz-button .rzi-close, .rz-accordion-header .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-accordion-header .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-accordion-header .rzi-close,
    .rz-accordion-header .rz-fileupload-row .rz-button .rzi-times,
    .rz-accordion-header .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-button .rz-accordion-header .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-accordion-header .rzi-times,
    .rz-accordion-header .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-accordion-header .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-accordion-header .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-accordion-header .rz-icon-trash, .rz-accordion-header .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-accordion-header .rz-menuitem-icon {
        font-size: var(--rz-accordion-icon-font-size);
        margin: var(--rz-accordion-icon-margin);
    }

.rz-accordion-toggle-icon {
    width: var(--rz-accordion-icon-width);
    height: var(--rz-accordion-icon-height);
    font-size: var(--rz-accordion-icon-font-size);
    order: var(--rz-accordion-toggle-icon-order);
}

    .rz-accordion-toggle-icon.rzi, .rz-accordion-toggle-icon.rz-column-drag, .rz-datatable-loading-content .rz-accordion-toggle-icon.rzi-circle-o-notch, .rz-datatable-header .rz-accordion-toggle-icon.rzi-plus, .rz-sortable-column .rz-accordion-toggle-icon.rzi-grid-sort, .rz-datatable .rz-accordion-toggle-icon.rzi-chevron-circle-down, .rz-datatable .rz-accordion-toggle-icon.rzi-chevron-circle-right, .rz-fileupload-row .rz-button .rz-accordion-toggle-icon.rzi-close, .rz-fileupload-row .rz-paginator-element .rz-accordion-toggle-icon.rzi-close,
    .rz-fileupload-row .rz-button .rz-accordion-toggle-icon.rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-accordion-toggle-icon.rzi-times,
    .rz-fileupload-row .rz-button .rz-accordion-toggle-icon.rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-accordion-toggle-icon.rz-icon-trash, .rz-menuitem .rz-accordion-toggle-icon.rz-menuitem-icon {
        margin: var(--rz-accordion-toggle-icon-margin);
    }

    .rz-accordion-toggle-icon.rzi-chevron-right:before {
        content: "keyboard_arrow_down";
    }

    .rz-accordion-toggle-icon.rzi-chevron-down:before {
        content: "keyboard_arrow_up";
    }

.rz-state-active a[role='tab'] {
    color: var(--rz-accordion-selected-color);
}

.rz-accordion-content-wrapper-overflown {
    overflow: hidden;
}

.rz-accordion-content {
    font-size: var(--rz-accordion-content-font-size);
    background-color: var(--rz-accordion-item-background-color);
    padding: var(--rz-accordion-content-padding);
}