.barcode-hero[data-v-77fdc90a]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);float:right;margin:0 0 1.5rem 2rem;padding:1rem 1.25rem;text-align:center;width:320px}.barcode-svg-wrap[data-v-77fdc90a]{margin:0 auto .75rem}.barcode-svg[data-v-77fdc90a]{height:auto;width:100%}.barcode-2d-wrap[data-v-77fdc90a]{max-width:140px}.barcode-digits[data-v-77fdc90a]{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:1.05rem;font-weight:700;letter-spacing:.03em;margin-bottom:.5rem;overflow-wrap:break-word;word-break:break-all}.barcode-hero.long-value .barcode-digits[data-v-77fdc90a]{font-size:.8rem}.barcode-legend[data-v-77fdc90a]{color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:.6rem;justify-content:center}.legend-item[data-v-77fdc90a]{align-items:center;display:flex;gap:.25rem}.legend-dot[data-v-77fdc90a]{border-radius:50%;flex-shrink:0;height:8px;width:8px}@media(max-width:768px){.barcode-hero[data-v-77fdc90a]{float:none;margin:0 0 1.5rem;width:100%}}