.cl-copy-button{box-sizing:border-box;min-width:0;max-width:100%;min-height:32px;font:500 13px/20px var(--es-font);letter-spacing:normal;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;transition:background-color .12s cubic-bezier(.16,1,.3,1),color .12s cubic-bezier(.16,1,.3,1);display:inline-flex}.cl-copy-button[data-variant=primary]{background:var(--es-primary);color:var(--es-on-primary)}.cl-copy-button[data-variant=secondary]{background:var(--es-control);color:var(--es-text)}.cl-copy-button[data-variant=ghost]{color:var(--es-secondary);background:0 0}.cl-copy-button[data-compact]{border-radius:6px;min-height:28px}.cl-copy-button:focus-visible{outline:2px solid var(--es-focus);outline-offset:2px}.cl-copy-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cl-copy-button__content{justify-content:center;align-items:center;max-width:100%;display:inline-flex;position:relative;overflow:hidden}.cl-copy-button__icon-slot{flex-shrink:0;place-items:center;block-size:1.5rem;inline-size:1.5rem;display:inline-grid;position:relative;overflow:hidden}.cl-copy-button__icon-layer{place-items:center;display:grid;position:absolute;inset:0}.cl-copy-button__text{white-space:nowrap;vertical-align:bottom;display:inline-block;position:relative;overflow:hidden}.cl-copy-button__measure{visibility:hidden;white-space:nowrap;display:inline-block}.cl-copy-button__layer{white-space:pre;display:inline-block;position:absolute;top:0;left:0}.cl-copy-button__char{white-space:pre;display:inline-block}.cl-copy-button__check{flex-shrink:0;width:16px;height:16px;display:block}.cl-copy-button__status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.cl-copy-button[data-variant=primary]:hover{background:color-mix(in srgb,var(--es-primary) 94%,var(--es-bg))}.cl-copy-button[data-variant=secondary]:hover{background:var(--es-hover)}.cl-copy-button[data-variant=ghost]:hover{background:var(--es-hover);color:var(--es-text)}}@media (pointer:coarse){.cl-copy-button,.cl-copy-button[data-compact]{min-height:44px}}@media (prefers-reduced-motion:reduce){.cl-copy-button{transition:none}}@media (forced-colors:active){.cl-copy-button:focus-visible{outline-color:highlight}}