@use "../../../../styles/int.scss";

.delegate-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: int.$spacing-4;
  display: grid;
  grid-template-columns: max-content max-content 1fr;

  div[role="rowgroup"],
  div[role="row"] {
    display: contents;
  }
}

.heading-count,
.heading-threshold {
  text-align: right;
  border-bottom: 1px solid int.$warmgray-100;
  padding: int.$spacing-1;
  white-space: normal;

  @include int.container-at-least("md") {
    white-space: nowrap;
  }

  @include int.sans($role: "component", $weight: "regular", $size: "200"); 
}

.heading-threshold {
  padding-right: 0;
}