table.dataframe {
  margin-left: auto;
  margin-right: auto;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 12px;
  table-layout: auto;
  width: 100%;
}

.dataframe tr,
.dataframe th,
.dataframe td {
  text-align: right;
  vertical-align: middle;
  padding: 0.5em 0.5em;
  line-height: normal;
  white-space: normal;
  max-width: none;
  border: none;
}

.dataframe tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

.dataframe tbody tr:nth-child(odd) {
  background-color: var(--pst-color-surface, #f5f5f5);
  color: var(--pst-color-text-base);
}

.dataframe thead {
  border-bottom: 1px solid var(--pst-color-border);
  vertical-align: bottom;
}

.dataframe tbody tr:hover {
  background-color: #e1f5fe;
  color: #000000;
  cursor: pointer;
}

:host {
  overflow: auto;
  padding-right: 1px;
}