.editor{--clr-primary: hsl(236 37 8%);--clr-secondary: #FAF4E8;--clr-accent: #FFB70B;--border-radius: 5px;--clr-editor-active-tab: hsl(236 37 13%);--clr-editor-display: var(--clr-primary);--transition-time: .35s;display:grid;grid-template-rows:50px 1fr;width:100%;isolation:isolate;border-radius:var(--border-radius);overflow:clip;scrollbar-width:thin;scrollbar-color:var(--clr-primary) --clr-editor-active-tab}.editor_tabset{list-style-type:none;display:flex;overflow-y:clip;overflow-x:auto;background:var(--clr-primary);scrollbar-width:none}.editor_tabset.dragging{user-select:none!important}.editor_tabset.dragging li{cursor:grabbing!important}.editor_tabset-ico{width:15px;aspect-ratio:1;object-fit:contain}.editor_tabset li{flex-shrink:0;width:fit-content;transition:var(--transition-time);cursor:pointer}.editor_tabset li>span{display:flex;align-items:center;padding:15px}.editor_tabset li>span span{margin-left:10px;color:#fff}.editor_tabset li:hover{background:var(--clr-editor-active-tab)}.editor_tabset li[aria-selected=true]{position:relative;background:var(--clr-editor-active-tab)}.editor_tabset li[aria-selected=true]:after{content:"";position:absolute;bottom:0;display:block;width:100%;height:2px;background:var(--clr-accent)}.editor_display{width:100%;height:400px;background:--clr-editor-display;overflow-x:auto;scroll-behavior:contain}.editor_window{position:relative}code[class*=language-],pre[class*=language-]{font-family:Consolas,Monaco,Ubuntu Mono,monospace;font-size:1.05em;color:#fff;line-height:1.5;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;width:100%;overflow:auto;background-color:#012938;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:.5em}pre[class*=language-] ::-moz-selection{background:#305971}pre[class*=language-] ::selection{background:#305971}.token.comment,.token.prolog,.token.cdata{color:#90a9a9}.token.tag,.token.boolean,.token.deleted .token.selector,.token.constant,.token.symbol,.token.builtin{color:#ef6479}.token.number{color:#ff8b24}.token.property{color:#40b28f}.token.attr-value,.token.string,.token.char,.token.operator,.token.entity,.token.url,.token.variable,.token.inserted{color:#48cfa6}.token.atrule,.token.function,.token.string,.token.regex{color:#ffd883}.token.keyword,.token.function,.token.important{color:#f39eff}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.language-markup .token.name,.language-markup .token.attr-name{color:#ffd883}.language-markup .token.doctype,.language-markup .token.tag{color:#ef6479}.language-markup .token.attr-value{color:#09cb8f}.language-markup .token.punctuation{color:#c4f320}:is(.style,.language-css,.language-scss,.language-sass) .token.atrule{color:#ff9870}:is(.style,.language-css,.language-scss,.language-sass) .token.selector{color:#09cb8f}:is(.style,.language-css,.language-scss,.language-sass) .token.property{color:#a0fcf3}:is(.style,.language-css,.language-scss,.language-sass) .token.punctuation{color:gold}:is(.style,.language-css,.language-scss,.language-sass) .token.function{color:#ffd883}:is(.style,.language-css,.language-scss,.language-sass) .token.keyword,:is(.style,.language-css,.language-scss,.language-sass) .token.important,:is(.style,.language-css,.language-scss,.language-sass) .token.rule{color:#f39eff}:is(.script,.language-js,.language-ts,.language-typescript,.language-json,.language-webmanifest) .token.keyword,:is(.script,.language-js,.language-ts,.language-typescript,.language-json,.language-webmanifest) .token.operator{color:#f39eff}:is(.script,.language-js,.language-ts,.language-typescript,.language-json,.language-webmanifest) .token.literal-property,:is(.script,.language-js,.language-ts,.language-typescript,.language-json,.language-webmanifest) .token.property{color:#a0fcf3}:is(.script,.language-js,.language-ts,.language-typescript,.language-json,.language-webmanifest) .token.punctuation{color:gold}:is(.script,.language-js,.language-ts,.language-typescript,.language-json,.language-webmanifest) .token.function,:is(.script,.language-js,.language-ts,.language-typescript,.language-json,.language-webmanifest) .token.boolean{color:#ef6479}:is(.script,.language-js,.language-ts,.language-typescript,.language-json,.language-webmanifest) .token.number{color:#ff8b24}.language-php .token.delimiter.important{color:#ff4b66}.language-php .token.doctype,.language-php .token.tag{color:#ef6479}.language-php .token.name,.language-php .token.attr-name{color:#ffd883}.language-php .token.variable{color:#f0f0f0}.language-php .token.keyword,.language-php .token.operator{color:#f39eff}.language-php .token.punctuation{color:gold}.language-php .token.function{color:#ffd883}.language-php .token.number{color:#ff8b24}.language-sql .token.keyword{color:#f39eff}.language-sql .token.punctuation{color:gold}.language-sql .token.function{color:#09cb8f}.language-sql .token.number{color:#ff8b24}.language-sql .token.operator{color:#a0fcf3}:is(.language-bash,.language.sh,.language-shell) .token:not(.comment,.prolog,.cdata,.string,.function){color:#fff}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #ccc;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers .line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers .line-numbers-rows>span:before{content:counter(linenumber);color:#ccc;display:block;padding-right:.8em;text-align:right}