# presentation/styles/table.style.css

> 77 lines of code and 0 definitions.

Tree: Site tree
Language: css
Layer: product
Canonical: https://banes-lab.com/anatomy/tree#file-presentation-styles-table-style-css
Source text: https://banes-lab.com/assets/sources/source.e6fa36eb1f42162c6faa3e500c4d592455d5c15c79a9387b40921488f78bcb51.generated.txt

## Source

```css
.block-table.role td {
    vertical-align: top;
}

.block-table.role td:first-child strong {
    color: var(--banes-lab-pag);
}

.tab-section .block-table {
    border-radius: var(--radius-lg);
    margin: var(--space-lg) 0;
    overflow: hidden;
}

.tab-section .block-table table {
    font-size: var(--font-sm);
}

.tab-section .block-table th {
    background: var(--banes-lab-pag);
    border: none;
    color: var(--black);
    font-size: var(--font-sm);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-wide);
    padding: var(--space-md) var(--space-lg);
    text-align: center;
    text-transform: uppercase;
}

.tab-section .block-table td {
    background: var(--card-bg);
    border: none;
    border-bottom: var(--border-s) solid var(--white-alpha-border);
    color: var(--white-alpha-primary);
    padding: var(--space-md) var(--space-lg);
    text-align: center;
}

.tab-section .block-table td:first-child {
    font-weight: var(--font-weight-medium);
}

.tab-section .block-table tr:hover td {
    background: var(--black-alpha-overlay);
}

.block-table.contrast td:first-child .keyword {
    background: var(--danger-soft);
    border-color: var(--danger-outline);
    color: var(--danger-primary);
}

.block-table.contrast td:nth-child(2) .keyword {
    background: var(--success-soft);
    border-color: var(--success-outline);
    color: var(--success-primary);
}

.block-groups.horizontal {
    grid-template-columns: 1fr;
}

.block-groups.horizontal .block-group {
    flex-flow: row wrap;
    gap: var(--space-md);
}

.block-groups.horizontal .block-label {
    flex: 1 1 var(--width-card-sm);
    margin: 0;
}

.block-groups.horizontal .block-text {
    flex: 2 1 var(--width-card-min);
}

.block-groups.horizontal .block-list {
    flex: 1 1 var(--percent-full);
    margin: 0;
}

.block-groups.warning .block-group {
    border-left: var(--border-accent) solid var(--warning-primary);
}

.block-groups.warning .block-group:hover {
    border-left-color: var(--banes-lab-pag);
}

.block-groups.warning .block-label::before {
    color: var(--warning-primary);
    content: "⚠ ";
}
```