.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-width:100px;background-color:var(--text-copytooltip-background);color:var(--text-copytooltip-text);text-align:center;padding:5px 0;font-size:14px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s}
.heliux-text__copytoclipboard .copyTooltip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--text-copytooltip-background) transparent transparent}