.table {
    border-collapse: separate;
}

.table__cell {
    color: black;
    font-size: 1rem;
    font-family: Basis Grotesque;
    font-weight: 400;
    line-height: 1.375rem;
    overflow-wrap: break-word;
    padding: 1.25rem 2.5rem 1.25rem 0;
    text-align: start;
    vertical-align: baseline;
    border-bottom: 1px solid #e1e1e1;
}

.table__header__cell {
    vertical-align: middle;
    padding: 1.25rem 1.25rem 1.25rem 0;
    margin-bottom: 1.25rem;
    background: #ffffff;
}

.table__cell__list {
    overflow-wrap: break-word;
    padding: 0;
    margin: 0;
}

.table__cell__list__item {
    list-style: none;
    overflow-wrap: break-word;
}

.table__cell__list__item:not(:last-child) {
    margin-bottom: .625rem;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-700 {
    font-weight: 700;
}

.text-blue {
    color: #2464F6;
}

.text-purple {
    color: #9B51E0;
}

.w-10-percent {
    width: 10%;
    max-width: 5.17rem;
}

.w-15-percent {
    width: 15%;
    max-width: 7.75rem;
}

.w-20-percent {
    width: 20%;
    max-width: 10.33rem;
}

.w-30-percent {
    width: 30%;
    max-width: 15.5rem;
}

.w-40-percent {
    width: 40%;
    max-width: 20.67rem;
}

.badge {
    font-weight: 500;
    padding: .375rem .75rem;
    border-radius: .25rem;
    text-wrap: nowrap;
}

.badge-red {
    background-color: #F4E7E8;
    color: #EB5757;
}

.badge-orange {
    background-color: #F4EDE6;
    color: #f97316;
}

.badge-indigo {
    background-color: #e0e7ff;
    color: #6366f1;
}

.badge-gray {
    background-color: #f3f4f6;
    color: #6b7280;
}

.badge-yellow {
    background-color: #fef9c3;
    color: #F2994A;
}

.badge-green {
    background-color: #E0ECE7;
    color: #219653;
}

.badge-purple {
    background-color: #EBE6F5;
    color: #9B51E0;
}

.badge-black {
    background-color: #E4E6E7;
    color: #4F4F4F;
}