.copy{cursor:pointer;width:max-content;position:relative;text-align:start;font-family:Arial,sans-serif;font-size:calc(var(--index)/2.142);font-weight:400;text-decoration:none;color:#4e4e52}.copy,.copy:after{display:block;padding:3px}.copy:after{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);content:attr(data-copied);position:absolute;background-color:#18181b;color:#a970ff;left:0;top:0;transition:-webkit-clip-path .5s ease;transition:clip-path .5s ease;transition:clip-path .5s ease,-webkit-clip-path .5s ease}.copy:hover{color:#f0f0f5}.copy:active{color:#a970ff}.copy--copied:after{-webkit-clip-path:polygon(100% 0,0 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}@media screen and (max-width:500px){.copy{font-size:max(14px,var(--index)*1.272);min-height:max(44px,var(--index)*4);border-radius:8px;transition:transform .15s ease,-webkit-clip-path .5s ease;transition:transform .15s ease,clip-path .5s ease;transition:transform .15s ease,clip-path .5s ease,-webkit-clip-path .5s ease}.copy,.copy:after{padding:10px 12px;display:flex;align-items:center}.copy--copied{transform:scale(.95)}}