.csb_acc{
    
} 

.csb_acc > .item{
  
}

.csb_acc > .item .head{
    border: solid #3a3a3a;
    border-width: 0 1px 1px 1px;
    padding: 10px 15px;
    /* background-color: var(--clr-secondary-125); */
    cursor: pointer;
    position: relative;
}

.csb_acc > .item:first-child .head{
    border-width: 1px;
}

.csb_acc.selection > .item .head{
    padding-left: 10px;
}

.csb_acc > .item .select{
    float: left;
    width: 30px;
}

.csb_acc > .item .title{
    margin-left: 30px;
}

.csb_acc > .item .content{
    display: none;
    padding: 15px;
    background-color: var(--clr-secondary-100);
    border: solid #3a3a3a;
    border-width: 0 1px 1px 1px;
}

.csb_acc .item .head:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f078";
    position: absolute;
    top: 10px;
    right: 10px;
}

.csb_acc .item .head.active:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f077";
}

.csb_acc .item .head.active{
    background-color: var(--clr-secondary-400);
    color: #fff;
}