:root {
  --svg-unsorted-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='black' d='m16 3.594l-.72.687l-8 8L5.595 14h20.811l-1.687-1.72l-8-8l-.72-.686zm0 2.844L21.563 12H10.438zM5.594 18l1.687 1.72l8 8l.72.686l.72-.687l8-8L26.405 18zm4.843 2h11.126L16 25.563z'/%3E%3C/svg%3E");
  --svg-sort-up-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='black' d='m16 8.594l-.72.687l-10 10L3.595 21h24.811l-1.687-1.72l-10-10l-.72-.686zm0 2.844L23.563 19H8.438L16 11.437z'/%3E%3C/svg%3E");
  --svg-sort-down-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='black' d='m3.594 12l1.687 1.72l10 10l.72.686l.72-.687l10-10L28.405 12zm4.844 2h15.124L16 21.563L8.437 14z'/%3E%3C/svg%3E");
  --br-comp-data-table-outline-style: var(--br-comp-all-outline-style);
  --br-comp-data-table-outline-width: var(--br-comp-all-outline-width);
  --br-comp-data-table-outline-offset: var(--br-comp-all-outline-offset);
  --br-comp-data-table-outline-colour: var(--br-comp-all-outline-colour);
  --br-comp-data-table-selected-row: var(--br-comp-all-selection-colour);
  --br-comp-data-table-selectable-row: var( --br-comp-all-link-hover-background-colour);
  --br-comp-data-table-alternate-row: var(--br-unit-colour-neutral-10);
  --br-comp-data-table-area-header-font-size: var(--br-unit-font-size-label);
  --br-comp-data-table-area-header-font-weight: var(--br-unit-font-weight-500, bold);
  --br-comp-data-table-area-header-text: var(--br-comp-all-area-header-text);
  --br-comp-data-table-area-header-background: var(--br-unit-colour-neutral-10);
  --br-comp-data-table-area-header-font-family: var(--br-comp-all-area-header-font-family);
  --br-comp-data-table-area-header-line-height: var(--br-comp-all-area-header-line-height);
  --br-comp-data-table-area-header-border-style: var(--br-comp-all-area-header-border-style);
  --br-comp-data-table-area-header-border-colour: var(--br-comp-all-divider-colour);
  --br-comp-data-table-area-header-border-width: var(--br-unit-border-1);
  --br-comp-data-table-area-header-border-radius: var(--br-group-container-area-header-border-radius);
  --br-comp-data-table-area-header-sort-outline-width: var(--br-comp-all-outline-width);
  --br-comp-data-table-area-header-sort-outline-style: var(--br-comp-all-outline-style);
  --br-comp-data-table-area-header-sort-outline-offset: var(--br-comp-all-outline-offset);
  --br-comp-data-table-area-header-sort-outline-colour: var(--br-comp-all-outline-colour);
  --br-comp-data-table-area-content-background: var(--br-comp-all-area-content-background);
  --br-comp-data-table-area-content-text: var(--br-comp-all-area-content-text);
  --br-comp-data-table-area-content-font-family: var(--br-comp-all-area-content-font-family);
  --br-comp-data-table-area-content-font-size: var(--br-unit-font-size-label);
  --br-comp-data-table-area-content-font-weight: var(--br-comp-all-area-content-font-weight);
  --br-comp-data-table-area-content-line-height: var(--br-comp-all-area-content-line-height);
  --br-comp-data-table-area-content-border-style: var(--br-comp-all-area-content-border-style);
  --br-comp-data-table-area-content-border-colour: var(--br-comp-all-divider-colour);
  --br-comp-data-table-area-content-border-width: var(--br-unit-border-1);
  --br-comp-data-table-area-content-border-radius: var(--br-unit-radius-0);
  --br-comp-data-table-title-info-font-size: var(--br-unit-font-size-1);
  --br-comp-data-table-title-info-font-weight: var(--br-unit-font-weight-500);
  --br-comp-data-table-title-info-text: var(--br-comp-all-area-header-text);
  --br-comp-data-table-title-info-font-family: var(--br-comp-all-area-header-font-family);
  --br-comp-data-table-title-info-line-height: var(--br-comp-all-area-header-line-height);
}

