.bp-code-example {
    min-width: 0;
    max-width: 100%;
    margin: 22px 0;
}
.bp-code-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 4px 8px 4px 16px;
    border: 1px solid #2e3a48;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    background: #1b2838;
    color: #edf4e9;
    font-family: inherit;
}
.bp-code-copy-status {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    line-height: 1.4;
}
.bp-code-tools .bp-code-copy {
    flex: 0 0 auto;
    min-width: 76px;
    min-height: 44px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid #748496;
    border-radius: 6px;
    background: #28394c;
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    cursor: pointer;
}
.bp-code-tools .bp-code-copy:hover { background: #354d65; }
.bp-code-tools .bp-code-copy:focus-visible { outline: 3px solid #b8e879; outline-offset: 2px; }
.bp-code-tools .bp-code-copy[aria-busy="true"] { cursor: wait; opacity: .75; }
.bp-guide-article .bp-code-example > pre,
.bp-seo-guide .bp-code-example > pre {
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
@media print { .bp-code-tools { display: none; } }