/* STEP9H6K11A_TOTP_QR_PRIMARY_V1 */

.nxc11a-hidden-manual {
  display:none !important;
}

.nxc11a-qr-shell {
  display:grid;
  justify-items:center;
  gap:10px;
  margin:14px 0 18px;
  padding:16px;
  border:1px solid #334134;
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 15%,rgba(200,255,0,.08),transparent 38%),
    #080c09;
}

.nxc11a-qr-title {
  color:#c8ff00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}

.nxc11a-qr-copy {
  max-width:520px;
  color:#a8b3aa;
  font-size:13px;
  line-height:1.55;
  text-align:center;
}

.nxc11a-qr-copy strong {
  color:#f4f7f4;
}

.nxc11a-qr-box {
  display:grid;
  place-items:center;
  width:240px;
  min-height:240px;
  padding:10px;
  border-radius:16px;
  background:#ffffff;
  color:#172017;
  text-align:center;
}

.nxc11a-qr-box img,
.nxc11a-qr-box canvas {
  display:block !important;
  max-width:220px !important;
  max-height:220px !important;
}

.nxc11a-qr-status {
  max-width:520px;
  color:#8f9d91;
  font-size:12px;
  line-height:1.5;
  text-align:center;
}

.nxc11a-qr-failed {
  color:#87242a;
  font-weight:800;
}

.nxc11a-manual-fallback {
  margin:0 0 12px;
}

@media(max-width:460px) {
  .nxc11a-qr-box {
    width:224px;
    min-height:224px;
  }

  .nxc11a-qr-box img,
  .nxc11a-qr-box canvas {
    max-width:204px !important;
    max-height:204px !important;
  }
}