.framer-cb .sp-pre-placeholder {
    padding: var(--cb-padding) !important;
    margin: 0 !important;
    width: max-content;
}
.framer-cb .cm-scroller {
    display: unset !important;
    padding: 0 !important;
}
.framer-cb .cm-content {
    padding: var(--cb-padding) !important;
    width: max-content;
}
.framer-cb .sp-wrapper {
    color-scheme: var(--cb-color-scheme, inherit);
}
@media screen and (max-width: 768px) {
    @supports (-webkit-overflow-scrolling: touch) {
        .cb-code-editor .cm-content,
        .cb-code-editor .sp-pre-placeholder {
            font-size: var(--sp-font-size, inherit);
            -webkit-text-size-adjust: 100%;
        }
    }
}
@media screen and (max-width: 768px) {
    .framer-cb .sp-editor-viewer.sp-stack {
        height: 100%;
    }
}
.framer-cb {
    
/* Colors */
--cb-colors-surface1: var(--cb-colors-surface1-light);
--cb-colors-surface2: var(--cb-colors-surface2-light);
--cb-colors-surface3: var(--cb-colors-surface3-light);
--cb-colors-disabled: var(--cb-colors-disabled-light);
--cb-colors-base: var(--cb-colors-base-light);
--cb-colors-clickable: var(--cb-colors-clickable-light);
--cb-colors-hover: var(--cb-colors-hover-light);
--cb-colors-accent: var(--cb-colors-accent-light);
--cb-colors-error: var(--cb-colors-error-light);
--cb-colors-errorSurface: var(--cb-colors-errorSurface-light);
--cb-colors-warning: var(--cb-colors-warning-light);
--cb-colors-warningSurface: var(--cb-colors-warningSurface-light);

/* Syntax */
--cb-syntax-color-plain: var(--cb-syntax-color-plain-light);
--cb-syntax-color-comment: var(--cb-syntax-color-comment-light);
--cb-syntax-color-keyword: var(--cb-syntax-color-keyword-light);
--cb-syntax-color-definition: var(--cb-syntax-color-definition-light);
--cb-syntax-color-punctuation: var(--cb-syntax-color-punctuation-light);
--cb-syntax-color-property: var(--cb-syntax-color-property-light);
--cb-syntax-color-tag: var(--cb-syntax-color-tag-light);
--cb-syntax-color-static: var(--cb-syntax-color-static-light);
--cb-syntax-color-string: var(--cb-syntax-color-string-light);

/* Other */
--cb-color-scheme: var(--cb-color-scheme-light);

}
body[data-framer-theme="dark"] .framer-cb {
    
/* Colors */
--cb-colors-surface1: var(--cb-colors-surface1-dark);
--cb-colors-surface2: var(--cb-colors-surface2-dark);
--cb-colors-surface3: var(--cb-colors-surface3-dark);
--cb-colors-disabled: var(--cb-colors-disabled-dark);
--cb-colors-base: var(--cb-colors-base-dark);
--cb-colors-clickable: var(--cb-colors-clickable-dark);
--cb-colors-hover: var(--cb-colors-hover-dark);
--cb-colors-accent: var(--cb-colors-accent-dark);
--cb-colors-error: var(--cb-colors-error-dark);
--cb-colors-errorSurface: var(--cb-colors-errorSurface-dark);
--cb-colors-warning: var(--cb-colors-warning-dark);
--cb-colors-warningSurface: var(--cb-colors-warningSurface-dark);

/* Syntax */
--cb-syntax-color-plain: var(--cb-syntax-color-plain-dark);
--cb-syntax-color-comment: var(--cb-syntax-color-comment-dark);
--cb-syntax-color-keyword: var(--cb-syntax-color-keyword-dark);
--cb-syntax-color-definition: var(--cb-syntax-color-definition-dark);
--cb-syntax-color-punctuation: var(--cb-syntax-color-punctuation-dark);
--cb-syntax-color-property: var(--cb-syntax-color-property-dark);
--cb-syntax-color-tag: var(--cb-syntax-color-tag-dark);
--cb-syntax-color-static: var(--cb-syntax-color-static-dark);
--cb-syntax-color-string: var(--cb-syntax-color-string-dark);

/* Other */
--cb-color-scheme: var(--cb-color-scheme-dark);

}
@media (prefers-color-scheme: dark) {
    body:not([data-framer-theme]) .framer-cb {
        
/* Colors */
--cb-colors-surface1: var(--cb-colors-surface1-dark);
--cb-colors-surface2: var(--cb-colors-surface2-dark);
--cb-colors-surface3: var(--cb-colors-surface3-dark);
--cb-colors-disabled: var(--cb-colors-disabled-dark);
--cb-colors-base: var(--cb-colors-base-dark);
--cb-colors-clickable: var(--cb-colors-clickable-dark);
--cb-colors-hover: var(--cb-colors-hover-dark);
--cb-colors-accent: var(--cb-colors-accent-dark);
--cb-colors-error: var(--cb-colors-error-dark);
--cb-colors-errorSurface: var(--cb-colors-errorSurface-dark);
--cb-colors-warning: var(--cb-colors-warning-dark);
--cb-colors-warningSurface: var(--cb-colors-warningSurface-dark);

/* Syntax */
--cb-syntax-color-plain: var(--cb-syntax-color-plain-dark);
--cb-syntax-color-comment: var(--cb-syntax-color-comment-dark);
--cb-syntax-color-keyword: var(--cb-syntax-color-keyword-dark);
--cb-syntax-color-definition: var(--cb-syntax-color-definition-dark);
--cb-syntax-color-punctuation: var(--cb-syntax-color-punctuation-dark);
--cb-syntax-color-property: var(--cb-syntax-color-property-dark);
--cb-syntax-color-tag: var(--cb-syntax-color-tag-dark);
--cb-syntax-color-static: var(--cb-syntax-color-static-dark);
--cb-syntax-color-string: var(--cb-syntax-color-string-dark);

/* Other */
--cb-color-scheme: var(--cb-color-scheme-dark);

    }
}
@supports not (color(display-p3 1 1 1)) {
    --cb-custom-background: var(--cb-background-rgb)
}