/* My orders is the shared table standard for the GameSpy website. */
:root {
    --gamespy-table-row-padding: 12px;
    --gamespy-table-column-padding: 16px;
    --gamespy-table-header-padding: 14px;
}
.gamespy-table-scroll { max-width: 100%; overflow-x: auto; overflow-y: hidden; }
.gamespy-table-scroll:focus-visible { outline: 2px solid #60a5fa; outline-offset: 4px; }
.gamespy-table { width: 100%; border-collapse: collapse; border-spacing: 0; color: var(--gamespy-text); text-align: left; font-size: 14px; }
.gamespy-table.x-table > thead, .gamespy-table > thead > tr, .gamespy-table > tbody > tr, .gamespy-table.x-table > tbody > tr { border: 0; }
.gamespy-table > thead > tr > th {
    padding: 0 var(--gamespy-table-column-padding) var(--gamespy-table-header-padding);
    border-bottom: 1px solid var(--gamespy-divider);
    color: var(--gamespy-muted);
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    text-transform: none;
    vertical-align: bottom;
}
.gamespy-table > tbody > tr > th, .gamespy-table > tbody > tr > td {
    padding: var(--gamespy-table-row-padding) var(--gamespy-table-column-padding);
    border-bottom: 1px solid var(--gamespy-divider);
    font-size: 14px;
    line-height: 28px;
    vertical-align: top;
}
.gamespy-table > tbody > tr > th { font-weight: 400; }
.gamespy-table.x-table > tbody > tr > th[scope="row"] { text-align: left; }
.gamespy-table > tbody:last-child > tr:last-child > th, .gamespy-table > tbody:last-child > tr:last-child > td { border-bottom: 0; }
.gamespy-table > thead > tr > th:first-child, .gamespy-table > tbody > tr > th:first-child, .gamespy-table > tbody > tr > td:first-child { padding-left: 0; }
.gamespy-table > thead > tr > th:last-child, .gamespy-table > tbody > tr > th:last-child, .gamespy-table > tbody > tr > td:last-child { padding-right: 0; }
.gamespy-table small { display: block; margin-top: 4px; color: var(--gamespy-muted); font-size: 12px; line-height: 18px; font-weight: 400; }
.gamespy-table a:focus-visible, .gamespy-table button:focus-visible, .gamespy-table [tabindex]:focus-visible { outline: 2px solid #60a5fa; outline-offset: 4px; }