:root {
    --Q-table-max-height: 50vh;
    --Q-table-cell-padding: var(--Q-app-spacing-3);
    --Q-table-border-radius: var(--Q-app-item-border-radius);
    --Q-table-margin: 0 0 var(--Q-app-spacing-3) 0;
    --Q-table-header-font-family: var(--Q-app-font-family-headers);
    --Q-table-header-font-size: 1.3rem;
    --Q-table-data-font-family: inherit;
    --Q-table-data-font-size: 1.2rem;
    --Q-table-header-background: var(--Q-app-background-1);
    --Q-table-header-box-shadow: 0.1rem 0.3rem 0.5rem 0.1rem var(--Q-app-box-shadow-color);
    --Q-table-first-row-padding-top: var(--Q-app-spacing-3);
    --Q-table-row-even-background: var(--Q-app-background-4);
    --Q-table-row-even-background: var(--Q-app-background-5);
}

.Q-table-container {
    width: 100%;
    max-height: var(--Q-table-max-height);
    overflow: auto;
    border: none;
    border-radius: var(--Q-table-border-radius);
    margin: var(--Q-table-margin);
    /* scrollbar-width: none; */
}

/* .Q-table-container::-webkit-scrollbar {
    display: none;
} */

.Q-table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
}

.Q-table th {
    font-family: var(--Q-table-header-font-family);
    font-size: var(--Q-table-header-font-size);
}

.Q-table td {
    font-family: var(--Q-table-data-font-family);
    font-size: var(--Q-table-data-font-size);
}

.Q-table th, .Q-table td {
    text-align: left;
    min-width: max-content;
    padding: var(--Q-table-cell-padding);
}

.Q-table thead tr {
    position: sticky;
    top: 0;
    background: var(--Q-table-header-background);
    box-shadow: var(--Q-table-header-box-shadow);
}

.Q-table tbody tr {
    background: var(--Q-table-row-odd-background);
}

.Q-table tbody tr:first-child td {
    padding-top: var(--Q-table-first-row-padding-top);
}
  
.Q-table tbody tr:nth-child(even) {
    background: var(--Q-table-row-even-background);
}