:host {
  display: inline-block;
  margin: auto;
  background-color: rgb(var(--smoothly-default-color));
  border: 1px solid rgb(var(--smoothly-medium-color));
  max-width: 60em;
}
:host[hidden] {
  display: none;
}
:host > table {
  text-transform: capitalize;
  width: 100%;
}
:host > table > th,
tr > * {
  display: table-cell;
  text-align: left;
  padding: 0.3em .5em;
}
tr > *:not(:first-child),
:host > table > th:not(:first-of-type){
  text-align: right;
}
