.heliux-text__copytoclipboard{--text-copytoclipboard-text: var(--scope-color-main-color);--text-copytoclipboard-background: var(--scope-color-background);--text-copytooltip-text: var(--scope-color-background);--text-copytooltip-background: var(--scope-color-accent2, #505050);padding:.3em;line-height:2;border:1px solid var(--text-copytoclipboard-text);background-color:var(--text-copytoclipboard-background);position:relative}.heliux-text__copytoclipboard:hover{background-color:var(--text-copytoclipboard-text);color:var(--text-copytoclipboard-background);cursor:pointer}.heliux-text__copytoclipboard:hover .copyTooltip{visibility:visible;opacity:1}.heliux-text__copytoclipboard .copyTooltip{visibility:hidden;min-inline-size:100px;background-color:var(--text-copytooltip-background);color:var(--text-copytooltip-text);text-align:center;padding-block:5px;padding-inline:0;font-size:14px;position:absolute;z-index:1;inset-block-end:125%;inset-inline-start:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s}.heliux-text__copytoclipboard .copyTooltip::after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;margin-inline-start:-5px;border-width:5px;border-style:solid;border-color:var(--text-copytooltip-background) rgba(0,0,0,0) rgba(0,0,0,0)}