.button-copy{--button-copy-color-text:rgba(0,0,0,.5);--button-copy-color-text-hover:#000;--button-copy-tips-text:#FFF;--button-copy-tips-fill:rgba(0,0,0,.8);--button-copy-text-size:clamp(12px,.12rem,.12rem);min-width:.2rem;min-height:.4rem;display:inline-flex;align-items:center;justify-content:center;position:relative;color:var(--button-copy-color-text);font-size:var(--button-copy-text-size)}.button-copy:hover{color:var(--button-copy-color-text-hover)}.button-copy:hover .button-copy-tips{opacity:1;transform:translate3d(-50%,calc(-50% - .25rem),0)}.button-copy-icon{width:.2rem;height:.2rem;display:inline-block;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAvCAYAAACVDljoAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFpSURBVHgB7ZdPSsNAFId/b9IWFy66UETaRYPi1nqDHCU3UW/QG9gjtCdQb+BakURUgivdCEKZeU5AodY/mWQGa/F9ECY88sLHm5mXDCAIgiD8C6jqgawoBjONBAF5nr1MDuL4qU5Oq+qBUjIidYKAdNfWMzuc18mpFH2HwRNiqlWFT+8gDO0UDtEAZ9FIRaN4e7NWFRa5vn84RENRhRVhZUSdpz4kxpjULoNkPqZ5Nt3r9y++y1mKqCVdDCh0cjv8LVGlcKRBeXlPhhN8Ib7IkiqqznbfOsjlXUG2T6eVGVgRRDQ0IhoaEQ2NiIZGREPj/K3XmgdZVtzAA8PUBTGa4CxKxGPT8Z2AZpIllaJtaj8a6Pxj1FYGbK/ysMdeBz5XKkXj3sbUDtP52NVtkSilTq3kaKe3dYxfQHZ9aDz/8GlQLgN4oBDtu2wyT1FO7VpN4YVbJ2gk2mohNxpjBIRZe/VoQRAE4WdeAfnMXFTQZ86yAAAAAElFTkSuQmCC) no-repeat 50% 50%;-webkit-mask-size:100% auto;background:var(--button-copy-color-text)}.button-copy-tips{position:absolute;top:50%;left:50%;transform:translate3d(-50%,calc(-50% - .2rem),0);color:var(--button-copy-tips-text);background:var(--button-copy-tips-fill);font-size:var(--button-copy-text-size);padding:.06rem .1rem;opacity:0;transition:opacity .15s linear,transform .15s ease-in-out;pointer-events:none}.button-copy-tips.hide{animation:fadeOutCopyTips .2s linear .5s 1 both}@keyframes fadeOutCopyTips{0%{opacity:1}to{opacity:0}}