.bd-article .code-copy-frame { position: relative; min-width: 0; }
.bd-article .code-copy-frame pre { padding-top: 2.5rem; }
.bd-article .code-copy-frame .code-copy-control {
  position: absolute; top: .35rem; right: .4rem; display: grid; place-items: center;
  width: 2rem; height: 2rem; padding: .35rem; border: 1px solid transparent;
  border-radius: .3rem; color: var(--pst-color-text-muted); background: var(--pst-color-background);
  cursor: pointer; line-height: 1;
}
.bd-article .code-copy-control svg { width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.6; }
.bd-article .code-copy-frame .code-copy-control:hover { color: var(--pst-color-primary); border-color: var(--pst-color-border); }
.bd-article .code-copy-control:focus-visible { outline: 2px solid var(--pst-color-primary); outline-offset: 2px; }
.bd-article .code-copy-feedback { display: block; font-family: inherit; font-size: .8rem; color: var(--pst-color-text-base); }
.bd-article .code-copy-feedback:not(:empty) { padding: .3rem .6rem; }
@media print { .code-copy-control, .code-copy-feedback { display: none !important; } }