.copy-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:none;width:var(--copy-button-box,auto);height:var(--copy-button-box,auto);border-radius:var(--radius-sm);color:var(--ink-primary);opacity:var(--copy-button-rest,.35);cursor:pointer;font-size:var(--copy-button-size,14px);transition:opacity var(--duration-fast) var(--ease-out)}@media (hover:hover){.copy-button:hover{opacity:1}}.copy-button--copied,.copy-button:active,.copy-button:focus-visible{opacity:1}.copy-button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.copy-button:after{content:"";position:absolute;top:var(--copy-button-hit-y,-15px);bottom:var(--copy-button-hit-y,-15px);left:var(--copy-button-hit-x,-15px);right:var(--copy-button-hit-x,-15px)}.copy-button .copy-button__icon{width:var(--copy-button-size,14px);height:var(--copy-button-size,14px);font-size:var(--copy-button-size,14px);transition:opacity var(--duration-fast) var(--ease-out)}.copy-button__icon--check{position:absolute;opacity:0;color:var(--status-success)}.copy-button--copied .copy-button__icon--copy{opacity:0}.copy-button--copied .copy-button__icon--check{opacity:1}