
/* /website_xtensyon_elearning/static/src/css/xt_code_blocks.css */
 .xt-theme .xt-code{margin: 1.25rem 0; border-radius: 12px; background: #1f1f23; border: 1px solid #2c2c33; overflow: hidden; max-width: 100%;}.xt-theme .xt-code__head{display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .55rem .75rem .25rem 1.1rem;}.xt-theme .xt-code__label{font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: .8rem; font-weight: 500; color: #9a9aa6; text-transform: lowercase;}.xt-theme .xt-code__copy{font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: .75rem; font-weight: 600; line-height: 1; color: #d4d4dc; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); border-radius: 6px; padding: .4rem .65rem; cursor: pointer; transition: background-color .15s ease, color .15s ease, border-color .15s ease;}.xt-theme .xt-code__copy:hover, .xt-theme .xt-code__copy:focus-visible{background: rgba(255, 255, 255, .14); color: #fff; outline: none;}.xt-theme .xt-code__copy.is-copied{color: #9ee493; border-color: rgba(158, 228, 147, .5);}.xt-theme .xt-code pre.xt-code__pre, .xt-theme .xt-code pre.xt-code__pre[class*="language-"]{margin: 0; padding: .5rem 1.1rem 1.1rem; background: transparent; border: 0; border-radius: 0; color: #e6e6ea; font-family: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace; font-size: .875rem; line-height: 1.65; white-space: pre; word-wrap: normal; overflow-x: auto; tab-size: 4; font-variant-ligatures: none; font-feature-settings: "liga" 0, "calt" 0; -webkit-overflow-scrolling: touch;}.xt-theme .xt-code pre.xt-code__pre code{font: inherit; color: inherit; background: transparent; padding: 0; white-space: inherit; word-break: normal;}.xt-theme .xt-code .token.comment, .xt-theme .xt-code .token.prolog, .xt-theme .xt-code .token.doctype, .xt-theme .xt-code .token.cdata{color: #7f8490; font-style: italic;}.xt-theme .xt-code .token.punctuation{color: #c8c8d0;}.xt-theme .xt-code .token.keyword, .xt-theme .xt-code .token.atrule, .xt-theme .xt-code .token.important, .xt-theme .xt-code .token.selector{color: #c792ea;}.xt-theme .xt-code .token.string, .xt-theme .xt-code .token.char, .xt-theme .xt-code .token.triple-quoted-string, .xt-theme .xt-code .token.attr-value, .xt-theme .xt-code .token.inserted{color: #9ee493;}.xt-theme .xt-code .token.builtin, .xt-theme .xt-code .token.class-name, .xt-theme .xt-code .token.constant, .xt-theme .xt-code .token.boolean, .xt-theme .xt-code .token.number{color: #f5a65b;}.xt-theme .xt-code .token.function, .xt-theme .xt-code .token.function-variable{color: #82aaff;}.xt-theme .xt-code .token.decorator, .xt-theme .xt-code .token.annotation, .xt-theme .xt-code .token.variable, .xt-theme .xt-code .token.regex{color: #f78c6c;}.xt-theme .xt-code .token.tag{color: #f07178;}.xt-theme .xt-code .token.attr-name, .xt-theme .xt-code .token.property{color: #ffcb6b;}.xt-theme .xt-code .token.operator, .xt-theme .xt-code .token.entity, .xt-theme .xt-code .token.url{color: #89ddff;}.xt-theme .xt-code .token.deleted{color: #ff6b6b;}.xt-theme .xt-code .token.interpolation-punctuation{color: #89ddff;}@media (max-width: 575.98px){.xt-theme .xt-code{border-radius: 10px; margin-left: 0; margin-right: 0;}.xt-theme .xt-code pre.xt-code__pre{font-size: .8rem; padding: .5rem .85rem .9rem;}.xt-theme .xt-code__head{padding-left: .85rem;}}.xt-theme .o_wslides_lesson_content_type pre:not(.xt-code__pre), .xt-theme .o_wslide_fs_article_content pre:not(.xt-code__pre){position: relative; margin: 1.25rem 0; padding: 2.1rem 1.1rem 1.1rem; border-radius: 12px; background: #1f1f23; border: 1px solid #2c2c33; color: #e6e6ea; font-family: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace; font-size: .875rem; line-height: 1.65; white-space: pre; overflow-x: auto; font-variant-ligatures: none;}.xt-theme .o_wslides_lesson_content_type pre:not(.xt-code__pre) code, .xt-theme .o_wslide_fs_article_content pre:not(.xt-code__pre) code{font: inherit; color: inherit; background: transparent; padding: 0; white-space: inherit;}.xt-theme pre:not(.xt-code__pre):has(> code[class*="language-"])::before{position: absolute; top: .6rem; left: 1.1rem; font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: .8rem; font-weight: 500; color: #9a9aa6;}.xt-theme pre:not(.xt-code__pre):has(> code.language-python, > code.language-py)::before{content: "python";}.xt-theme pre:not(.xt-code__pre):has(> code.language-javascript, > code.language-js)::before{content: "javascript";}.xt-theme pre:not(.xt-code__pre):has(> code.language-typescript, > code.language-ts)::before{content: "typescript";}.xt-theme pre:not(.xt-code__pre):has(> code.language-php)::before{content: "php";}.xt-theme pre:not(.xt-code__pre):has(> code.language-sql)::before{content: "sql";}.xt-theme pre:not(.xt-code__pre):has(> code.language-html, > code.language-markup)::before{content: "html";}.xt-theme pre:not(.xt-code__pre):has(> code.language-css)::before{content: "css";}.xt-theme pre:not(.xt-code__pre):has(> code.language-json)::before{content: "json";}.xt-theme pre:not(.xt-code__pre):has(> code.language-xml)::before{content: "xml";}.xt-theme pre:not(.xt-code__pre):has(> code.language-bash, > code.language-shell, > code.language-sh)::before{content: "bash";}.xt-theme pre:not(.xt-code__pre):has(> code.language-yaml, > code.language-yml)::before{content: "yaml";}.xt-theme pre[contenteditable="false"]{cursor: default;}.xt-theme pre[contenteditable="false"]:hover{outline: 2px dashed rgba(13, 92, 245, .55); outline-offset: 2px;}.xt-theme pre[contenteditable="false"]:hover::after{content: "Edit code in the seeder files"; position: absolute; top: .5rem; right: .75rem; padding: .2rem .5rem; border-radius: 6px; background: #0d5cf5; color: #fff; font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: .72rem; font-weight: 600;}.xt-theme .o_wslides_fs_content, .xt-theme .o_wslide_fs_article_content{min-width: 0; max-width: 100%;}.xt-theme .o_wslide_fs_article_content .xt-code, .xt-theme .o_wslide_fs_article_content pre{max-width: 100%;}