.template-unclr {
    --button-background-primary: var(--tertiary-clr);
    --button-background-secondary: var(--tertiary-clr);
}

.sekar .template-unclr {
    --button-text-primary: var(--dark-clr);
    --button-text-secondary: var(--dark-clr);
}

.dewanty .template-unclr {
    --button-background-primary: var(--secondary-clr);
    --button-background-secondary: var(--secondary-clr);
    --button-text-primary: var(--primary-clr);
    --button-text-secondary: var(--primary-clr);
}

.linda .template-unclr,
.tiani .template-unclr {
    --button-background-primary: var(--primary-clr);
    --button-background-secondary: var(--primary-clr);
    --button-text-primary: var(--light-clr);
    --button-text-secondary: var(--light-clr);
}

.tasya .template-unclr {
    --button-background-primary: var(--btn-04-clr);
    --button-background-secondary: var(--btn-04-clr);
    --button-text-primary: var(--light-clr);
    --button-text-secondary: var(--light-clr);
}

.syanin .template-unclr {
    --button-background-primary: var(--secondary);
    --button-background-secondary: var(--secondary);
    --button-text-primary: var(--light-clr);
    --button-text-secondary: var(--light-clr);
}

.alunan .template-unclr {
    --button-background-primary: var(--primary-clr);
    --button-background-secondary: var(--primary-clr);
    --button-text-primary: var(--light-clr);
    --button-text-secondary: var(--light-clr);
}

.rotate {
    transform: rotate(180deg);
}

.accor-bank-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 12px;
}

.jessica .accor-bank-wrap,
.katrina .accor-bank-wrap,
.nadira .accor-bank-wrap,
.kinanti .accor-bank-wrap,
.anin .accor-bank-wrap,
.rosalia .accor-bank-wrap,
.hanna .accor-bank-wrap,
.noir .accor-bank-wrap,
.ribka .accor-bank-wrap {
    margin-bottom: 0;
}

.ribka .accor-active .bank-item,
.ruri .accor-active .bank-item,
.linda .accor-active .bank-item,
.katrina .accor-active .bank-item {
    display: block !important;
}

.anabelle .accor-active .bank-item,
.aile .accor-active .bank-item,
.kinanti .accor-active .bank-item,
.anin .accor-active .bank-item,
.rosalia .accor-active .bank-item,
.hanna .accor-active .bank-item,
.oceana .accor-active .bank-item,
.aine .accor-active .bank-item,
.serene .accor-active .bank-item,
.irish .accor-active .bank-item,
.cassandra .accor-active .bank-item,
.camelia .accor-active .bank-item,
.nadira .accor-active .bank-item,
.noir .accor-active .bank-item,
.olan .accor-active .bank-item,
.helga .accor-active .bank-item,
.palace .accor-active .bank-item,
.jeni .accor-active .bank-item,
.sekar .accor-active .bank-item,
.sintia .accor-active .bank-item,
.ayyara .accor-active .bank-item,
.syakira .accor-active .bank-item,
.dewanty .accor-active .bank-item,
.serlyn .accor-active .bank-item,
.tiani .accor-active .bank-item,
.chitra .accor-active .bank-item,
.eleanor .accor-active .bank-item,
.sukma .accor-active .bank-item {
    display: flex !important;
}

.tasya .accor-active .saving-books .book,
.nadya .accor-active .saving-books .book,
.ashilla .accor-active .saving-books .book,
.syanin .accor-active .saving-books .book,
.chia .accor-active .saving-books .book,
.alunan .accor-active .saving-books .book,
.chindy .accor-active .saving-books .book,
.nanda .accor-active .saving-books .book,
.juwita .accor-active .saving-books .book,
.senandika .accor-active .saving-books .book,
.insan .accor-active .saving-books .book {
    display: block !important;
}

/* Error trigger click berada disini */

/* Button */
.bank-btn-accordion {
    background: var(--button-background-primary);
    color: var(--button-text-primary);
    border: none;
    padding: 12px 24px;
    border-radius: 999px;
    width: 100%;
    font-size: var(--body-text-size);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bank-btn-accordion.active {
    background: var(--button-background-secondary);
    color: var(--button-text-secondary);
}

.chia .bank-btn-accordion.active {
    background: var(--button-background-primary);
}

.serlyn .bank-btn-accordion {
    background: var(--background-secondary);
    color: var(--text-secondary);
}

.noir .bank-btn-accordion.active {
    border: 1px solid var(--background-secondary);
}

.nanda .bank-btn-accordion.active {
    background: var(--button-background-primary);
}

.juwita .bank-btn-accordion.active {
    background: var(--button-background-primary);
}

.senandika .bank-btn-accordion.active {
    background: var(--button-background-primary);
}

.bank-btn-accordion p.bank-btop-txt {
    color: var(--button-text-primary);
    line-height: 150%;
    font-weight: 500;
    font-family: var(--body-text-family);
    font-size: var(--body-text-size);
}

.bank-btn-accordion.active p.bank-btop-txt {
    color: var(--button-text-secondary);
}

.palace .bank-btn-accordion.active p.bank-btop-txt {
    color: var(--button-text-primary);
}

.aile .bank-btn-accordion,
.olan .bank-btn-accordion {
    border: 1px solid var(--button-text-primary);
}

.aine .bank-btn-accordion,
.cassandra .bank-btn-accordion,
.oceana .bank-btn-accordion {
    border: 1px solid var(--button-text-secondary);
}