.data-table{position:relative}.data-table__scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table__table{width:100%;border-collapse:collapse;border:none;background-color:transparent;margin-bottom:0}.data-table__th,.data-table__td{padding:12px;vertical-align:top;text-align:left;border:none}.data-table__th{font-weight:600}.data-table__td{font-size:16px;color:var(--dt-td-text, inherit);background-color:transparent}.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: rgba(255,255,255,.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__th,.data-table--bordered .data-table__td{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__below-text,.data-table .additional-button{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__table,.data-table--stacked .data-table__body,.data-table--stacked .data-table__row{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{display:flex;gap:1rem;border:none}.data-table--stacked .data-table__td:before{content:attr(data-label);font-weight:600;flex:0 0 40%;min-width:0;color:var(--dt-label, var(--primary))}}