.kcc-checklist{

    max-width:700px;

    margin:auto;

}


.kcc-checklist,
.kcc-checklist *{
    color:#222 !important;
}

.kcc-section{
    background:#fff;
    color:#222;
}

.kcc-section h2{
    color:#222;
    margin:0 0 15px;
    font-size:1.4rem;
}

.kcc-item{
    display:flex;
    align-items:center;
    gap:18px;
    padding:16px;
    border-bottom:1px solid #eee;
    color:#222;
}

.kcc-item span{
    color:#222;
}

.kcc-item:last-child{
    border-bottom:none;
}

.kcc-item input{

    transform:scale(1.5);

}

.bar{

    height:12px;

    background:#ddd;

    border-radius:20px;

    overflow:hidden;

}

.fill{

    height:100%;

    width:0;

    background:#0c8;

    transition:.3s;

}

.kcc-progress{

    margin-bottom:25px;

}

.percent{

    color:#fff;

    font-weight:bold;

}

.kcc-section{

    margin-bottom:20px;

}

.kcc-section-title{

    display:flex;

    justify-content:space-between;

    align-items:center;

    cursor:pointer;

    padding:18px;

    background:#efefef;

    margin:0;

    border-radius:8px;

}

.kcc-section-body{

    padding:0 18px 18px;

}

.kcc-item{

    display:flex;

    align-items:center;

    gap:16px;

    padding:14px 0;

    cursor:pointer;

}

.kcc-item:hover{

    background:#fafafa;

}

.kcc-item input{

    transform:scale(1.5);

    flex-shrink:0;

}

.kcc-item.done span{

    text-decoration:line-through;

    color:#888;

}

.closed{

    display:none;

}