.td-qr-scanner {
  position: relative;
  width: 100%;
  max-width: 28rem;
  margin: 1rem 0;
  aspect-ratio: 3 / 4;
  background: #0b1518;
  border-radius: var(--td-radius-md, 0.75rem);
  overflow: hidden;
}

.td-qr-scanner__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.td-qr-scanner__overlay {
  pointer-events: none;
  position: absolute;
  inset: 18%;
  border: 2px solid rgba(255, 255, 255, 0.85);
  border-radius: 0.75rem;
  box-shadow: 0 0 0 999px rgba(0, 0, 0, 0.35);
}