.data-table{position:relative}.data-table__scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table__table{background-color:transparent;border:none;border-collapse:collapse;margin-bottom:0;width:100%}.data-table__td,.data-table__th{border:none;padding:12px;text-align:left;vertical-align:top}.data-table__th{font-weight:600}.data-table__td{background-color:transparent;color:var(--dt-td-text,inherit);font-size:16px}.data-table--primary{--dt-color:var(--primary);--dt-th-text:#fff;--dt-td-text:inherit;--dt-stripe:rgba(0,0,0,.05);--dt-label:var(--primary)}.data-table--secondary{--dt-color:var(--secondary);--dt-th-text:#fff;--dt-td-text:inherit;--dt-stripe:rgba(0,0,0,.05);--dt-label:var(--primary)}.data-table--tertiary{--dt-color:var(--tertiary);--dt-th-text:#fff;--dt-td-text:inherit;--dt-stripe:rgba(0,0,0,.05);--dt-label:var(--primary)}.data-table--quaternary{--dt-color:var(--quaternary);--dt-th-text:inherit;--dt-td-text:inherit;--dt-stripe:rgba(0,0,0,.05);--dt-label:var(--primary)}.data-table--light{--dt-color:var(--light);--dt-th-text:var(--primary);--dt-td-text:#fff;--dt-stripe:rgba(0,0,0,.05);--dt-label:#fff}.data-table--dark{--dt-color:var(--dark);--dt-th-text:#fff;--dt-td-text:inherit;--dt-stripe:hsla(0,0%,100%,.08);--dt-label:var(--primary)}.data-table__th{background:var(--dt-color);color:var(--dt-th-text,#fff)}.data-table--bordered .data-table__table,.data-table--bordered .data-table__td,.data-table--bordered .data-table__th{border:1px solid var(--dt-color)}.data-table--striped .data-table__row:nth-child(2n) .data-table__td{background-color:var(--dt-stripe,rgba(0,0,0,.05))}.data-table .additional-button,.data-table__below-text{margin-top:calc(var(--grid-gutter, 1.5rem)/2)}@media (max-width:767px){.data-table--stacked .data-table__head{display:none}.data-table--stacked .data-table__body,.data-table--stacked .data-table__row,.data-table--stacked .data-table__table{display:block}.data-table--stacked .data-table__table{border:none}.data-table--stacked .data-table__row{margin-bottom:calc(var(--grid-gutter, 1.5rem)/2)}.data-table--stacked.data-table--bordered .data-table__row{border:1px solid var(--dt-color)}.data-table--stacked .data-table__td{border:none;display:flex;gap:1rem}.data-table--stacked .data-table__td:before{color:var(--dt-label,var(--primary));content:attr(data-label);flex:0 0 40%;font-weight:600;min-width:0}}