.cmp-codeblock{overflow:visible}
.cmp-codeblock__content{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;font-size:.875rem;line-height:1.6;color:#333}
.cmp-codeblock__body{position:relative;padding:.5rem 1.25rem !important;overflow:auto;border-radius:12px;border:1px solid #dadada;margin:1.5rem 0;font-family:'Source Code Pro','Menlo','Monaco','Courier New','Consolas',monospace;font-size:.875rem;font-weight:400;font-style:normal;line-height:150%;letter-spacing:normal;pre{white-space:pre-wrap !important;overflow-x:hidden !important}
}
.cmp-codeblock__actions{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;gap:.5rem;z-index:1}
.cmp-codeblock__copy,.cmp-codeblock__cffiddle{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:6px;padding:6px;cursor:pointer;background-color:transparent;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;font-size:13px;font-weight:500;transition:background-color .2s ease;white-space:nowrap;line-height:1.4}
.cmp-codeblock__copy-icon{width:14px;height:14px;flex-shrink:0}
.cmp-codeblock__cffiddle-icon{width:20px;height:20px;flex-shrink:0;color:var(--Alias-content-neutral-default,#292929)}
.cmp-codeblock__pre{margin:0;padding:24px 32px 28px;overflow-x:auto;border-radius:0;background:transparent !important}
.cmp-codeblock__pre[class*="language-"],.cmp-codeblock code[class*="language-"]{margin:0;border-radius:0;background:transparent !important;font-family:'Source Code Pro','Menlo','Monaco','Courier New','Consolas',monospace !important;font-weight:400 !important;font-style:normal !important;font-size:.875rem !important;line-height:150% !important;letter-spacing:normal !important;overflow-x:auto;max-width:100%}
.cmp-codeblock__code,.cmp-codeblock__code span{font-family:'Source Code Pro','Menlo','Monaco','Courier New','Consolas',monospace !important;font-weight:400 !important;font-style:normal !important;font-size:.875rem !important;line-height:150% !important;letter-spacing:normal !important;vertical-align:middle !important}
.cmp-codeblock__code{tab-size:4;white-space:pre-wrap;word-break:break-word;word-wrap:break-word}
.cmp-codeblock__body::-webkit-scrollbar,.cmp-codeblock__pre::-webkit-scrollbar{height:8px;width:8px}
.cmp-codeblock__body::-webkit-scrollbar-track,.cmp-codeblock__pre::-webkit-scrollbar-track{background:transparent}
.cmp-codeblock--dark .cmp-codeblock__body{background-color:#1b1b1b;border-color:#3a3a3a}
.cmp-codeblock--dark .cmp-codeblock__copy,.cmp-codeblock--dark .cmp-codeblock__cffiddle{background-color:transparent;border:1.5px solid #888;color:#e0e0e0}
.cmp-codeblock--dark .cmp-codeblock__cffiddle-icon{color:#e0e0e0}
.cmp-codeblock--dark .cmp-codeblock__copy:hover,.cmp-codeblock--dark .cmp-codeblock__cffiddle:hover{background-color:rgba(255,255,255,0.08);border-color:#aaa}
.cmp-codeblock--dark .cmp-codeblock__copy--success{background-color:#2d5a2d;border-color:#4a8c4a;color:#90ee90}
.cmp-codeblock--dark .cmp-codeblock__cffiddle--opened{background-color:#1a3a5c;border-color:#4a90d9;color:#90c8ff}
.cmp-codeblock--dark .cmp-codeblock__code{color:#d4d4d4}
.cmp-codeblock--dark .cmp-codeblock__body::-webkit-scrollbar-thumb,.cmp-codeblock--dark .cmp-codeblock__pre::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}
.cmp-codeblock--light .cmp-codeblock__body{background-color:#f8f8f8;border-color:#e0e0e0}
.cmp-codeblock--light .cmp-codeblock__copy:hover,.cmp-codeblock--light .cmp-codeblock__cffiddle:hover{background-color:rgba(0,0,0,0.05);border-color:#666}
.cmp-codeblock--light .cmp-codeblock__copy--success{background-color:#e6f4e6;border-color:#4caf50;color:#2e7d32}
.cmp-codeblock--light .cmp-codeblock__cffiddle--opened{background-color:#e6f0fa;border-color:#1976d2;color:#1565c0}
.cmp-codeblock--light .cmp-codeblock__code{color:#333}
.cmp-codeblock--light .cmp-codeblock__body::-webkit-scrollbar-thumb,.cmp-codeblock--light .cmp-codeblock__pre::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}
.cmp-codeblock--light .token.comment,.cmp-codeblock--light .token.prolog,.cmp-codeblock--light .token.doctype,.cmp-codeblock--light .token.cdata{color:#6a9955}
.cmp-codeblock--light .token.punctuation{color:#333}
.cmp-codeblock--light .token.property,.cmp-codeblock--light .token.tag,.cmp-codeblock--light .token.boolean,.cmp-codeblock--light .token.number,.cmp-codeblock--light .token.constant,.cmp-codeblock--light .token.symbol,.cmp-codeblock--light .token.deleted{color:#d32f2f}
.cmp-codeblock--light .token.selector,.cmp-codeblock--light .token.attr-name,.cmp-codeblock--light .token.string,.cmp-codeblock--light .token.char,.cmp-codeblock--light .token.builtin,.cmp-codeblock--light .token.inserted{color:#2e7d32}
.cmp-codeblock--light .token.operator,.cmp-codeblock--light .token.entity,.cmp-codeblock--light .token.url,.cmp-codeblock--light .language-css .token.string,.cmp-codeblock--light .style .token.string{color:#e65100}
.cmp-codeblock--light .token.atrule,.cmp-codeblock--light .token.attr-value,.cmp-codeblock--light .token.keyword{color:#1565c0}
.cmp-codeblock--light .token.function,.cmp-codeblock--light .token.class-name{color:#6f42c1}
.cmp-codeblock--light .token.regex,.cmp-codeblock--light .token.important,.cmp-codeblock--light .token.variable{color:#e65100}
.cmp-codeblock__content .dt{font-weight:600}
.cmp-codeblock__content .dd{margin-left:0}
.cmp-codeblock__content .dd .p{margin:.25rem 0}
@media(max-width:768px){.cmp-codeblock__body{border-radius:8px}
.cmp-codeblock__pre{padding:16px 20px}
.cmp-codeblock__code,.cmp-codeblock__code span{font-size:.875rem !important}
.cmp-codeblock__copy-text,.cmp-codeblock__cffiddle-text{display:none}
}