.qr-trigger{top:var(--space-16);right:var(--space-16);z-index:2;width:var(--size-icon-control);height:var(--size-icon-control);color:var(--clr-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;transition:none;display:grid;position:fixed}.qr-trigger:hover{color:var(--clr-text)}.qr-trigger:active{color:var(--clr-accent)}.qr-trigger:focus-visible,.qr-dialog__close:focus-visible,.qr-dialog__copy-button:focus-visible{color:var(--clr-accent);outline:none}.qr-dialog{width:100%;max-width:none;height:100%;max-height:none;padding:var(--space-16);color:var(--clr-text);background:0 0;border:0;position:fixed;inset:0;overflow:auto}.qr-dialog[open]{place-items:center;display:grid}.qr-dialog::backdrop{background:var(--clr-dialog-backdrop);-webkit-backdrop-filter:blur(var(--space-8));backdrop-filter:blur(var(--space-8))}.qr-dialog__surface{justify-items:center;gap:var(--space-16);width:min(100%, var(--size-dialog-max));height:var(--size-dialog-height);padding:var(--space-24) var(--space-12);text-align:center;background:var(--clr-dialog-surface);border:var(--size-border-1) solid var(--clr-dialog-border);border-radius:var(--radius-24);box-shadow:var(--shadow-dialog);animation:qr-dialog-enter .24s var(--ease-out) both;display:grid;position:relative}.qr-dialog__close{top:var(--space-12);right:var(--space-12);width:var(--size-icon-control);height:var(--size-icon-control);color:var(--clr-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute}.qr-dialog__close:hover{color:var(--clr-text)}.qr-dialog__header{width:100%;padding-top:var(--space-24)}.qr-dialog__title{font:var(--font-title-sm);text-wrap:balance}.qr-dialog__title:focus{outline:none}.qr-dialog__qr{width:var(--size-qr-code);aspect-ratio:1;max-width:100%;margin-block:calc(var(--space-16) * -1) calc(var(--space-24) * -1)}.qr-dialog__qr-error{width:var(--size-qr-code);aspect-ratio:1;max-width:100%;padding:var(--space-24);color:var(--clr-text-muted);font:var(--font-body-sm);place-items:center;display:grid}.qr-dialog__qr svg{width:100%;height:auto;display:block}.qr-dialog__url{color:var(--clr-text-muted);font:var(--font-body-sm);overflow-wrap:anywhere;text-underline-offset:var(--space-4)}.qr-dialog__link-row{align-items:center;gap:var(--space-8);grid-template-columns:1fr auto 1fr;width:100%;display:grid}.qr-dialog__url{grid-column:2}.qr-dialog__copy-button{width:var(--size-icon-control);height:var(--size-icon-control);color:var(--clr-text-muted);cursor:pointer;margin-left:calc(var(--space-8) * -1);background:0 0;border:0;grid-column:3;justify-self:start;place-items:center;display:grid}.qr-dialog__copy-button:hover{color:var(--clr-text)}@keyframes qr-dialog-enter{0%{opacity:0;transform:translateY(var(--space-8)) scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.qr-dialog__surface{animation:none}}