/* 8.ro */
.bc-wide { grid-column: 1 / -1; }
.bc-t { font-family: var(--mono); }
.bc-hint { margin: -4px 0 0; font-size: .8125rem; color: var(--muted); }
.bc-stage { display: grid; place-items: center; padding: 14px 18px 4px; }
/* a box of one height for every code: the drawing fits inside it, so a
   code drawn after the page has loaded moves nothing */
.bc-view { width: min(100%, 460px); height: 180px; border-radius: var(--r-s); background: #fff; box-shadow: 0 0 0 1px var(--line), var(--shadow); overflow: hidden; display: grid; place-items: center; padding: 8px; }
.bc-view svg { display: block; width: 100%; height: 100%; }
.bc-info { text-align: center; }
.bc-save { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 0 18px 18px; align-items: center; }
.bc-px { width: 10rem; }