/* Код и подпись под ним в шторке.

   Компонентом, а не стилями экрана: код показывают из четырёх мест —
   своя карта, карточка клиента, свой QR в профиле, — и живёт он
   в шторке, которая ни к какому экрану не принадлежит. Прежде эти
   правила висели на экране, которого больше нет, и не срабатывали
   вовсе: код рисовался без белого поля и без рамки. */

.issued__frame {
  margin: 0 auto;
  width: 62cqw;
  max-width: 100%;
  padding: var(--sp-4);
  /* Белая, как и кайма вокруг модулей: тёмная подложка съедает её,
     а без каймы камера не находит границу кода. */
  background: var(--qr-paper);
  border-radius: var(--r-lg);
  color: var(--qr-ink);
}

.qr {
  display: block;
  width: 100%;
  height: auto;
}

/* Код словами под картинкой: его диктуют, когда камеры нет. */
.issued__code {
  margin-top: var(--sp-4);
  text-align: center;
  font-family: var(--font-mono);
  font-size: var(--fs-lg);
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--accent-text);
}

.issued__note {
  margin-top: var(--sp-2);
  text-align: center;
  font-size: var(--fs-xs);
  line-height: 1.5;
  color: var(--text-faint);
}