*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Outfit,sans-serif;background:#242550;color:#cacbdb;font-size:1em}textarea,input{font-family:Outfit,sans-serif}.vdEditorPage{display:flex;flex-direction:column;height:100vh;font-size:.875rem}.vdEditorPageTabs{display:flex;border-bottom:1px solid #504e7b}.vdEditorPageSaearchBtn{display:flex;gap:10px;height:36px;align-items:center;padding:0 15px}.vdEditorPageSaearch{width:320px}.vdEditorPageTabsWrapper{display:flex;flex:1}.vdEditorPageTab{display:flex;align-items:center;gap:10px;padding:0 0 0 10px;position:relative}.vdEditorPageTab.active{color:#fff}.vdEditorPageTab.active:after{content:"";position:absolute;height:2px;left:0;right:0;background:#7fa9ff;bottom:0}.vdEditorPageTabBtn{width:30px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}.vdEditorPageCols{flex:1;display:flex}.vdEditorFoldersCol{width:320px;padding:25px;position:relative}.vdEditorFolderItem{display:flex;align-items:center;gap:10px;cursor:pointer}.vdEditorFolderText{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vdEditorFolderItem+.vdEditorFolderItemWrap{padding-left:28px}.vdEditorFolderItem.active{color:#fff}.vdEditorFolderItem.active path{fill:#7fa9ff}.vdEditorFolderOptions{width:34px;height:34px;display:flex;align-items:center;justify-content:center;position:relative;opacity:0;pointer-events:none}.vdEditorFolderItem:hover .vdEditorFolderOptions{opacity:1;pointer-events:all}.vdEditorFolderOptionDropdown{display:none;position:absolute;background:#fff;color:#242550;padding:15px;border-radius:7px;right:0;top:100%;min-width:150px;flex-direction:column}.vdEditorFolderOptionDropdownItem{height:34px;display:flex;align-items:center}.vdEditorFolderOptions:hover .vdEditorFolderOptionDropdown{display:flex}.vdEditorCol{flex:1;background:#2c2e5f;position:relative}.vdEditorCol .vdEditor,.vdEditorCol .ace_editor,.vdEditorCol .codemirror-container{position:absolute;left:0;right:0;top:20px;bottom:0}.ace-monokai{background-color:#2c2e5f;color:#fff;font-size:.84rem;font-family:poppins}.ace-monokai .ace_gutter{background:transparent;color:#8381af}.ace-monokai .ace_print-margin{width:1px;background:#5e5b89}.ace-monokai .ace_marker-layer .ace_active-line{background:#504e7b}.ace-monokai .ace_gutter-active-line{background-color:#504e7b}.vdEditorChatCol{width:400px;position:relative;border-left:1px solid #504e7b}:root{--text-color: #FFFFFF;--icon-color: #ACACBE;--icon-hover-bg: #5b5e71;--placeholder-color: #dcdcdc;--outgoing-chat-bg: #242550;--incoming-chat-bg: #2c2e5f;--outgoing-chat-border: #5e5b89;--incoming-chat-border: #5e5b89}.light-mode{--text-color: #343541;--icon-color: #a9a9bc;--icon-hover-bg: #f1f1f3;--placeholder-color: #6c6c6c;--outgoing-chat-bg: #FFFFFF;--incoming-chat-bg: #F7F7F8;--outgoing-chat-border: #FFFFFF;--incoming-chat-border: #D9D9E3}.chat-container{overflow-y:auto;height:calc(100vh - 37px);padding-bottom:150px}:where(.chat-container,textarea)::-webkit-scrollbar{width:6px}:where(.chat-container,textarea)::-webkit-scrollbar-track{background:var(--incoming-chat-bg);border-radius:25px}:where(.chat-container,textarea)::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:25px}.default-text{display:flex;align-items:center;justify-content:center;flex-direction:column;height:70vh;padding:0 10px;text-align:center;color:var(--text-color)}.default-text h1{font-size:1.45rem;font-weight:600}.default-text p{margin-top:10px;font-size:1rem;color:#5e5b89}.chat-container .chat{padding:25px;display:flex;justify-content:center;color:var(--text-color)}.chat-container .chat.outgoing{background:var(--outgoing-chat-bg)}.chat-container .chat.incoming{background:var(--incoming-chat-bg)}.chat .chat-content{display:flex;max-width:1200px;width:100%;align-items:flex-start;justify-content:space-between}span.material-symbols-rounded{-webkit-user-select:none;user-select:none;cursor:pointer}.chat .chat-content span{cursor:pointer;font-size:1.3rem;color:var(--icon-color);visibility:hidden}.chat:hover .chat-content:not(:has(.typing-animation),:has(.error)) span{visibility:visible}.chat .chat-details{display:flex;align-items:center}.chat .chat-details img{width:35px;height:35px;align-self:flex-start;object-fit:cover;border-radius:2px}.chat .chat-details p{white-space:pre-wrap;padding:0 50px 0 25px;color:var(--text-color);word-break:break-word}.chat .chat-details p.error{color:#e55865}.chat .typing-animation{padding-left:25px;display:inline-flex}.typing-animation .typing-dot{height:7px;width:7px;border-radius:50%;margin:0 3px;opacity:.7;background:var(--text-color);animation:animateDots 1.5s var(--delay) ease-in-out infinite}.typing-animation .typing-dot:first-child{margin-left:0}@keyframes animateDots{0%,44%{transform:translateY(0)}28%{opacity:.4;transform:translateY(-6px)}44%{opacity:.2}}.typing-container{position:absolute;bottom:0;left:0;right:0;display:flex;padding:25px;justify-content:center;background:var(--outgoing-chat-bg);border-top:1px solid var(--incoming-chat-border)}.typing-container .typing-content{display:flex;max-width:950px;width:100%;align-items:flex-end}.typing-container .typing-textarea{width:100%;display:flex;position:relative}.typing-textarea textarea{resize:none;height:100px;width:100%;border:none;padding:15px 15px 45px;color:var(--text-color);font-size:1rem;border-radius:10px;overflow-y:auto;background:var(--incoming-chat-bg);outline:1px solid var(--incoming-chat-border)}.typing-textarea textarea::placeholder{color:var(--placeholder-color)}.typing-textarea span{position:absolute;right:0;bottom:0;visibility:hidden}.typing-textarea textarea:valid~span{visibility:visible}.typing-controls{position:absolute;bottom:36px;right:87px;cursor:pointer;font-size:.84rem}span#send-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#7fa9ff;border-radius:0 0 10px}@media screen and (max-width: 600px){.default-text h1{font-size:2.3rem}:where(.default-text p,textarea,.chat p){font-size:.95rem!important}.chat-container .chat{padding:20px 10px}.chat-container .chat img{height:32px;width:32px}.chat-container .chat p{padding:0 20px}.chat .chat-content:not(:has(.typing-animation),:has(.error)) span{visibility:visible}.typing-container{padding:15px 10px}.typing-textarea textarea{height:45px;padding:10px 40px 10px 10px}span.material-symbols-rounded{font-size:1.25rem!important}}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.CodeMirror-merge{position:relative;border:1px solid #ddd;white-space:pre}.CodeMirror-merge,.CodeMirror-merge .CodeMirror{height:350px}.CodeMirror-merge-2pane .CodeMirror-merge-pane{width:47%}.CodeMirror-merge-2pane .CodeMirror-merge-gap{width:6%}.CodeMirror-merge-3pane .CodeMirror-merge-pane{width:31%}.CodeMirror-merge-3pane .CodeMirror-merge-gap{width:3.5%}.CodeMirror-merge-pane{display:inline-block;white-space:normal;vertical-align:top}.CodeMirror-merge-pane-rightmost{position:absolute;right:0px;z-index:1}.CodeMirror-merge-gap{z-index:2;display:inline-block;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;border-left:1px solid #ddd;border-right:1px solid #ddd;position:relative;background:#f8f8f8}.CodeMirror-merge-scrolllock-wrap{position:absolute;bottom:0;left:50%}.CodeMirror-merge-scrolllock{position:relative;left:-50%;cursor:pointer;color:#555;line-height:1}.CodeMirror-merge-scrolllock:after{content:"⇛  ⇚"}.CodeMirror-merge-scrolllock.CodeMirror-merge-scrolllock-enabled:after{content:"⇛⇚"}.CodeMirror-merge-copybuttons-left,.CodeMirror-merge-copybuttons-right{position:absolute;left:0;top:0;right:0;bottom:0;line-height:1}.CodeMirror-merge-copy{position:absolute;cursor:pointer;color:#44c;z-index:3}.CodeMirror-merge-copy-reverse{position:absolute;cursor:pointer;color:#44c}.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy{left:2px}.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy{right:2px}.CodeMirror-merge-r-inserted,.CodeMirror-merge-l-inserted{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);background-position:bottom left;background-repeat:repeat-x}.CodeMirror-merge-r-deleted,.CodeMirror-merge-l-deleted{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);background-position:bottom left;background-repeat:repeat-x}.CodeMirror-merge-r-chunk{background:#ffffe0}.CodeMirror-merge-r-chunk-start{border-top:1px solid #ee8}.CodeMirror-merge-r-chunk-end{border-bottom:1px solid #ee8}.CodeMirror-merge-r-connect{fill:#ffffe0;stroke:#ee8;stroke-width:1px}.CodeMirror-merge-l-chunk{background:#eef}.CodeMirror-merge-l-chunk-start{border-top:1px solid #88e}.CodeMirror-merge-l-chunk-end{border-bottom:1px solid #88e}.CodeMirror-merge-l-connect{fill:#eef;stroke:#88e;stroke-width:1px}.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk{background:#dfd}.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start{border-top:1px solid #4e4}.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end{border-bottom:1px solid #4e4}.CodeMirror-merge-collapsed-widget:before{content:"(...)"}.CodeMirror-merge-collapsed-widget{cursor:pointer;color:#88b;background:#eef;border:1px solid #ddf;font-size:90%;padding:0 3px;border-radius:4px}.CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt{display:none}.cm-s-dracula.CodeMirror,.cm-s-dracula .CodeMirror-gutters{background-color:#282a36!important;color:#f8f8f2!important;border:none}.cm-s-dracula .CodeMirror-gutters{color:#282a36}.cm-s-dracula .CodeMirror-cursor{border-left:solid thin #f8f8f0}.cm-s-dracula .CodeMirror-linenumber{color:#6d8a88}.cm-s-dracula .CodeMirror-selected{background:rgba(255,255,255,.1)}.cm-s-dracula .CodeMirror-line::selection,.cm-s-dracula .CodeMirror-line>span::selection,.cm-s-dracula .CodeMirror-line>span>span::selection{background:rgba(255,255,255,.1)}.cm-s-dracula .CodeMirror-line::-moz-selection,.cm-s-dracula .CodeMirror-line>span::-moz-selection,.cm-s-dracula .CodeMirror-line>span>span::-moz-selection{background:rgba(255,255,255,.1)}.cm-s-dracula span.cm-comment{color:#6272a4}.cm-s-dracula span.cm-string,.cm-s-dracula span.cm-string-2{color:#f1fa8c}.cm-s-dracula span.cm-number{color:#bd93f9}.cm-s-dracula span.cm-variable{color:#50fa7b}.cm-s-dracula span.cm-variable-2{color:#fff}.cm-s-dracula span.cm-def{color:#50fa7b}.cm-s-dracula span.cm-operator,.cm-s-dracula span.cm-keyword{color:#ff79c6}.cm-s-dracula span.cm-atom{color:#bd93f9}.cm-s-dracula span.cm-meta{color:#f8f8f2}.cm-s-dracula span.cm-tag{color:#ff79c6}.cm-s-dracula span.cm-attribute,.cm-s-dracula span.cm-qualifier{color:#50fa7b}.cm-s-dracula span.cm-property{color:#66d9ef}.cm-s-dracula span.cm-builtin{color:#50fa7b}.cm-s-dracula span.cm-variable-3,.cm-s-dracula span.cm-type{color:#ffb86c}.cm-s-dracula .CodeMirror-activeline-background{background:rgba(255,255,255,.1)}.cm-s-dracula .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}