@layer properties,theme,base;@layer components{.l3shPa_qr{border:1px solid var(--border);border-radius:var(--corner-xl);flex-shrink:0}.l3shPa_code.l3shPa_code{width:9rem;font-family:var(--font-code);font-size:var(--type-lg);letter-spacing:.3em;text-align:center}.l3shPa_skeleton{width:100%;height:14rem}.l3shPa_step{gap:var(--space-3);grid-template-columns:1.75rem minmax(0,1fr);display:grid}.l3shPa_number{border-radius:var(--corner-full);background:var(--secondary);width:1.75rem;height:1.75rem;color:var(--secondary-foreground);font-size:var(--type-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:flex}.l3shPa_stepBody{padding-top:var(--space-0-5)}.l3shPa_key{padding:var(--space-1) var(--space-2);border-radius:var(--corner-lg);background:var(--muted);font-family:var(--font-code);font-size:var(--type-base);word-break:break-all}.l3shPa_codes{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--corner-xl);background:color-mix(in oklch, var(--muted) 50%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:640px){.l3shPa_codes{grid-template-columns:repeat(5,minmax(0,1fr))}}.l3shPa_codes code{font-family:var(--font-code);font-size:var(--type-base)}}@layer utilities;
