.virtual-terminal__surchange-potential {
  margin-inline: var(--space-xs);
  font-size: var(--font-size-s);
  border: 1px solid var(--color-subtle);
  border-radius: var(--border-radius);
  padding: var(--space-xxs);
}

.virtual-terminal__surchange-potential--hidden {
  display: none;
}

.virtual-terminal__entry {
}

.virtual-terminal__summary {
  position: fixed;
  bottom: 0;
  left: 0;
  min-height: 4rem;
  width: 100%;
  background-color: var(--color-background);
  box-shadow: 0 0 10px var(--color-mono-bold-half-trans);
  padding-block: var(--space-s);
  z-index: var(--content-z);

  .container {
    margin-inline: var(--page-margin-inline);
    padding-inline: var(--page-padding-inline);
    width: var(--page-width);
  }
}

.virtual-terminal__summary-total {
  display: flex;
  gap: var(--space-xxs);
  margin-block-end: var(--space-xs);
}

.virtual-terminal__summary--with-surcharge
  .virtual-terminal__summary-total::after {

  content: "▶";
  display: block;
  color: var(--color-subtle-rotate);
}

.virtual-terminal__summary--expanded
  .virtual-terminal__summary-total::after {

  content: "▼";
}

.virtual-terminal__summary-details {
  display: none;
}

.virtual-terminal__summary--expanded .virtual-terminal__summary-details {
  display: block;
  margin-block-end: var(--space-m);
}

.virtual-terminal__summary-total {
  font-size: var(--font-size-xl);

}

.virtual-terminal__summary-breakdown {
  margin-block-end: var(--space-xs);
}

.virtual-terminal__summary-surcharge-test {
  font-size: var(--font-size-xs);
}