/* @group @variables */

[class*="m-table-wrap"] {
--voice-user-columns: var(--voice-user-icon-size) 1fr;
--voice-user-icon-size: 4.5rem;
--voice-user-gap: .75rem;
--voice-message-padding: calc(.75rem - 1px);
--voice-message-border-radius: .75rem;
--text-block-margin-bottom: 0;
}

@media all and (max-width: 24.9375em) {

[class*="m-table-wrap"] {
--text-block-font-size: .75rem;
--text-block-line-height: 1.5;
}

}

/* @end @variables */

/* @group @m-table-wrap */

[class*="m-table-wrap"] table {
width: 100%;
max-width: 100%;
font-family: var(--font-family-numeric);
}

[class*="m-table-wrap"] th,
[class*="m-table-wrap"] td {
box-sizing: border-box;
padding: .75rem .375rem;
border: 0 solid var(--color-gainsboro);
border-width: 0 0 1px;
word-break: keep-all;
}

[class*="m-table-wrap"] thead th:not(:first-of-type),
[class*="m-table-wrap"] td {
border-left: 1px solid var(--color-white);
}

[class*="m-table-wrap"] th {
font-weight: var(--text-font-weight-bold);
}

[class*="m-table-wrap"] thead th {
width: 24%;
background-color: var(--color-whitesmoke);
text-align: center;
}

[class*="m-table-wrap"] thead th:nth-of-type(2) ,
[class*="m-table-wrap"] tbody th+td {
background-color: var(--color-brand);
color: var(--color-white);
font-weight: var(--text-font-weight-bold);
}

[class*="m-table-wrap"] td {
box-sizing: border-box;
text-align: center;
}

@media all and (min-width: 48em) {

[class*="m-table-wrap"] thead th:nth-of-type(2) {
font-size: 1.25rem;
}

[class*="m-table-wrap"] tbody th {
padding-right: 1.5rem;
text-align: right;
}

[class*="m-table-wrap"] tbody th+td {
font-size: 1.125rem;
line-height: 1.333333333;
}

}

/* @end @m-table-wrap */