.code-block-title{font-size:12px;font-weight:400;line-height:16px;color:#c0c2c6;margin-bottom:20px}.copy{position:relative;width:255px;height:51px;border-radius:var(--border-radius);box-shadow:var(--boxshadow);background:var(--bgrgba);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid transparent;cursor:pointer;margin-inline:auto;margin-bottom:20px}.copy:hover{box-shadow:none;border-color:#00ff8880}.copy-title{font-size:12px;font-weight:500;line-height:16px;text-transform:uppercase;color:#c0c2c6}.copy-text{font-size:16px;font-weight:700;line-height:24px;text-transform:uppercase;color:#fff}.copy-copied{position:absolute;display:flex;align-items:center;justify-content:center;z-index:-1;opacity:0;width:100%;height:100%;left:0;top:0;font-size:12px;font-weight:500;line-height:16px;color:#0f8;border-radius:25px;text-transform:uppercase}.copy-block{width:100%;height:100%;justify-content:center;align-items:center;gap:7px}.copy-input{position:absolute;z-index:1;width:100%;height:100%;top:0;bottom:0;left:0;border-radius:25px;opacity:0}.copy-input:valid:not(:focus):not(:placeholder-shown),.copy-input:focus,.copy-input:valid,.copy-input:focus:valid{border-color:#1060e4}.copy.active .copy-copied{animation:3s linear animate;z-index:1}.copy.active .copy-block{opacity:0}@keyframes animate{0%{opacity:0}20%{opacity:1}to{opacity:1}}