.px-table-foot-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 8px;
}
.px-table .px-table-spin {
  width: 100%;
  display: block;
  max-height: inherit;
  height: 100%;
  transition: none;
}
.px-table-pagination {
  margin-left: auto;
}
.px-table-area {
  border-width: 0;
  position: relative;
  transition: 0.25s;
  z-index: 0;
  width: 100%;
  box-sizing: border-box;
  color: var(--px-neutral-10);
}
.px-table-head {
  box-sizing: border-box;
  position: relative;
  top: 0;
  z-index: 2;
  background-color: var(--px-neutral-6);
}
.px-table-head > tr > th {
  font-weight: normal;
  border-color: var(--px-neutral-7);
  border-bottom-width: calc(var(--px-bit) / 2);
}
.px-table-head > tr > th.px-table-th__leaf {
  padding-bottom: calc(var(--px-bit) / 2);
  border-bottom-width: 0;
  background: linear-gradient(to top, var(--px-neutral-3) 0%, var(--px-neutral-3) var(--px-bit), var(--px-neutral-6) var(--px-bit), var(--px-neutral-6) 100%);
}
.px-table__head-bordered .px-table-head .px-table-last-head-row {
  position: relative;
}
.px-table__head-bordered .px-table-head .px-table-last-head-row::after {
  content: '';
  background: var(--px-neutral-9);
  height: var(--px-bit);
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.px-table__head-bordered .px-table-head > tr > th.px-table-th__leaf {
  border-bottom-width: var(--px-bit);
}
.px-table__head-sticky .px-table-head {
  position: sticky;
}
.px-table-left-fixed {
  box-sizing: border-box;
  border-collapse: collapse;
  border-width: 0;
}
.px-table-inner {
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-width: 0;
  border-spacing: 0;
}
.px-table td,
.px-table th {
  box-sizing: border-box;
  position: relative;
  padding: 0;
  border-color: var(--px-neutral-8);
  border-style: solid;
  border-width: 0 0 0 0;
  background: var(--px-neutral-6);
}
.px-table th.px-table-th__left-fixed,
.px-table th.px-table-th__right-fixed {
  position: sticky;
  z-index: 1;
}
.px-table td {
  background-color: var(--px-neutral-1);
  transition: background 0.25s;
}
.px-table td.px-table-td__left-fixed,
.px-table td.px-table-td__right-fixed {
  position: sticky;
  z-index: 1;
}
.px-table__col-bordered td {
  border-width: 0 calc(var(--px-bit) / 2) 0 0;
}
.px-table__col-bordered td:last-of-type {
  border-right-width: 0;
}
.px-table__col-bordered td.px-table-td__next-fixed {
  border-right-width: 0;
}
.px-table__col-bordered td.px-table-td__first-fixed {
  border-left-width: calc(var(--px-bit) / 2);
}
.px-table__col-bordered th {
  border-width: 0 calc(var(--px-bit) / 2) 0 0;
}
.px-table__col-bordered th.px-table-th__right-edge {
  border-right-width: 0;
}
.px-table__col-bordered th.px-table-th__next-fixed {
  border-right-width: 0;
}
.px-table__col-bordered th.px-table-th__first-fixed {
  border-left-width: calc(var(--px-bit) / 2);
}
.px-table__hierarchical-head th {
  border-width: 0 calc(var(--px-bit) / 2) 0 0;
}
.px-table__hierarchical-head th.px-table-th__right-edge {
  border-right-width: 0;
}
.px-table__hierarchical-head th.px-table-th__next-fixed {
  border-right-width: 0;
}
.px-table__hierarchical-head th.px-table-th__first-fixed {
  border-left-width: calc(var(--px-bit) / 2);
}
.px-table__bordered .px-table-body .px-table-row:last-of-type > td,
.px-table__bordered .px-table-foot .px-table-row:last-of-type > td {
  border-bottom-width: 0;
}
.px-table__bordered .px-table-body .px-table-expand-row:last-of-type > td,
.px-table__bordered .px-table-foot .px-table-expand-row:last-of-type > td {
  border-bottom-width: 0;
}
.px-table-row {
  box-sizing: border-box;
}
.px-table-expand-row > td {
  box-sizing: border-box;
  padding: 8px 16px;
  background: var(--px-neutral-4);
  border-color: var(--px-neutral-8);
  border-style: solid;
}
.px-table__row-bordered .px-table-expand-row > td {
  border-bottom-width: calc(var(--px-bit) / 2);
}
.px-table__row-bordered .px-table-expand-row.px-table-expand-row__next-fixed > td {
  border-bottom-width: 0;
}
.px-table__row-bordered .px-table-row > td {
  border-bottom-width: calc(var(--px-bit) / 2);
}
.px-table__row-bordered .px-table-row.px-table-row__first-fixed > td {
  border-top-width: calc(var(--px-bit) / 2);
}
.px-table__row-bordered .px-table-row.px-table-row__next-fixed > td {
  border-bottom-width: 0;
}
.px-table__row-bordered td.px-table-td__last-row {
  border-bottom-width: 0;
}
.px-table-foot__fixed {
  position: sticky;
  bottom: 0;
  z-index: 2;
}
.px-table-body,
.px-table-foot {
  background-color: var(--px-neutral-1);
}
.px-table-body .px-table-row:hover > td:not(.px-table-td__empty),
.px-table-foot .px-table-row:hover > td:not(.px-table-td__empty),
.px-table-head .px-table-row:hover > td:not(.px-table-td__empty) {
  background: var(--px-neutral-4);
}
.px-table-row__summary > td {
  background: var(--px-neutral-4);
}
.px-table__striped .px-table-body .px-table-row.px-table-row__even > td:not(.px-table-td__empty),
.px-table__striped .px-table-foot .px-table-row.px-table-row__even > td:not(.px-table-td__empty),
.px-table__striped .px-table-head .px-table-row.px-table-row__even > td:not(.px-table-td__empty) {
  background: var(--px-neutral-3);
}
.px-table__striped .px-table-body .px-table-row.px-table-row__even:hover > td:not(.px-table-td__empty),
.px-table__striped .px-table-foot .px-table-row.px-table-row__even:hover > td:not(.px-table-td__empty),
.px-table__striped .px-table-head .px-table-row.px-table-row__even:hover > td:not(.px-table-td__empty) {
  background: var(--px-neutral-4);
}
.px-table__checkered .px-table-body .px-table-row.px-table-row__even > .px-table-td__odd,
.px-table__checkered .px-table-foot .px-table-row.px-table-row__even > .px-table-td__odd,
.px-table__checkered .px-table-head .px-table-row.px-table-row__even > .px-table-td__odd {
  background: var(--px-neutral-3);
}
.px-table__checkered .px-table-body .px-table-row.px-table-row__even:hover > td:not(.px-table-td__empty),
.px-table__checkered .px-table-foot .px-table-row.px-table-row__even:hover > td:not(.px-table-td__empty),
.px-table__checkered .px-table-head .px-table-row.px-table-row__even:hover > td:not(.px-table-td__empty) {
  background: var(--px-neutral-4);
}
.px-table__checkered .px-table-body .px-table-row.px-table-row__odd > .px-table-td__even,
.px-table__checkered .px-table-foot .px-table-row.px-table-row__odd > .px-table-td__even,
.px-table__checkered .px-table-head .px-table-row.px-table-row__odd > .px-table-td__even {
  background: var(--px-neutral-3);
}
.px-table__checkered .px-table-body .px-table-row.px-table-row__odd:hover > td:not(.px-table-td__empty),
.px-table__checkered .px-table-foot .px-table-row.px-table-row__odd:hover > td:not(.px-table-td__empty),
.px-table__checkered .px-table-head .px-table-row.px-table-row__odd:hover > td:not(.px-table-td__empty) {
  background: var(--px-neutral-4);
}
.px-table-cell {
  padding: 4px 8px;
  min-height: 24px;
  box-sizing: border-box;
}
.px-table-cell.px-table-cell__icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.px-table-canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}
.px-table-scroll-area {
  border-style: solid;
  border-color: transparent;
  border-width: 0;
  width: 100%;
  height: 100%;
  max-height: inherit;
}
.px-table-wrapper {
  border: 0 transparent solid;
  position: relative;
}
.px-table__bordered .px-table-scroll-area {
  border-top-width: var(--px-bit);
  border-bottom-width: var(--px-bit);
}
.px-table__bordered.px-table__side-bordered .px-table-scroll-area {
  border-left-width: var(--px-bit);
  border-right-width: var(--px-bit);
}
.px-table-empty {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}
.px-table-addition {
  display: flex;
  align-items: center;
  justify-content: center;
}
.px-table-icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: var(--px-neutral-6);
  transition: 0.25s;
  cursor: pointer;
  color: var(--px-neutral-8);
  font-size: 12px;
}
.px-table-icon-button > svg {
  height: 1em;
  width: 1em;
  fill: currentColor;
}
.px-table-icon-button > svg:focus {
  outline: none;
}
.px-table-icon-button:active {
  background-color: var(--px-neutral-7);
}
.px-table-filter-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  cursor: pointer;
  transition: 0.25s;
  background-color: var(--px-neutral-6);
}
.px-table-filter-icon-wrapper svg {
  transition: 0.25s;
  color: var(--px-neutral-8);
  font-size: 14px;
  height: 1em;
  width: 1em;
}
.px-table-filter-icon-wrapper:focus {
  outline: none;
}
.px-table-filter-icon-wrapper:hover,
.px-table-filter-icon-wrapper:focus {
  background-color: var(--px-neutral-4);
}
.px-table-filter-icon-wrapper__active svg {
  fill: currentColor;
  color: var(--px-primary-6);
}
.px-table-filter-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px;
}
.px-table-filter-wrapper > .px-radio,
.px-table-filter-wrapper > .px-checkbox {
  margin-right: 8px;
}
.px-table-filter-wrapper > .px-radio:last-child,
.px-table-filter-wrapper > .px-checkbox:last-child {
  margin-right: 0;
}
.px-table-filter-divider {
  margin-bottom: 8px;
  margin-top: 8px;
  border-bottom-width: 2px;
  border-bottom-color: var(--px-neutral-8);
  border-bottom-style: solid;
  height: 2px;
  box-sizing: border-box;
  width: 100%;
}
.px-table-filter-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 4px;
}
.px-table-filter-footer > .px-button {
  margin-right: 4px;
}
.px-table-filter-footer > .px-button:last-child {
  margin-right: 0;
}
.px-table-sort-icon-wrapper {
  width: 20px;
  height: 20px;
  transition: 0.25s;
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  background: var(--px-neutral-6);
}
.px-table-sort-icon-wrapper:focus {
  outline: none;
}
.px-table-sort-icon-wrapper:hover,
.px-table-sort-icon-wrapper:focus {
  background-color: var(--px-neutral-4);
}
.px-table-sort-icon-wrapper__single {
  justify-content: center;
}
.px-table svg.px-table-sort-icon-asc,
.px-table svg.px-table-sort-icon-desc {
  transition: 0.25s;
  color: var(--px-neutral-8);
  font-size: 14px;
  height: 1em;
  width: 1em;
}
.px-table svg.px-table-sort-icon-asc__active,
.px-table svg.px-table-sort-icon-desc__active {
  fill: currentColor;
  color: var(--px-primary-6);
}