@property --background-color {
    syntax: '<color>';
    inherits: true;
    initial-value: transparent;
}

:root {
    --background-color: var(--nectar-page-background-color, var(--nectar-bg-color));
}

.shiki {
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
    line-height: round(up, 1.5em, 1px);
    scrollbar-width: none;
}

.shiki code {
    padding: 0;
    border-radius: 0;
    background: none;
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    line-height: inherit;
}

.color-changing-section .wpb_column[data-using-bg="true"] .shiki {
    --background-color: var(--nectar-page-text-color, var(--nectar-font-color));
}

@container style(--background-color: #000) {

    .shiki,
    .shiki span {
        color: var(--shiki-dark) !important;
    }
}