@layer theme,base;@layer components{.inf-qr-labels-sample{stroke-width:7px}.inf-qr-labels-dash{stroke-dasharray:2.5 3}.inf-qr-labels-code{width:100%;height:auto;color:var(--foreground);flex:none;display:block}.inf-qr-labels-label{border:1px solid var(--border-strong);background:var(--card);width:min(100%,23rem);box-shadow:0 14px 30px -22px rgb(var(--shadow-color) / .45);border-radius:.625rem;grid-template-columns:38% minmax(0,1fr);align-items:center;gap:.875rem;padding:.875rem;font-size:.8125rem;line-height:1.35;display:grid}.inf-qr-labels-words{gap:.3rem;min-width:0;display:grid}.inf-qr-labels-part{color:var(--inf-quiet);justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:relative}strong.inf-qr-labels-part{letter-spacing:-.015em;color:var(--foreground);font-size:1.0625rem}.inf-qr-labels-logo{border:1px dashed var(--border-strong);border-radius:.3rem;width:fit-content;padding:.1rem .5rem;font-weight:600}.inf-qr-labels-address{border-top:1px solid var(--inf-line);font-family:var(--font-mono);padding-top:.3rem;font-size:.6875rem}div.inf-qr-labels-part>.inf-mark{box-shadow:0 0 0 3px var(--card);position:absolute;top:-.6rem;left:-.6rem}.inf-qr-labels-logo>.inf-mark{position:absolute;top:-.2rem;left:calc(100% + .5rem)}.inf-qr-labels-stage>.inf-qr-labels-label{width:100%;padding:1.125rem;font-size:1rem}.inf-qr-labels-stage strong{font-size:1.375rem}.inf-qr-labels-hero{padding:0 .5rem 4.5rem 0;display:grid;position:relative}.inf-qr-labels-render{border:1px solid var(--inf-line);background:var(--surface-picture);aspect-ratio:16/10;border-radius:.875rem;overflow:hidden}.inf-qr-labels-render img{object-fit:cover;width:100%;height:100%}.inf-qr-labels-hero>.inf-qr-labels-label{grid-template-columns:32% minmax(0,1fr);width:min(74%,19rem);position:absolute;bottom:.5rem;right:1.25rem;rotate:-2deg}.inf-qr-labels-box{container-type:inline-size}.inf-qr-labels-targets{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.inf-qr-labels-targets>li{border:1px solid var(--inf-line);background:var(--background);border-radius:.75rem;padding:.75rem}.inf-qr-labels-targets p,.inf-qr-labels-templates p{color:var(--inf-quiet);margin-top:.5rem;font-size:.875rem;line-height:1.4}.inf-qr-labels-targets strong,.inf-qr-labels-templates strong{color:var(--foreground);display:block}.inf-qr-labels-templates{gap:.75rem;display:grid}.inf-qr-labels-templates>li{border:1px solid var(--inf-line);background:var(--background);border-radius:.75rem;grid-template-columns:10.5rem minmax(0,1fr);align-items:center;gap:.75rem;padding:.75rem;display:grid}.inf-qr-labels-mini{place-items:center;min-height:6rem;display:grid}.inf-qr-labels-mini>*{zoom:1.25}.inf-qr-labels-pair{align-items:center;gap:.4rem;display:flex}.inf-qr-labels-paper{border:1px solid var(--border-strong);background:var(--card);color:var(--inf-quiet);border-radius:.25rem;align-content:start;gap:.3rem;padding:.35rem;font-size:.5rem;line-height:1.2;display:grid}.inf-qr-labels-paper em{letter-spacing:.02em;font-style:normal;font-weight:600}.inf-qr-labels-paper[data-template=label]{grid-template-columns:2.1rem minmax(0,1fr);align-items:center;width:6.5rem}.inf-qr-labels-paper[data-template=tag]{justify-items:center;width:3.4rem;height:6.2rem}.inf-qr-labels-paper[data-template=tag]>.inf-qr-labels-code{width:1.9rem;margin-top:auto}.inf-qr-labels-hole{border:1px solid var(--border-strong);border-radius:999px;width:.45rem;height:.45rem}.inf-qr-labels-paper[data-template=card]{width:5.4rem;height:7.6rem}.inf-qr-labels-paper[data-template=sign]{width:5.8rem;height:8.2rem;padding:0;overflow:hidden}.inf-qr-labels-paper[data-template=sign]>.inf-qr-labels-lines{padding:0 .35rem}.inf-qr-labels-paper[data-template=drum]{grid-template-columns:minmax(0,1fr) 2.1rem;align-items:end;width:8.2rem}.inf-qr-labels-picture{background:var(--surface-picture);aspect-ratio:4/3;border-radius:.15rem;width:100%;display:block;overflow:hidden}.inf-qr-labels-paper[data-template=sign]>.inf-qr-labels-picture{aspect-ratio:5/4;border-radius:0}.inf-qr-labels-paper[data-template=tag]>.inf-qr-labels-picture{aspect-ratio:1}.inf-qr-labels-picture img{object-fit:cover;width:100%;height:100%}.inf-qr-labels-row{grid-template-columns:minmax(0,1fr) 1.7rem;align-items:end;gap:.3rem;margin-top:auto;display:grid}.inf-qr-labels-row>span{gap:.25rem;display:grid}.inf-qr-labels-band{background:var(--inf-copper);color:var(--brand-foreground);grid-template-columns:minmax(0,1fr) 1.6rem;align-items:center;gap:.3rem;margin-top:auto;padding:.3rem .35rem;display:grid}.inf-qr-labels-band>.inf-qr-labels-code{background:var(--card);border-radius:.1rem;padding:.1rem}.inf-qr-labels-lines{gap:.2rem;width:100%;display:grid}.inf-qr-labels-lines>i{background:var(--secondary);border-radius:999px;height:.2rem}.inf-qr-labels-lines>i:nth-child(2){width:70%}.inf-qr-labels-lines>i:nth-child(3){width:50%}.inf-qr-labels-write{align-items:baseline;gap:.25rem;margin-top:.3rem;display:flex}.inf-qr-labels-write:after{border-bottom:1px solid var(--border-strong);content:"";flex:1}@container (min-width:34rem){.inf-qr-labels-targets{grid-template-columns:repeat(4,minmax(0,1fr))}.inf-qr-labels-templates{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:52rem){.inf-qr-labels-templates{grid-template-columns:repeat(6,minmax(0,1fr))}.inf-qr-labels-templates>li{grid-column:span 2;display:block}.inf-qr-labels-templates>li:nth-child(n+4){grid-column:span 3}.inf-qr-labels-mini{height:13.5rem}.inf-qr-labels-mini>*{zoom:1.5}}}@layer utilities;