.ccb{--ccb-bg:var(--surface,#f4ecd6);--ccb-accent:var(--primary-ink,#a34c0a);--ccb-ok:var(--success,#4f6a36);--ccb-ok-bg:var(--success-bg,#e7efdc);--ccb-err:var(--error,#b3261e);--ccb-err-bg:var(--error-bg,#fbe3df);--ccb-fill:var(--ccb-bg);position:relative;isolation:isolate;padding:var(--ccb-pad,4px);border:0;border-radius:14px;background:var(--ccb-fill);color:var(--text,#2b2118);--hz-bg:var(--ccb-fill);transition:transform .2s cubic-bezier(.2,.9,.3,1.2),box-shadow .2s,background-color .25s}.ccb[data-active]{cursor:copy;-webkit-tap-highlight-color:transparent;user-select:none}.ccb[data-active]:hover{--ccb-fill:color-mix(in srgb,var(--ccb-bg) 92%,var(--text,#2b2118));transform:translateY(-2px);box-shadow:0 12px 24px -16px rgb(var(--shadow,20 14 8)/.5)}.ccb[data-active]:active{transform:translateY(0) scale(.985);transition-duration:.08s}.ccb[data-active]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg,#fff),0 0 0 5px var(--ccb-accent)}.ccb-badge{position:absolute;top:-10px;right:-10px;z-index:2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bg,#fff);color:var(--ccb-accent);border:0;box-shadow:0 4px 12px -4px rgb(var(--shadow,20 14 8)/.3);opacity:0;transform:scale(.6);transition:opacity .18s,transform .25s cubic-bezier(.2,.9,.3,1.4),background-color .2s,border-color .2s,color .2s}.ccb[data-active]:is(:hover,:focus-visible) .ccb-badge,.ccb[data-state=copied] .ccb-badge,.ccb[data-state=error] .ccb-badge{opacity:1;transform:scale(1)}@media (hover:none){.ccb[data-active] .ccb-badge{opacity:1;transform:scale(.9)}}.ccb-icon{grid-area:1/1;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s,transform .25s}.ccb-icon--done{opacity:0;transform:scale(.5)}.ccb-icon--done path{stroke-width:2.6;stroke-dasharray:1;stroke-dashoffset:1}.ccb[data-state=copied],.ccb[data-state=copied]:hover{--ccb-fill:var(--ccb-ok-bg);animation:ccb-ring .7s ease-out;--ccb-ring:var(--ccb-ok)}.ccb[data-state=copied] .ccb-badge{background:var(--ccb-ok);color:var(--bg,#fff);transform:scale(1.12)}.ccb[data-state=error],.ccb[data-state=error]:hover{--ccb-fill:var(--ccb-err-bg);animation:ccb-shake .45s ease-in-out}.ccb[data-state=error] .ccb-badge{background:var(--ccb-err);color:var(--bg,#fff);transform:scale(1.12)}.ccb:is([data-state=copied],[data-state=error]) .ccb-icon--copy{opacity:0;transform:scale(.5) rotate(-20deg)}.ccb:is([data-state=copied],[data-state=error]) .ccb-icon--done{opacity:1;transform:scale(1)}.ccb:is([data-state=copied],[data-state=error]) .ccb-icon--done path{animation:ccb-draw .35s ease-out .08s forwards}.ccb-bubble{position:absolute;bottom:calc(100% + 14px);right:-10px;z-index:3;padding:5px 10px;border-radius:999px;white-space:nowrap;pointer-events:none;font:600 12px/1.2 var(--font-ui,system-ui),sans-serif;background:var(--text,#2b2118);color:var(--bg,#fff);opacity:0;transform:translateY(6px) scale(.9)}.ccb[data-state=copied] .ccb-bubble,.ccb[data-state=error] .ccb-bubble{animation:ccb-bubble 1.6s cubic-bezier(.2,.9,.3,1.2) forwards}.ccb[data-state=error] .ccb-bubble{background:var(--ccb-err)}.ccb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes ccb-draw{to{stroke-dashoffset:0}}@keyframes ccb-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ccb-ring) 45%,transparent)}to{box-shadow:0 0 0 12px transparent}}@keyframes ccb-shake{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}@keyframes ccb-bubble{0%{opacity:0;transform:translateY(6px) scale(.9)}15%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-2px) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.98)}}@media (prefers-reduced-motion:reduce){.ccb,.ccb *,.ccb-bubble{animation-duration:.01ms!important;transition-duration:.01ms!important}.ccb[data-active]:hover{transform:none}}