/* Shared Button 24 copy control: neutral outline, animated teal confirmation. */
html body button.bf-copy-button.bf-copy-button.bf-copy-button {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;width:auto!important;min-width:116px!important;height:36px!important;
  margin:0!important;padding:0 10px!important;border:1px solid #3f3f46!important;border-radius:8px!important;
  background:#18181b!important;color:#e4e4e7!important;box-shadow:none!important;
  font:500 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  white-space:nowrap!important;text-decoration:none!important;cursor:pointer!important;
  overflow:hidden!important;opacity:1!important;transition:transform .2s,background .2s,border-color .2s!important;
}
html body button.bf-copy-button.bf-copy-button.bf-copy-button .bf-copy-content {display:inline-flex;align-items:center;justify-content:center;gap:6px;pointer-events:none;animation:bf-copy-enter .15s ease-out}
html body button.bf-copy-button.bf-copy-button.bf-copy-button svg {display:block!important;width:15px!important;height:15px!important;flex:0 0 15px;fill:none!important;stroke:currentColor!important;margin:0!important}
html body button.bf-copy-button.bf-copy-button.bf-copy-button[data-copy-state="copied"] {color:#2dd4bf!important}
html body button.bf-copy-button.bf-copy-button.bf-copy-button[data-copy-state="copied"] svg {animation:bf-copy-check .4s ease-out}
html body button.bf-copy-button.bf-copy-button.bf-copy-button[data-copy-state="error"] {color:#fca5a5!important}
html body button.bf-copy-button.bf-copy-button.bf-copy-button:disabled {cursor:default!important;opacity:1!important}
html body button.bf-copy-button.bf-copy-button.bf-copy-button:focus-visible {outline:2px solid #a1a1aa!important;outline-offset:3px!important}
html body button.bf-copy-button.bf-copy-button.bf-copy-button:active:not(:disabled) {transform:scale(.98)!important}
@media(hover:hover) {
  html body button.bf-copy-button.bf-copy-button.bf-copy-button:hover:not(:disabled) {transform:scale(1.02)!important;background:#27272a!important}
  html body button.bf-copy-button.bf-copy-button.bf-copy-button:hover:not(:disabled) svg {animation:bf-copy-wiggle .4s ease-in-out}
}
html[data-bf-theme="light"] body button.bf-copy-button.bf-copy-button.bf-copy-button {background:#fff!important;color:#3f3f46!important;border-color:#e4e4e7!important}
html[data-bf-theme="light"] body button.bf-copy-button.bf-copy-button.bf-copy-button:hover:not(:disabled) {background:#f4f4f5!important}
html[data-bf-theme="light"] body button.bf-copy-button.bf-copy-button.bf-copy-button[data-copy-state="copied"] {color:#0f766e!important}
html[data-bf-theme="light"] body button.bf-copy-button.bf-copy-button.bf-copy-button[data-copy-state="error"] {color:#b91c1c!important}
.bf-copy-announcement {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.bf-reference-code-row:has(.bf-copy-button) .bf-copy-feedback {display:none!important}
.od-target:has(.bf-copy-button)>div,.orh-target:has(.bf-copy-button)>span {min-width:0;overflow-wrap:anywhere}
.bf-track-target:has(.bf-copy-button) {min-width:0}
@keyframes bf-copy-enter {from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes bf-copy-wiggle {0%,100%{transform:rotate(0)}25%{transform:translateY(-.5px) rotate(-8deg) scale(1.1)}50%{transform:rotate(8deg) scale(1.1)}75%{transform:rotate(-4deg)}}
@keyframes bf-copy-check {0%{transform:scale(0) rotate(-30deg)}55%{transform:scale(1.3) rotate(0)}80%{transform:scale(.95)}100%{transform:scale(1)}}
@media(max-width:600px){html body button.bf-copy-button.bf-copy-button.bf-copy-button{min-width:106px!important;min-height:40px!important;font-size:12px!important;padding:0 8px!important}}
@media(prefers-reduced-motion:reduce){html body button.bf-copy-button.bf-copy-button.bf-copy-button,html body button.bf-copy-button.bf-copy-button.bf-copy-button *{animation:none!important;transition:none!important;transform:none!important}}
