.tableContainer {
    width: 100%;
    border-spacing: 0;
    border: var(--table_borderWidth) var(--table_borderStyle) var(--table_borderColor);
}

.tableContainer * {
    font-family: var(--table_font), sans-serif;
    color: var(--table_textColor);
}

.tableRow {
    border-spacing: 0;
}

.tableColumn {
    max-width: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 4px;
    border-spacing: 0;
    border: var(--table_borderWidth) var(--table_borderStyle) var(--table_borderColor);
}

.tableColumn1 {
    width: 10%;
}

.tableColumn2 {
    width: 20%;
}

.tableColumn3 {
    width: 30%;
}

.tableColumn4 {
    width: 40%;
}

.tableColumn5 {
    width: 50%;
}

.tableColumn6 {
    width: 26%;
}

.tableColumn7 {
    width: 70%;
}

.tableColumn8 {
    width: 80%;
}

.tableColumn9 {
    width: 90%;
}

.tableColumn10 {
    width: 100%;
}

@media (prefers-color-scheme: dark) {
    .tableContainer, .tableColumn {
        border-color: var(--table_borderColorD);
    }

    .tableContainer * {
        color: var(--table_textColorD);
    }
}