.table-container{margin:5% 3%}.responsive-table{width:100%;margin-bottom:1.5em;border-spacing:0;font-size:.8em}.responsive-table thead{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.responsive-table thead th{background-color:var(--color-blue-dark);border:1px solid var(--color-blue);font-weight:400;text-align:center;color:white}.responsive-table thead th:first-of-type{text-align:left}.responsive-table tbody,.responsive-table td,.responsive-table th,.responsive-table tr{display:block;padding:0;text-align:left}.responsive-table td,.responsive-table th{padding:.5em;vertical-align:middle}.responsive-table caption{margin-bottom:1em;font-size:1em;font-weight:700;text-align:center}.responsive-table tfoot{font-size:.8em;font-style:italic}.responsive-table tbody tr{margin-bottom:1em}.responsive-table tbody tr:last-of-type{margin-bottom:0}.responsive-table tbody th[scope=row]{background-color:var(--color-blue-dark);color:white}.responsive-table tbody td{text-align:right}.responsive-table tbody td span{padding-left:20px}.responsive-table tbody td[data-title]:before{content:attr(data-title);float:left;color:var(--color-foreground)}@media (min-width:480px){.responsive-table td,.responsive-table th{padding:.75em .5em}.responsive-table tbody th[scope=row]{border-left:1px solid var(--color-blue);border-bottom:1px solid var(--color-blue)}}@media (min-width:768px){.table-container{margin:2%}.responsive-table thead{position:relative;clip:auto;height:auto;width:auto;overflow:auto}.responsive-table caption{font-size:1.5em}.responsive-table tr{display:table-row}.responsive-table td,.responsive-table th{display:table-cell;padding:.5em}.responsive-table tbody{display:table-row-group}.responsive-table tbody tr{display:table-row;border-width:1px}.responsive-table tbody tr:nth-of-type(2n){background-color:var(--color-blue-extra-light)}.responsive-table tbody th[scope=row]{background-color:transparent;color:var(--color-foreground);text-align:left}.responsive-table tbody td{border-left:1px solid var(--color-blue);border-bottom:1px solid var(--color-blue);text-align:center}.responsive-table tbody td span{padding-left:0}.responsive-table tbody td:last-of-type{border-right:1px solid var(--color-blue)}.responsive-table tbody td[data-title]:before{content:none}}@media (min-width:1024px){.responsive-table{font-size:1em}.responsive-table td,.responsive-table th{padding:.75em .5em}.responsive-table tfoot{font-size:.9em}}@media (min-width:1200px){.table-container{margin:2em auto;max-width:1200px}.responsive-table td,.responsive-table th{padding:.75em}}