/* digotech/copy: a small copy button, or (showValue) a one-line box with the value and the button at its end.
   The toast after copying is the theme's (base.css/base.js: window.dgToast). */
.dg-copy{display:inline-flex;align-items:center;gap:var(--s-2);max-width:100%;min-width:0}
.dg-copy--box{display:flex;width:100%;min-height:var(--ctl-s);padding-left:var(--s-3);border:1px solid var(--rule);border-radius:var(--r);background:var(--paper-2)}
.dg-copy__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 var(--t-s)/1 var(--font-mono);font-variant-numeric:tabular-nums}
.dg-copy__btn{display:inline-flex;align-items:center;gap:var(--s-1);min-height:var(--ctl-s);padding:0 var(--s-3);border:1px solid var(--rule);border-radius:var(--r);background:transparent;color:var(--ink);font:500 var(--t-xs)/1 var(--font-body);cursor:pointer;transition:border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}
.dg-copy--box .dg-copy__btn{border:0;border-left:1px solid var(--rule);border-radius:0}
.dg-copy__btn:hover,.dg-copy__btn:focus-visible{border-color:var(--ink-2);color:var(--accent)}
.dg-copy__btn svg{width:var(--icon-s);height:var(--icon-s)}