@layer components{@property --ui-inline-target-spill{syntax:"<length>";inherits:true;initial-value:0}@scope(.ui-copy-value) to (:scope :is([class^=ui-],[class*=\ ui-],[class^=viz-],[class*=\ viz-]):not([data-ui-boundary=transparent])){:scope{align-items:center;gap:var(--space-1) var(--space-2);min-inline-size:var(--space-5);min-block-size:var(--space-5);flex-wrap:wrap;max-inline-size:100%;display:inline-flex}:scope>[data-part=control]{align-items:center;gap:var(--space-1);min-inline-size:0;max-inline-size:calc(100% + var(--space-1));min-block-size:var(--space-5);padding-block:0;padding-inline:var(--space-1);border-radius:var(--radius-1);color:var(--ink);cursor:copy;font:inherit;text-align:start;background-color:#0000;border:0;margin-inline-start:calc(var(--space-1) * -1);display:inline-flex;position:relative}:scope [data-part=value]{min-inline-size:0;font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex;overflow:hidden}:scope [data-part=head]{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}:scope [data-part=tail]{flex:none}:scope[data-state=static]>[data-part=value]{overflow-wrap:anywhere;color:var(--ink-dim);white-space:normal;display:inline}:scope [data-part=icon]{color:var(--ink-dim);opacity:0;flex:none;display:inline-flex}:scope>[data-part=control]:focus-visible>[data-part=icon],:scope[data-state=success] [data-part=icon],:scope[data-state=error] [data-part=icon]{opacity:1}:scope[data-state=success] [data-part=icon]{color:var(--ok)}@media (hover:hover){:scope>[data-part=control]:hover>[data-part=icon]{opacity:1}}@media (hover:none){:scope [data-part=icon]{opacity:1}:scope>[data-part=control]{min-block-size:calc(var(--space-6) + var(--space-3));margin-block:var(--ui-inline-target-spill,0)}}:scope[data-presentation=field]>[data-part=control]{gap:var(--space-2);max-inline-size:100%;padding-inline:var(--space-2);border:thin solid var(--signal-line);background-color:var(--bg);margin-block:0;margin-inline-start:0}:scope[data-presentation=field] [data-part=icon]{opacity:1}@media (hover:hover){:scope[data-presentation=field]>[data-part=control]{min-block-size:var(--space-6)}}:scope>[data-part=status]{color:var(--ink-dim);font-size:var(--text-xs);white-space:nowrap}}}