.level-1.svelte-3quu98.svelte-3quu98 {
    --header-background: var(--grey-800);
    --title-color: var(--white);
    --content-background: var(--grey-600);
    --content-border: var(--grey-800)
}

.level-2.svelte-3quu98.svelte-3quu98 {
    --header-background: var(--grey-500);
    --title-color: var(--grey-100);
    --content-background: var(--grey-500);
    --content-border: var(--grey-400)
}

.level-3.svelte-3quu98.svelte-3quu98 {
    --header-background: var(--grey-700);
    --title-color: var(--grey-100);
    --content-background: var(--grey-700);
    --content-border: var(--grey-400)
}

.level-4.svelte-3quu98.svelte-3quu98 {
    --header-background: var(--grey-600);
    --title-color: var(--white);
    --content-background: var(--grey-700);
    --content-border: transparent
}

.title.svelte-3quu98.svelte-3quu98 {
    display: inline-flex;
    align-items: center;
    transition: .3s transform;
    font-weight: 600;
    text-align: left;
    color: var(--secondaryAccordion-header-title-color);
    margin-right: var(--space-1)
}

.title.svelte-3quu98>*+* {
    margin-left: var(--space-1)
}

.header.svelte-3quu98.svelte-3quu98 {
    z-index: 4;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    padding: var(--space-3) var(--space-4);
    color: var(--title-color);
    cursor: pointer
}

.header.svelte-3quu98.svelte-3quu98:focus-visible {
    outline: .125rem solid var(--grey-300);
    outline-offset: .125rem
}

.secondary-accordion.svelte-3quu98.svelte-3quu98 {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    z-index: 0;
    box-shadow: var(--btn-shadow);
    background: var(--header-background)
}

.secondary-accordion.svelte-3quu98>.header.svelte-3quu98 {
    width: 100%
}

.secondary-accordion.is-open.svelte-3quu98 .header.svelte-3quu98 {
    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0
}

.content.svelte-3quu98.svelte-3quu98 {
    background: var(--content-background);
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 0 0 var(--border-radius-base) var(--border-radius-base)
}

.content.render-content.svelte-3quu98.svelte-3quu98 {
    display: none
}

.content.is-open.svelte-3quu98.svelte-3quu98 {
    border-top: 2px solid var(--content-border)
}

.content.is-open.render-content.svelte-3quu98.svelte-3quu98 {
    display: flex
}

.arrow.svelte-3quu98.svelte-3quu98 {
    display: flex;
    align-items: center
}

.arrow.svelte-3quu98 .svg-icon {
    font-size: var(--text-size-base)
}

.arrow.svelte-3quu98>*+* {
    margin-left: var(--space-2)
}