/* =====================================
   COLLAPSIBLE CARDS
===================================== */

.card-collapse-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    cursor:pointer;

    user-select:none;

}

.card-collapse-toggle{

    width:34px;
    height:34px;

    border:none;

    border-radius:10px;

    background:#f3f4f6;

    color:#7c3aed;

    font-size:14px;
    font-weight:900;

    cursor:pointer;

    transition:.25s ease;
}

.card-collapse-toggle:hover{

    background:#ede9fe;

}

.card-collapse-toggle svg{

    width:14px;
    height:14px;

    transition:.25s ease;
}

.card-collapsed
.card-collapse-toggle svg{

    transform:rotate(-90deg);

}

.card-collapse-body{

    overflow:hidden;

    transition:
    max-height .30s ease,
    opacity .25s ease,
    margin-top .25s ease;
}

.card-collapsed
.card-collapse-body{

    max-height:0 !important;

    opacity:0;

    margin-top:0 !important;

    overflow:hidden;
}