.cl-copy-field{gap:8px;min-inline-size:0;display:grid}.cl-copy-field__label{font:500 14px/20px var(--es-font);color:var(--es-text)}.cl-copy-field__label--hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cl-copy-pill{border:1px solid var(--es-border);min-inline-size:0;color:var(--es-secondary);background:0 0;border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 18px;display:flex}.cl-copy-pill>svg{flex-shrink:0}.cl-copy-pill code{white-space:pre;min-inline-size:0;font:400 13px/20px var(--es-font);flex:1;padding-block:6px;overflow:auto}.cl-copy-pill button{background:var(--es-control);min-block-size:40px;color:var(--es-text);font:500 14px/20px var(--es-font);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.cl-copy-pill button:disabled{opacity:.6;cursor:wait}.cl-copy-pill :is(code,button):focus-visible{outline:2px solid var(--es-focus);outline-offset:2px}.cl-copy-field>p{color:var(--es-secondary);font:400 13px/20px var(--es-font);margin:0}.cl-copy-field__status{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (pointer:coarse){.cl-copy-pill button{min-block-size:44px}}