@layer components.copy{:host{contain:layout style;display:block;position:relative}[data-role=content]{min-width:0}button{all:unset;top:var(--ec-copy-button-top,.5em);right:var(--ec-copy-button-right,.5em);align-items:center;gap:var(--ec-copy-button-gap,.35em);padding:var(--ec-copy-button-padding,.25em .6em);color:var(--ec-copy-button-color,inherit);background:var(--ec-copy-button-background,var(--color-background,#fff));border:1px solid var(--ec-copy-button-border-color,var(--color-border,currentColor));border-radius:var(--border-radius,4px);font-family:inherit;font-size:var(--ec-copy-button-font-size,var(--step--1,.875em));cursor:pointer;line-height:1.2;display:inline-flex;position:absolute}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:hover{opacity:var(--ec-copy-button-hover-opacity,.8)}button:active{transform:scale(var(--interactive-scale,.98))}:host([data-state=copied]) button{color:var(--ec-copy-button-copied-color,var(--color-success,inherit));border-color:var(--ec-copy-button-copied-color,var(--color-success,currentColor))}:host([data-state=error]) button{color:var(--ec-copy-button-error-color,var(--color-error,inherit));border-color:var(--ec-copy-button-error-color,var(--color-error,currentColor))}[data-role=status]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){button:active{transform:none}}}