.br-table {
  --table-border: 1px solid var(--color-secondary-04);
  --table-color: var(--text-color);
  --table-padding: var(--spacing-scale-3x);
  --table-shadow: var(--surface-shadow-sm);
  --table-font-weight: var(--font-weight-medium);
  --table-header-background: var(--color-secondary-03);
  --table-header-font-weight: var(--font-weight-semi-bold);
  --table-row-size: var(--table-row-medium);
  --table-row-small: var(--spacing-scale-base);
  --table-row-medium: var(--spacing-scale-2x);
  --table-row-large: var(--spacing-scale-3x);
  --checkbox-size: 24px;
}
.br-table table {
  --table-border: 0;
  --table-padding: var(--spacing-scale-2x);
}
.br-table caption {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.br-table td {
  display: block;
  padding-left: var(--table-padding);
  padding-right: var(--table-padding);
}
.br-table td::before {
  --table-color: var(--color-primary-darken-01);
  --table-font-weight: 700;
  color: var(--table-color);
  content: attr(data-th);
  display: block;
  font-weight: var(--table-font-weight);
}
.br-table tr {
  box-shadow: var(--table-shadow);
  display: block;
  margin: var(--table-padding) 0;
}
.br-table thead {
  display: none;
}
.br-table tbody {
  display: block;
}
.br-table tbody .is-selected td,
.br-table tbody .is-selected tr,
.br-table tbody .is-selected td::before {
  background-color: var(--color-primary-lighten-01);
  color: var(--color-secondary-01);
}
.br-table tbody .is-selected td input + label:before {
  --focus-color: var(--color-support-10);
}
.br-table .dropdown [data-toggle=dropdown] + * {
  left: auto;
  right: 0;
}
@media (min-width: 575px) {
  .br-table table {
    --table-border: 1px solid var(--color-secondary-04);
    --table-padding: var(--spacing-scale-3x);
    --table-shadow: none;
  }
  .br-table td::before {
    content: none;
  }
  .br-table th,
.br-table td {
    display: table-cell;
    padding: var(--table-row-size) calc(var(--table-padding) * 0.5);
  }
  .br-table th:first-child,
.br-table td:first-child {
    padding-left: var(--table-padding);
  }
  .br-table th:last-child,
.br-table td:last-child {
    padding-right: var(--table-padding);
  }
  .br-table tr {
    display: table-row;
    margin: 0;
  }
  .br-table thead {
    display: table-header-group;
  }
  .br-table tbody {
    display: table-row-group;
  }
}
.br-table .headers,
.br-table .clone-headers {
  display: none;
}
.br-table .syncscroll {
  overflow: visible;
}
@media (min-width: 575px) {
  .br-table .headers,
.br-table .clone-headers {
    background: var(--table-header-background);
    display: block;
    overflow-y: hidden;
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .br-table .headers .scroller,
.br-table .clone-headers .scroller {
    align-items: center;
    display: flex;
    overflow-x: hidden;
  }
  .br-table .headers .item,
.br-table .clone-headers .item {
    font-weight: var(--table-header-font-weight);
    padding: var(--table-row-size) calc(var(--table-padding) * 0.5);
  }
  .br-table .headers .item:first-child,
.br-table .clone-headers .item:first-child {
    padding-left: var(--table-padding);
  }
  .br-table .headers .item:last-child,
.br-table .clone-headers .item:last-child {
    padding-right: var(--table-padding);
  }
  .br-table .headers .item .br-checkbox,
.br-table .clone-headers .item .br-checkbox {
    margin-bottom: 0;
  }
  .br-table .syncscroll {
    overflow: auto;
  }
}
.br-table .header,
.br-table .table-header {
  box-shadow: var(--table-shadow);
  order: 0;
  position: sticky;
  top: 0;
  z-index: 2;
}
@media (min-width: 575px) {
  .br-table .header,
.br-table .table-header {
    --table-shadow: none;
  }
}
.br-table .top-bar {
  --table-padding: var(--spacing-scale-base) var(--spacing-scale-2x);
  align-items: center;
  background-color: var(--color-secondary-03);
  display: flex;
  padding: var(--table-padding);
}
.br-table .top-bar .title,
.br-table .top-bar .table-title {
  flex-grow: 1;
  font-size: var(--font-size-scale-up-02);
  font-weight: 600;
}
.br-table .top-bar .actions-trigger {
  margin-right: var(--spacing-scale-base);
}
@media (min-width: 575px) {
  .br-table .top-bar {
    background-color: var(--color-secondary-01, #fff);
  }
  .br-table .top-bar title {
    font-size: var(--font-size-scale-up-03, 24.192px);
    line-height: var(--font-line-height-medium, 1.45);
  }
}
@media (min-width: 575px) {
  .br-table .responsive {
    overflow: auto;
  }
}
.br-table .search-bar {
  --table-padding: var(--spacing-scale-base) var(--spacing-scale-2x);
  align-items: center;
  background-color: var(--table-header-background);
  display: none;
  left: 0;
  padding: var(--table-padding);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.br-table .search-bar.show {
  display: flex;
}
.br-table .search-bar .br-input {
  flex: 1;
}
.br-table .search-bar .br-input label {
  display: none;
}
.br-table .search-bar .br-input input + .br-button {
  --button-size: var(--button-small);
  bottom: var(--spacing-scale-half);
  position: absolute;
  right: var(--spacing-scale-half);
  top: auto;
}
.br-table .search-bar .br-input + .br-button {
  margin-left: var(--table-row-medium);
}
@media (min-width: 575px) {
  .br-table .search-bar {
    --table-header-background: var(--bg-color);
  }
}
.br-table .selected-bar,
.br-table .selection-bar {
  --table-padding: var(--spacing-scale-base) var(--spacing-scale-2x);
  align-items: center;
  background-color: var(--interactive);
  bottom: 0;
  display: none;
  left: 0;
  padding: var(--table-padding);
  right: 0;
  top: 0;
}
.br-table .selected-bar.show,
.br-table .selection-bar.show {
  display: flex;
}
.br-table .selected-bar .info,
.br-table .selection-bar .info {
  align-items: center;
  display: flex;
  flex-grow: 1;
  white-space: nowrap;
}
.br-table .selected-bar .info [data-toggle=check-all],
.br-table .selected-bar .info .select-all,
.br-table .selection-bar .info [data-toggle=check-all],
.br-table .selection-bar .info .select-all {
  font-size: var(--font-size-scale-up-03, 24.192px);
  margin-right: var(--spacing-scale-half);
  padding: 0;
}
.br-table .selected-bar .text,
.br-table .selected-bar .count,
.br-table .selection-bar .text,
.br-table .selection-bar .count {
  color: var(--color-secondary-01, #fff);
  line-height: var(--font-line-height-low, 1.15);
  padding-right: var(--spacing-scale-half);
}
.br-table .selected-bar .mobile,
.br-table .selection-bar .mobile {
  display: inline;
}
.br-table .selected-bar.is-active, .br-table .selected-bar.active,
.br-table .selection-bar.is-active,
.br-table .selection-bar.active {
  opacity: 1;
  top: 0;
}
@media (min-width: 575px) {
  .br-table .selected-bar .mobile,
.br-table .selection-bar .mobile {
    display: none;
  }
  .br-table .selected-bar .action-button button,
.br-table .selection-bar .action-button button {
    min-width: auto;
    width: auto;
  }
  .br-table .selected-bar .action-button button span,
.br-table .selection-bar .action-button button span {
    display: inline;
    padding-left: var(--spacing-scale-3x);
    padding-right: var(--spacing-scale-base);
  }
}
.br-table[data-selection] tbody tr {
  position: relative;
}
.br-table[data-selection] tbody td {
  padding-left: calc(var(--table-padding) * 2 + var(--checkbox-size));
}
.br-table[data-selection] tbody td:first-child {
  left: var(--table-padding);
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  width: var(--checkbox-size);
}
.br-table[data-selection] .br-checkbox {
  line-height: 1;
}
.br-table[data-selection] .br-checkbox input {
  line-height: 1;
}
.br-table[data-selection] .br-checkbox label {
  line-height: 1;
  --focus-color: var(--color-support-03);
}
.br-table[data-selection] .br-checkbox label:empty {
  padding-left: var(--checkbox-size);
  padding-right: 0;
}
@media (min-width: 575px) {
  .br-table[data-selection] tbody tr {
    position: static;
  }
  .br-table[data-selection] tbody td {
    padding-left: calc(var(--table-padding) * 0.5);
  }
  .br-table[data-selection] tbody td:first-child {
    padding-left: var(--table-padding);
    padding-right: calc(var(--table-padding) * 0.5);
    position: static;
  }
}
.br-table .footer,
.br-table .table-footer {
  background: var(--bg-color);
  bottom: 0;
  box-shadow: 0 -3px 6px rgba(var(--rgb-secondary-09), 0.16);
  padding: var(--spacing-scale-2x);
  position: sticky;
}
.br-table .footer .br-input .br-button,
.br-table .table-footer .br-input .br-button {
  transform: rotate(180deg);
}
.br-table .footer .br-list,
.br-table .table-footer .br-list {
  bottom: 100%;
}
@media (min-width: 575px) {
  .br-table .footer,
.br-table .table-footer {
    box-shadow: none;
    position: static;
  }
}
.br-table.small table,
.br-table.small .headers,
.br-table.small .clone-headers .item {
  --table-row-size: var(--table-row-small);
}
.br-table.medium table,
.br-table.medium .headers,
.br-table.medium .clone-headers .item {
  --table-row-size: var(--table-row-medium);
}
.br-table.large table,
.br-table.large .headers,
.br-table.large .clone-headers .item {
  --table-row-size: var(--table-row-large);
}

/*# sourceMappingURL=table.css.map*/