@layer bk.components{.copy-button{position:relative}.copy-button__icon{flex:none;place-items:center;width:1.25em;height:1.25em;display:inline-grid;position:relative}.copy-button__glyph{justify-content:center;align-items:center;display:inline-flex}.copy-button[data-status=copied] .copy-button__glyph{color:var(--green)}.copy-button__labels{display:inline-grid}.copy-button__label{transition:opacity var(--motion-fast-duration) var(--motion-standard-easing);grid-area:1/1}.copy-button[data-motion=none] .copy-button__label{transition:none}.copy-button__label[data-active=false]{opacity:0}.copy-button__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.copy-button__manual{max-inline-size:calc(100% - var(--space-sm));align-items:center;gap:var(--space-xs) var(--space-sm);flex-wrap:wrap;margin-inline-start:var(--space-sm);display:inline-flex}.copy-button__field{font:var(--bk-type-label);font-family:var(--font-mono);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-height:var(--target-visual-size);padding:0 var(--space-sm);border:1px solid var(--border-bright);border-radius:var(--radius-md);background:var(--surface);color:var(--text)}@container bk-screen (width<=68.75em){.copy-button__field{min-height:var(--target-touch-size)}}@media (pointer:coarse){.copy-button__field{min-height:var(--target-touch-size)}}.copy-button__hint{color:var(--text-dim)}}