.table-content > table{
    width: 100%;
    text-align: left;
    border-width: 1px;
    border-collapse: collapse;
    border-radius: 0.25rem /* 4px */;
    border-spacing: 0px;
    overflow-x: auto;
     --tw-border-opacity: 1;
    border-color: oklch(92.9% 0.013 255.508);
}

@media (min-width: 640px) {
    .table-content > table {
        border-collapse: separate;
    }
}

.table-content > table > caption {
    text-align: left;
    padding-bottom: 14px;
    font-size: large;
    font-weight: 500;
    color: oklch(44.6% 0.043 257.281);
}

.table-content > table > thead > tr {
    border-bottom-width: 1px;
    border-color: oklch(86.9% 0.022 252.894);
}

.table-content > table > thead > tr  > th{
    height: 3rem;
    padding-left: 1.5rem /* 24px */;
    padding-right: 1.5rem /* 24px */;
    font-size: 0.875rem /* 14px */;
    line-height: 1.25rem /* 20px */;
    font-weight: 500;
    border-left-width: 1px;
    stroke: oklch(37.2% 0.044 257.287);
    color: oklch(37.2% 0.044 257.287);
    background-color: oklch(96.8% 0.007 247.896);
}

.table-content > table > thead > tr  > th:first-child{
    border-left-width: 0px;
}

.table-content > table > tbody > tr{
    border-bottom-width: 1px;
    border-color: oklch(92.9% 0.013 255.508);
}

.table-content > table > tbody > tr  > td{
    height: 3rem;
    padding-left: 1.5rem /* 24px */;
    padding-right: 1.5rem /* 24px */;
    font-size: 0.875rem /* 14px */;
    line-height: 1.25rem /* 20px */;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    border-top-width: 1px;
    border-left-width: 1px;
    --tw-border-opacity: 1; 
    border-color: oklch(92.9% 0.013 255.508);
    stroke: oklch(55.4% 0.046 257.417);
    --tw-text-opacity: 1; 
    color: oklch(55.4% 0.046 257.417);
}

.table-content > table > tbody > tr  > td:first-child{
    border-left-width: 0px;
}


.table-content > table > tbody > tr  > th{
    height: 3rem;
    padding-left: 1.5rem /* 24px */;
    padding-right: 1.5rem /* 24px */;
    font-size: 0.875rem /* 14px */;
    line-height: 1.25rem /* 20px */;
    font-weight: 500;
    border-left-width: 1px;
    stroke: oklch(37.2% 0.044 257.287);
    color: oklch(37.2% 0.044 257.287);
    background-color: oklch(96.8% 0.007 247.896);
}

.table-content > table > tbody > tr  > th:first-child{
    border-left-width: 0px;
}