:root { --table-background: #fff; --table-border-radius: 2px; --table-thead-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-thead-th-text-color: rgba(0, 0, 0, 0.6); --table-thead-th-font-size: 14px; --table-thead-tr-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-tbody-tr-hover-background: #eee; --table-tbody-tr-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-footer-min-height: 54px; --table-footer-border-top: thin solid rgba(0, 0, 0, 0.12);}.ppsv-table { width: 100%; background: var(--table-background); border-radius: var(--table-border-radius);}.ppsv-table * { box-sizing: border-box;}.ppsv-table table { min-width: 100%; display: table; border-spacing: 0; border-collapse: collapse;}.ppsv-table thead { display: table-header-group; border-bottom: var(--table-thead-border-bottom);}.ppsv-table thead tr th { color: var(--table-thead-th-text-color); font-size: var(--table-thead-th-font-size);}.ppsv-table thead tr:not(:last-child) { border-bottom: var(--table-thead-tr-border-bottom);}.ppsv-table tbody { display: table-row-group;}.ppsv-table tbody tr { display: table-row; outline: 0; vertical-align: middle;}.ppsv-table tbody tr:hover { background: var(--table-tbody-tr-hover-background);}.ppsv-table tbody tr:not(:last-child) { border-bottom: var(--table-tbody-tr-border-bottom);}.ppsv-table th { display: table-cell; padding: 16px; font-weight: 500; text-align: left;}.ppsv-table td { display: table-cell; padding: 16px; text-align: left;}.ppsv-table__main { width: 100%; overflow-x: auto;}.ppsv-table__footer { width: 100%; min-height: var(--table-footer-min-height); border-top: var(--table-footer-border-top);}