@import url("../lib/bootstrap-icons.css");

:host, edit-form, table {
  display: table;
  width: fit-content;
  min-width: calc(100% - 4em);
  background-color: var(--white);
  padding: 2em;
  border-spacing: 0;
}

th {
  font-size: 1em;
  font-weight: bold;
}

tr:first-of-type th {
  background: var(--main-text-bg);
}

td, th {
  padding: 1em;
  vertical-align: middle;
}

td:nth-child(2) {
  vertical-align: middle;
  text-align: right;
}

td + td,
th + td,
th + th {
  border-left: 1px solid var(--main-text-bg);
}

tr + tr th,
tr + tr td {
  border-top: 1px solid var(--main-text-bg);
}

tr > td:first-child > div {
  font-size: 1.4em;
}