/**
 * (c) Meta Platforms, Inc. and affiliates. Confidential and proprietary.
 */

.CodeBlockFilenameTab {
    color: var(--ifm-color-primary-contrast-foreground);
    padding: 6px 10px;
    font-weight: 300;
}

.CodeBlockFrame {
    box-shadow: var(--ifm-global-shadow-tl);
    border-radius: 7px;
    margin-bottom: 20px;
    overflow: hidden;
}

/* Remove the bottom margin from the basic code block because its now nested */
.CodeBlockFrame div[class*='theme-code-block'] {
    margin-bottom: 0 !important;
}

.CodeBlockHeader {
    border-bottom: 1px solid #eaeaea;
    height: 30px;
}
.CodeBlockHeader img {
    height: 18px;
    margin-bottom: -4px;
    padding: 0 6px;
}

.CodeBlockCodeFrame {
    flex-grow: 1;
    max-width: 100%;
}
.WithImage .CodeBlockCodeFrame {
    max-width: 80%;
}

.CodeBlockPreviewFrame {
    padding: 1rem;
    background-color: #eff2f6;
    border-radius: 0 0 7px 0;
    border-left: 1px solid #eaeaea;
    flex-grow: 1;
    display: none;
}
.WithImage .CodeBlockPreviewFrame {
    display: initial;
}