.copyable-value{display:inline-flex;align-items:center;gap:.25rem;max-width:100%;vertical-align:middle}.copyable-value>bdi{overflow-wrap:anywhere;min-width:0}.copy-control{display:inline-flex;align-items:center;flex:0 0 auto;position:relative;vertical-align:middle}button.copy-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;cursor:pointer;vertical-align:middle}button.copy-button:hover{background:var(--surface-2, #8882)}button.copy-button:focus-visible{outline:2px solid currentColor;outline-offset:1px}.copy-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.copy-error{position:absolute;z-index:2;inset-block-start:100%;inset-inline-end:0;white-space:nowrap;font-size:12px;padding:4px 7px;border-radius:5px;background:var(--surface, #fff);color:var(--ink, #222)}.copy-selection{position:fixed;opacity:0;width:1px;height:1px;padding:0;top:0;left:0;font-size:16px}.copyable-row{position:relative}button.copyable-row-open{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;cursor:pointer}.copyable-row>:not(.copyable-row-open){pointer-events:none}.copyable-row .copy-control{pointer-events:auto;z-index:1}button.copyable-row-open:focus-visible{outline:2px solid currentColor;outline-offset:-2px}