table,
.table {
    font-size: var(--table-font-size);
}

table > :not(caption) > * > *,
.table > :not(caption) > * > * {
    font-size: inherit;
}

table button,
table input,
table select,
table textarea,
table .btn,
table .form-control,
table .form-select {
    font-size: inherit;
}

div.dt-container {
    font-size: var(--table-controls-font-size);
}

div.dt-container table,
div.dt-container table.dataTable {
    font-size: var(--table-font-size);
}

div.dt-container .dt-length,
div.dt-container .dt-search,
div.dt-container .dt-info,
div.dt-container .dt-processing,
div.dt-container .dt-paging,
div.dt-container .dt-search input,
div.dt-container .dt-input,
div.dt-container .dt-paging .dt-paging-button,
div.dt-buttons > .dt-button,
div.dt-buttons > div.dt-button-split .dt-button,
div.dt-button-collection .dt-button,
div.dt-button-info {
    font-size: var(--table-controls-font-size);
}