.br-data-table {
  box-sizing: border-box;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content min-content min-content minmax(auto, min-content) min-content min-content;
  min-height: 0;
}
.br-data-table__title {
  grid-row: 1/2;
  display: flex;
  background-color: transparent;
  color: var(--br-comp-data-table-title-info-text);
  font-size: var(--br-comp-data-table-title-info-font-size);
  font-weight: var(--br-comp-data-table-title-info-font-weight);
  font-family: var(--br-comp-data-table-title-info-font-family);
  line-height: var(--br-comp-data-table-title-info-line-height);
}
.br-data-table__title--hidden {
  display: none;
}
.br-data-table__title[data-br-data-position=start] {
  justify-content: start;
}
.br-data-table__title[data-br-data-position=centre] {
  justify-content: center;
}
.br-data-table__title[data-br-data-position=end] {
  justify-content: end;
}
.br-data-table__filter-area {
  container-type: inline-size;
  grid-row: 2/3;
  width: auto;
  display: inline-grid;
  grid-template-columns: repeat(12, 1fr);
}
.br-data-table__filter-area > * {
  grid-column: 1/-1;
}
.br-data-table__filter-area > [data-br-filter-position=start] {
  grid-column: 1/7;
  display: inline-flex;
  justify-content: start;
}
.br-data-table__filter-area > [data-br-filter-position=centre] {
  grid-column: 4/10;
  display: inline-flex;
  justify-content: center;
}
.br-data-table__filter-area > [data-br-filter-position=end] {
  grid-column: 7/13;
  display: inline-flex;
  justify-content: end;
}
@container (max-width:400px) {
  .br-data-table__filter-area > [data-br-filter-position] {
    grid-column: 1/-1;
  }
}
@media (max-width: 576px) {
  .br-data-table__filter-area > [data-br-filter-position] {
    grid-column: 1/-1;
  }
}
.br-data-table__top-pager {
  grid-row: 3/4;
  display: flex;
}
.br-data-table__content-wrapper {
  position: relative;
  grid-row: 4/5;
  min-height: 0;
  display: grid;
}
.br-data-table__content {
  position: relative;
  overflow: auto;
  min-height: 0;
  margin-block: var(--br-unit-space-5);
  border-radius: var(--br-comp-data-table-area-header-border-radius);
  border-color: var(--br-comp-data-table-area-header-border-colour);
  border-width: var(--br-comp-data-table-area-header-border-width);
  border-style: var(--br-comp-data-table-area-header-border-style);
  /* Thumb Styling */
  /* Base Scrollbar Button Settings */
  /* Top Button Only: Up Triangle */
  /* Bottom Button Only: Down Triangle */
  /* Hide redundant duplicate step buttons if the browser attempts to render them */
}
.br-data-table__content:has(table:focus-visible) {
  outline-width: var(--br-comp-data-table-outline-width);
  outline-style: var(--br-comp-data-table-outline-style);
  outline-offset: var(--br-comp-data-table-outline-offset);
  outline-color: var(--br-comp-data-table-outline-colour);
}
.br-data-table__content--focused {
  outline-width: var(--br-comp-data-table-outline-width);
  outline-style: var(--br-comp-data-table-outline-style);
  outline-offset: var(--br-comp-data-table-outline-offset);
  outline-color: var(--br-comp-data-table-outline-colour);
}
.br-data-table__content::-webkit-scrollbar {
  width: 16px;
}
.br-data-table__content::-webkit-scrollbar-track {
  background: transparent;
  margin-block: var(--br-unit-radius-3);
}
.br-data-table__content::-webkit-scrollbar-thumb {
  background-color: var(--br-comp-all-thumb-colour);
  border-radius: var(--br-comp-data-table-area-header-border-style);
  background-clip: padding-box;
}
.br-data-table__content::-webkit-scrollbar-button {
  display: block;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
}
.br-data-table__content::-webkit-scrollbar-button:vertical:start:decrement {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23555555'><polygon points='50,20 0,80 100,80'/></svg>");
}
.br-data-table__content::-webkit-scrollbar-button:vertical:end:increment {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23555555'><polygon points='0,20 100,20 50,80'/></svg>");
}
.br-data-table__content::-webkit-scrollbar-button:vertical:start:increment, .br-data-table__content::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
}
.br-data-table__content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: start;
}
.br-data-table__content table:focus {
  outline: none;
}
.br-data-table__content th {
  position: sticky;
  top: 0;
  z-index: 1;
  border-style: none;
  border-color: var(--br-comp-data-table-area-header-border-colour);
  border-width: var(--br-comp-data-table-area-header-border-width);
  border-bottom-style: var(--br-comp-data-table-area-header-border-style);
  border-right-style: var(--br-comp-data-table-area-header-border-style);
  background-color: var(--br-comp-data-table-area-header-background);
  color: var(--br-comp-data-table-area-header-text);
  font-family: var(--br-comp-data-table-area-header-font-family);
  font-size: var(--br-comp-data-table-area-header-font-size);
  font-weight: var(--br-comp-data-table-area-header-font-weight);
  line-height: var(--br-comp-data-table-area-header-line-height);
  padding: 0;
  margin: 0;
}
.br-data-table__content th:last-child {
  border-right: none;
}
.br-data-table__content td {
  background-color: transparent;
  padding-block: var(--br-unit-space-3);
  padding-inline: var(--br-unit-space-4);
  border-style: none;
  border-color: var(--br-comp-data-table-area-content-border-colour);
  border-width: var(--br-comp-data-table-area-content-border-width);
  border-right-style: var(--br-comp-data-table-area-content-border-style);
  border-bottom-style: var(--br-comp-data-table-area-content-border-style);
  font-family: var(--br-comp-data-table-area-content-font-family);
  font-size: var(--br-comp-data-table-area-content-font-size);
  font-weight: var(--br-comp-data-table-area-content-font-weight);
  line-height: var(--br-comp-data-table-area-content-line-height);
  max-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.br-data-table__content td:last-child {
  border-right: none;
}
.br-data-table__content tr[data-br-last-row=true] td {
  border-bottom: none;
}
.br-data-table__content th[data-br-data-position=start], .br-data-table__content td[data-br-data-position=start] {
  text-align: start;
}
.br-data-table__content th[data-br-data-position=centre], .br-data-table__content td[data-br-data-position=centre] {
  text-align: center;
}
.br-data-table__content th[data-br-data-position=end], .br-data-table__content td[data-br-data-position=end] {
  text-align: end;
}
.br-data-table__data-row:nth-child(even of .br-data-table__data-row) {
  background-color: var(--br-comp-data-table-alternate-row);
}
.br-data-table__data-row--selected {
  background-color: var(--br-comp-data-table-selected-row) !important;
}
.br-data-table__data-row--selectable {
  cursor: pointer;
}
.br-data-table__data-row--selectable:hover {
  background-color: var(--br-comp-data-table-selectable-row);
}
.br-data-table__data-row--no-data {
  text-align: center;
  background-color: transparent;
  color: var(--br-comp-data-table-area-header-text);
  font-size: var(--br-comp-data-table-area-header-font-size);
  font-weight: var(--br-comp-data-table-area-header-font-weight);
  font-family: var(--br-comp-data-table-area-header-font-family);
  line-height: var(--br-comp-data-table-area-header-line-height);
}
.br-data-table__column-sorter {
  appearance: none;
  box-sizing: border-box;
  width: 100%;
  border: none;
  border-radius: var(--br-comp-data-table-area-header-border-radius);
  background-color: transparent;
  display: flex;
  gap: var(--br-unit-space-2);
  justify-content: start;
  align-items: center;
  color: currentColor;
  padding-block: var(--br-unit-space-3);
  padding-inline: var(--br-unit-space-4);
  font: inherit;
  cursor: pointer;
}
.br-data-table__column-sorter[data-br-data-position=start] {
  justify-content: start;
}
.br-data-table__column-sorter[data-br-data-position=centre] {
  justify-content: center;
}
.br-data-table__column-sorter[data-br-data-position=end] {
  justify-content: end;
}
.br-data-table__column-sorter:focus-visible {
  outline-width: var(--br-comp-data-table-area-header-sort-outline-width);
  outline-style: var(--br-comp-data-table-area-header-sort-outline-style);
  outline-offset: calc(var(--br-comp-data-table-area-header-sort-outline-offset) * -1);
  outline-color: var(--br-comp-data-table-area-header-sort-outline-colour);
}
.br-data-table__column-sorter > span.br-data-table__column-title {
  padding: 0;
}
.br-data-table__column-title {
  padding-block: var(--br-unit-space-3);
  padding-inline: var(--br-unit-space-4);
  display: inline-block;
}
.br-data-table__column-icon {
  display: inline-block;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  aspect-ratio: 1/1;
  height: 1.25em;
  mask-image: var(--svg-unsorted-icon);
}
@media (forced-colors: active) {
  .br-data-table__column-icon {
    background-color: CanvasText;
    color: Canvas;
  }
}
.br-data-table__column-icon[data-br-aria-sort=ascending] {
  mask-image: var(--svg-sort-up-icon);
}
.br-data-table__column-icon[data-br-aria-sort=descending] {
  mask-image: var(--svg-sort-down-icon);
}
.br-data-table__column-selector {
  padding-block: var(--br-unit-space-3);
  padding-inline: var(--br-unit-space-4);
  text-align: center;
}
.br-data-table__row-selector {
  text-align: center;
}
.br-data-table__row-selector > input[type=checkbox] {
  aspect-ratio: 1/1;
  accent-color: var(--br-unit-colour-primary);
  cursor: pointer;
}
.br-data-table__row-selector > input[type=checkbox]:focus, .br-data-table__row-selector > input[type=checkbox]:focus-visible {
  outline-offset: var(--br-comp-data-table-outline-offset);
  outline-width: var(--br-comp-data-table-outline-width);
  outline-style: var(--br-comp-data-table-outline-style);
  outline-color: var(--br-comp-data-table-outline-colour);
}
.br-data-table td.br-data-table__template-column-cell {
  max-width: none;
  width: 1%;
}
.br-data-table__bottom-pager {
  grid-row: 5/6;
}
.br-data-table__messages {
  grid-row: 6/7;
  text-align: start;
  background-color: inherit;
  color: var(--br-comp-data-table-title-info-text);
  font-size: var(--br-comp-data-table-title-info-font-size);
  font-weight: var(--br-comp-data-table-title-info-font-weight);
  font-family: var(--br-comp-data-table-title-info-font-family);
  line-height: var(--br-comp-data-table-title-info-line-height);
}