@charset "UTF-8";

.error {
  color: red;
}

.right {
  justify-self: right;
}

details>summary {
  user-select: none;
}

fieldset:has(>#hide-result:checked)+.result {
  display: none;
}

main {
  display: grid;
  color: #eee;
  grid-template-columns: 1fr;
  margin-bottom: 4em;
  width: fit-content;
}

main>nav {
  display: inline-block;
  width: fit-content;
}

main>table {
  margin: 0 auto;
}

table,
td,
th,
tr {
  border-collapse: collapse;
  border: 1px solid #ccc;
  font-size: small;
  width: fit-content;
}

thead>tr>td:has(>span#total-price) {
  text-align: right;
}

tr.customer {
  color: #b22;
}

tr.regular {
  color: #eee;
}

tr>td,
tr>th {
  min-width: 4em;
  padding: 2px 8px;
}

video {
  --size: calc(100vw - 40px);
  background-color: #333;
  border: 1px solid #555;
  display: inline-block;
  height: var(--size);
  margin: 0;
  padding: 0;
  width: var(--size);
}

*::-webkit-media-controls-panel,
*::-webkit-media-controls-play-button,
*::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}