.qr-code{--qr-field:var(--surface-elevated);--qr-ink:var(--text-primary);inline-size:100%;block-size:auto;aspect-ratio:1;max-inline-size:100%}.dark .qr-code{--qr-field:var(--text-primary);--qr-ink:var(--surface-elevated)}.qr-code__bg{fill:var(--qr-field)}.qr-code__mod{fill:var(--qr-ink)}.qr-code__finder{fill:none;stroke:var(--qr-ink);stroke-width:1}