blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,html{width:100%;min-height:100%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:""}abbr,acronym{border:0}button,input,textarea{-webkit-appearance:none}button,input,input:active,textarea,textarea:active{outline:none;border:none}.clearfix:after,.clearfix:before,.list:after,.list:before{content:"";display:table}.clearfix:after,.list:after{clear:both}.clearfix,.list{zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.cols2{display:flex;flex-wrap:wrap;gap:4%}.col4{flex-wrap:wrap;gap:3%}.col3,.col4{display:flex;justify-content:space-between;margin-top:40px}.col3{gap:5%}.col3__item{width:30%}.col4__item{width:20%}.cols2__item,.cols2__item_iconed{width:48%;display:flex;align-items:center;text-align:left;flex-grow:1;padding-bottom:40px;padding-top:20px}.cols2__item_iconed .cols2__icon img{height:110px}.cols2__title,.cols__title{font-size:20px;font-weight:600;padding-bottom:20px}.cols2__text,.cols__text{padding-bottom:20px}@media screen and (max-width:900px){.col3{flex-direction:column}.col3,.col3__item{align-items:center;gap:30px}.col3__item{width:100%;display:flex}}@media screen and (max-width:800px){.cols2{flex-direction:column}.cols2__item,.cols2__item_iconed{width:100%}.col4{flex-direction:column;gap:20px}.col4,.col4__item{align-items:center}.col4__item{width:100%;display:flex;flex-direction:row!important}}@media screen and (max-width:500px){.cols2__item_iconed .cols2__icon{width:100px;min-width:100px}.cols2__item_iconed .cols2__txt{flex-grow:1}.col3__item{gap:10px}.col3__item .col__img{width:60px;min-width:60px}.col3__item .col__img img{max-width:100%}}@media screen and (max-width:400px){.cols2__item_iconed{position:relative}.cols2__item_iconed .cols2__icon{position:absolute;width:80px;min-width:80px;top:6px}.cols2__item_iconed .cols2__icon img{max-width:60px;max-height:60px}.cols2__title{padding-left:80px;font-size:18px;padding-bottom:35px}}.solution__wrap{display:flex;justify-content:space-between;margin-top:90px;gap:20px;padding-bottom:60px}.solution__item{border-radius:10px;padding:80px 25px 30px;border:1px solid hsla(0,0%,100%,.9);background:linear-gradient(321deg,#f9f9ff,#fdf9ff);box-shadow:0 10px 40px 0 rgba(98,49,177,.15);width:31%;position:relative;font-size:16px;margin-bottom:20px}.solution__ico{position:absolute;right:10px;top:-50px}.solution__title{font-size:20px;font-weight:600;padding-bottom:30px}.solution__item ul li{padding-bottom:20px;position:relative;padding-left:21px}.solution__item ul li:before{content:"";position:absolute;display:block;left:0;top:10px;width:10px;height:2px;background:linear-gradient(341deg,#6a66d3,#5ca7ff)}@media screen and (max-width:1000px){.solution__wrap{flex-direction:column}.solution__item{width:100%;margin-bottom:50px;padding-top:40px}}@media screen and (max-width:650px){.solution__item{padding-top:40px}.solution__ico img{max-width:100px}.solution__item{font-size:14px}.solution__title{font-size:18px;padding-bottom:20px}}.article__list .article__item{display:flex;gap:60px;padding:25px 0}.article__list .article__item+.article__item{border-top:1px solid #ded0e9}.article__list .article__image{width:300px;height:160px}.article__list .article__image img{border-radius:10px}.article__list .article__txt{flex-grow:1}.article__list .article__title{font-size:24px;max-width:700px;padding-bottom:25px}.article__list .article__title a{color:#2c2c2c}.article__list .article__text{padding-bottom:25px}.article__more{text-align:center;width:100%}.blog_content table{width:100%;border-collapse:collapse}.blog_content h2{line-height:1}.blog_content table td,.blog_content table th{padding:10px 15px;text-align:center}.blog_content table th{font-weight:700}.blog_content table tr+tr td,.blog_content table tr+tr th{border-top:1px solid rgba(0,0,0,.3)}.blog_content table td+td,.blog_content table td+th,.blog_content table th+td,.blog_content table th+th{border-left:1px solid rgba(0,0,0,.3)}.blog_content table th{text-align:center}@media screen and (max-width:800px){.article__list .article__item{flex-direction:column;gap:15px}}@media screen and (max-width:650px){.article__list .article__title{font-size:20px;padding-bottom:18px}}.creative{background:url(/images/creative_bg.png) no-repeat top;text-align:center;padding:55px 30px 0;margin:50px 0;border-radius:10px}.creative img{display:block;margin:30px auto 0;max-width:100%}.creative__title{font-size:32px;font-weight:600;padding-bottom:20px}.creative__descr{font-size:18px;font-weight:400;padding-bottom:20px;max-width:940px;margin:0 auto}.creative.creative_bp{padding-bottom:30px}.creative.creative_bp img{margin:0 auto 30px}.creative_wrap{background:linear-gradient(180deg,#e8f7ff,rgba(255,241,255,0))}.creative_wrap .creative{background:url(/images/templates2.png) no-repeat bottom;padding-bottom:150px}.creative_wrap .creative .creative__title{padding-bottom:320px}.creative__img{padding:50px 0}.creative3{padding-bottom:55px}.creative_code_wrap{background:#21262e url(/images/code_bg.jpg) no-repeat 50%;margin-bottom:-50px}.creative_code_wrap .creative{background:transparent;color:#fff;display:flex;height:500px;align-items:center;justify-content:center}@media screen and (max-width:1200px){.creative_wrap .creative .creative__title{padding-bottom:29%}.creative_code_wrap,.creative_wrap .creative{background-size:100% auto}.creative_code_wrap .creative{padding:20% 0;height:10px}}@media screen and (max-width:800px){.creative__title{font-size:26px}}@media screen and (max-width:700px){.creative_wrap .creative .creative__title{padding-bottom:20px}.creative_wrap .creative{padding-bottom:42%}}@media screen and (max-width:500px){.creative{padding:35px 15px 0}.creative__title{font-size:20px}}.esp__wrap{display:flex;gap:2%;padding:45px 0 60px;justify-content:space-between}.esp__item{text-align:center;color:#425466;font-size:14px;font-weight:500;width:80px}.esp__item img{display:block;padding-bottom:10px;margin:0 auto}@media screen and (max-width:800px){.esp__wrap{overflow:auto;gap:30px;padding:45px 0 20px;margin-bottom:40px}}.comments{background:#293444;padding:50px 0}.comments .h1{color:#fff;padding:0 40px}.comments__wrap{display:flex;justify-content:space-between;gap:3%}.comments__item{padding:0 40px;width:47%}.comments__title{padding:0 0 30px;display:flex;justify-content:space-between;align-items:center}.comments__name{font-size:20px;flex-grow:1}.comments__name span{display:block;font-size:12px;padding-top:10px;max-width:200px}.comments__txt p{padding-bottom:10px}@media screen and (max-width:1200px){.comments__wrap{flex-direction:column;gap:30px}.comments__item{width:100%}.comments .h1{padding:0}.comments__item{padding:0 1px}}@media screen and (max-width:400px){.comments__item{padding:0}.comments__item .container_review{padding:15px 20px}}.compare{background:#293444;color:#fff;padding:60px 0;margin:50px 0}.compare__logos{display:flex;align-items:center;gap:40px}.compare .h1{color:#fff;padding:80px 0 60px}i.no,i.ok{display:block;margin:0 auto;font-size:0;width:30px;height:30px}i.ok{background:url(/images/ok.svg)}i.no{background:url(/images/no.svg)}.compare table td{text-align:center;font-size:12px;vertical-align:middle}.compare table th{font-size:14px;padding:10px 0}.compare table thead th{text-align:center}.compare table tbody th{text-align:left;height:57px}.compare table tbody tr+tr{border-top:1px solid #3e4958}.compare table small{color:#677385;font-size:12px;display:block}@media screen and (max-width:800px){.compare .h1{padding:35px 0 20px}}@media screen and (max-width:500px){.compare table th{font-size:12px;padding:6px 0}.compare table small{font-size:10px}.compare__logos{gap:20px}.compare__logos img{max-width:110px}.compare__logos img+img{max-width:70px}}.code{text-align:center}.code__wrap{max-width:800px;margin:0 auto}.code__wrap code{border-radius:10px;background:#293444;box-shadow:0 10px 40px 0 rgba(98,49,177,.15);text-align:left;display:block;padding:30px 80px 30px 30px;color:#fff;position:relative}.code__wrap code pre{white-space:break-spaces}.code__descr{font-size:16px;padding-bottom:20px}.code__wrap+.code__wrap{padding-top:30px}.code__descr+.btn__wrap{margin-top:10px}.code .copy{position:absolute;width:26px;height:26px;background:url(/images/copy.svg) no-repeat 0 0;right:20px;bottom:20px;cursor:pointer;opacity:.5;transition:opacity .4s}.code .copy:hover{opacity:1}.code .copy span{position:absolute;color:#fff;font-size:10px;right:0;top:-20px}@media(max-width:500px){.code__wrap code{padding:30px;width:100%}.code__wrap code pre{overflow:auto}}.analytics{background:#293444;padding:65px 0;color:#fff;margin:50px 0}.analytics h2{background:linear-gradient(288deg,#ae2bff -8%,#5ca7ff 108.08%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog_category{display:flex;flex-wrap:wrap;justify-content:center;padding:0 0 40px}.blog_item{width:340px;height:340px;padding:20px;border-radius:10px;position:relative;transition:background .4s}.blog_item>a{position:absolute;left:20px;right:20px;bottom:20px;top:20px;display:block}.blog_item:hover{background:#f9f8ff}.blog_item .blog_item__image{height:160px;overflow:hidden}.blog_item .blog_item__image img{max-width:100%}.blog_item__title{padding-top:20px;font-size:16px}.blog_item__more{position:absolute;left:20px;bottom:25px}.blog_subscribe_wrap{border-radius:10px;background:url(/images/subscribe_bg.jpg) no-repeat 0 0;padding:45px 100px;margin-bottom:40px}.blog_subscribe_wrap .error input{box-shadow:inset 0 0 7px rgba(255,0,0,.5)}.blog_subscribe_success,.success .blog_subscribe{display:none}.success .blog_subscribe_success{display:block}.blog_subscribe{max-width:450px}.blog_subscribe_title{font-size:28px;font-weight:600;padding-bottom:20px}.blog_subscribe_input{padding-bottom:20px}.blog_subscribe_input input{border-radius:5px;background:#fff;padding:10px 20px;height:50px;width:340px;max-width:100%}.blog_head{border-radius:10px;background:linear-gradient(104deg,#fbf3ff 13.33%,#e2e9ff 72.11%);padding:30px;margin-bottom:50px}.blog_head__date{font-size:12px}.blog_head__title{font-size:36px;font-style:normal;font-weight:600;padding:45px 0 60px;max-width:550px}.blog_content_wrap{position:relative}.blog_content{max-width:600px;margin:0 auto;font-size:15px;line-height:150%}.blog_content p{padding-bottom:20px}.blog_content img{max-width:100%}.blog_content h2{padding-top:40px;line-height:1.2}.blog_content h2,.blog_content h3,.blog_content ul{padding-bottom:20px}.blog_content ul{padding-left:15px}.blog_content ul li{position:relative;padding-left:20px}.blog_content ul li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;background:#834ef7}.blog_content img+h2{padding-top:30px}.blog_reading-time{background:url(/images/reading_time.svg) no-repeat 0;position:absolute;padding-left:24px}.blog_annotation_title{font-size:16px;font-style:normal;font-weight:700;padding:40px 0 15px 24px}.blog_annotation_wrap{position:absolute;left:0;top:0;bottom:0}.blog_annotation{position:sticky;top:60px}.blog_annotation_wrap ul{max-width:200px}.blog_annotation_wrap ul li{position:relative;padding:4px 0 4px 24px;line-height:130%}.blog_annotation_wrap ul li a{color:#bdbdbd;transition:color .4s}.blog_annotation_wrap ul li.active:before{content:"";position:absolute;width:14px;height:2px;background:#785ff6;left:0;top:12px}.blog_annotation_wrap ul li a.active,.blog_annotation_wrap ul li a:hover{color:#202020}.blog_share{margin:30px 0;display:flex;gap:16px;align-items:center;padding-top:40px;border-top:1px solid #e8f1f9}.blog_share a{width:26px;height:26px;transition:opacity .4s}.blog_share a:hover{opacity:.8}.blog_share a.blog_share__vk{background:url(/images/share_vk.svg) no-repeat 50%}.blog_share a.blog_share__tg{background:url(/images/share_tg.svg) no-repeat 50%}.blog_more{padding-top:40px}.blog_more h2{text-align:center}@media screen and (max-width:1080px){.blog_annotation_wrap{display:none}.blog_reading_time{position:static;margin:0 auto 25px;max-width:600px}.blog_head__title{padding:35px 0 20px;font-size:28px}}@media screen and (max-width:650px){.container .blog_head{border-radius:0!important}.blog_content{padding:0 20px}.blog_content h2{padding-top:20px}.blog_content h2:first-of-type{padding-top:0}.blog_subscribe_title{font-size:18px}.blog_subscribe_wrap{padding:25px}}.btn{padding:8px 20px;height:36px;line-height:20px;background:#6a66d3;color:#fff;text-align:center;font-size:14px;font-weight:400;border-radius:4px;min-width:80px;text-decoration:none;transition:background .4s;display:inline-block;cursor:pointer}.btn.btn_light{background:rgba(106,102,211,.122);opacity:90%;color:#6a66d3;display:flex;align-items:center;gap:20px;line-height:normal}.btn.btn_light:hover{background:var(90%,rgba(106,102,211,.122));opacity:60%}.btn.link_sourse:hover{background:#dbdafc;opacity:100%!important}.link_sourse{opacity:12%;background:#6a66d3}.btn.btn_habr{background:#629fbc;color:#fff}.btn.btn_habr,.btn.btn_iconed{display:flex;align-items:center;gap:20px}.btn.btn_habr:hover{background:#5291b0}.btn:hover{background:#524dd8;text-decoration:none}.btn_bordered{background:transparent;border:1px solid #2c2c2c;color:#2c2c2c;line-height:18px}.btn_bordered-color:hover,.btn_bordered:hover{background:hsla(0,0%,100%,.2)}.btn_bordered-color{background:transparent;border:1px solid #6a66d3;color:#6a66d3}.btn.btn_large{padding:12px 24px;height:52px;line-height:28px}.btn.btn_large.btn_bordered,.btn.btn_large.btn_bordered-color{line-height:26px}.btn.btn_light.btn_large{line-height:normal}.btn.btn_inverted.btn_bordered{border:1px solid #fff;color:#fff}.btn__wrap{margin-top:30px;text-align:center;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn__wrap.btn__wrap_left{justify-content:left}.tabs__bar{border-radius:10px;background:linear-gradient(321deg,#f9f9ff,#fdf9ff);padding:15px 20px;display:flex;justify-content:space-between;position:relative;margin-bottom:40px}.tabs__bar li{flex-grow:1;text-align:center}.tabs__bar li a{padding:15px;display:block;color:#2c2c2c;text-decoration:none;position:relative;z-index:2}.tabs__bar .tabs__selector{position:absolute;top:15px;border-radius:10px;height:47px;min-width:100px;background:linear-gradient(154deg,#fbf3ff,#e2e9ff 100%,#e2e9ff 0);z-index:1;transition:left .6s,width .4s,top .4s,height .4s}.tabs__bar .tabs__selector:before{content:"";position:absolute;border-radius:10px;top:1px;bottom:1px;left:1px;right:1px;background:#fff}.tabs__body{display:none;justify-content:space-between;flex-wrap:wrap;align-items:center}.tabs__body_active{display:flex}.tabs__body_img,.tabs__body_txt{width:50%;min-width:280px}.tabs__body_img img{display:block;margin:20px auto;max-width:100%;width:500px}.tabs__body_img .la_img{max-width:380px;height:320px;margin:0 auto}.tabs__body_txt{font-size:16px}.tabs__body_txt p{padding-bottom:30px}.tabs__body_txt ul li{padding:3px 0 3px 25px;position:relative}.tabs__body_txt ul li:before{content:"";position:absolute;top:12px;left:10px;width:4px;height:4px;border-radius:2px;background:#2c2c2c}@media screen and (max-width:1000px){.tabs__bar{flex-wrap:wrap}.tabs__bar li{width:33%}}@media screen and (max-width:600px){.tabs__bar li{width:50%}.tabs__body_img,.tabs__body_txt{width:100%}}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.woff2) format("woff2"),url(/fonts/Inter-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.woff2) format("woff2"),url(/fonts/Inter-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.woff2) format("woff2"),url(/fonts/Inter-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}body{min-height:100vh;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;color:#2c2c2c;background:#fff;overflow-x:hidden;letter-spacing:.03em;transition:background .6s ease}body.notes-bg{background:#f0f3fd}button,input,textarea{font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif}*{box-sizing:border-box}a{color:#2da7ff}a,a:hover{text-decoration:none}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:1em;font-weight:700;letter-spacing:0}.h1,h1{font-size:40px;font-weight:600;margin-bottom:.5em}.h2,h2{font-size:34px}.h3,h3{font-size:24px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}.h2.h2-small{max-width:90%;margin:0 auto 20px}.h2+.h3{margin-top:-1em}.h1_descr{font-size:18px;padding-bottom:20px}#list{display:flex;flex-direction:column;min-width:320px;min-height:100vh}.container{width:1240px;max-width:100%;margin:0 auto;padding:0 20px}main{flex:1;min-height:65vh}.more_link{font-size:16px;font-weight:500;background:linear-gradient(341deg,#6a66d3,#5ca7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.legacy_list{counter-reset:step-counter;padding:0 0 40px}.legacy_list>li{counter-increment:step-counter;padding-top:30px}.legacy_list>li:before{content:counter(step-counter) ".";font-size:24px;font-weight:700}.legacy_list>li h3{display:inline}.legacy_list ol{counter-reset:step-counter2;line-height:1.4}.legacy_list ol>li{counter-increment:step-counter2;padding:5px 0}.legacy_list ol>li:before{content:counter(step-counter) "." counter(step-counter2) ". ";font-weight:700}.legacy_list p{padding:5px 0}.legacy_list ol ol{counter-reset:step-counter3;line-height:1.4;padding:5px 0 10px 20px}.legacy_list ol ol>li{counter-increment:step-counter3;padding:5px 0}.legacy_list ol ol>li:before{content:counter(step-counter) "." counter(step-counter2) "." counter(step-counter3) ". ";font-weight:700}.woot--notification{position:fixed}#qjkywnLZYQxIefoijNSw4 path{fill:none!important}@media screen and (max-width:800px){.h2-long{font-size:26px}}@media screen and (max-width:650px){.h1,h1{font-size:34px}.h2-long{font-size:22px}}@media screen and (max-width:450px){.h1,h1{font-size:30px}}.codeEditor_wrap{padding:12px 20px 30px;background:var(--bg-main);font-family:arial,sans-serif;font-size:12px;display:flex;flex-direction:column;position:absolute;top:0;bottom:0;left:0;right:0}.codeEditor_wrap *{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.1)}.codeEditor_wrap ::-webkit-scrollbar{height:6px;width:6px}.codeEditor_wrap ::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.codeEditor_wrap ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:5px}.codeEditor_fullScreen{position:fixed;z-index:999}.codeEditor_head{justify-content:space-between;color:var(--text-main);padding-bottom:12px;flex-wrap:wrap}.codeEditor_btns,.codeEditor_head{display:flex;align-items:center;gap:20px}.codeEditor_cta{text-align:left;padding-top:12px;position:relative;display:flex;justify-content:space-between}.codeEditor_body{flex-grow:1;overflow:hidden;display:flex;position:relative}.vue-codemirror{flex-grow:1;overflow:auto;width:100%;height:100%;top:0;left:0;position:absolute}.codeEditor_fullScreen .vue-codemirror{width:59%}.codeEditor_preview{width:40%;height:100%;top:0;position:absolute;left:60%;background:var(--bg-secondary)}.codeEditor_preview iframe{width:100%;height:100%;border:0}.codeEditor_fullScreenBtn{margin-left:auto}.codeEditor_close{position:absolute;width:20px;height:20px;right:20px;background:transparent;border:0;transform:rotate(45deg);cursor:pointer}.codeEditor_close:after,.codeEditor_close:before{content:"";position:absolute;width:100%;height:1px;background:var(--text-main);top:50%;left:0}.codeEditor_close:after{transform:rotate(90deg)}@media screen and (max-width:1000px){.codeEditor_wrap .codeEditor_fullscreen{display:none!important}}.codeEditor_wrap .btn,.codeEditor_wrap .btn-basic,.codeEditor_wrap .btn-bordered,.codeEditor_wrap .btn-tool{background:transparent;border:0;height:30px;padding:7px 12px;border-radius:4px;cursor:pointer;transition:background-color .4s;color:var(--text-main);font-size:12px;line-height:16px;display:flex;align-items:center}.codeEditor_wrap .btn-bordered{border:1px solid var(--text-main);background:var(--bg-main)}.codeEditor_wrap .btn{background:var(--primary);color:var(--button-text);transition:box-shadow .4s}.codeEditor_wrap .btn-tool{height:26px;padding:5px;border:1px solid transparent}.codeEditor_wrap .btn-tool:hover{border-color:var(--main)}.codeEditor_wrap .btn-tool.btn-active,.codeEditor_wrap .btn-tool.btn-active:hover{border-color:var(--main);background:var(--main)}.codeEditor_wrap .btn-basic.btn-icon{padding:7px}.codeEditor_wrap .btn:hover{box-shadow:0 3px 6px rgba(10,37,64,.11)}.codeEditor_wrap .btn-basic:hover{background:var(--secondary)}.codeEditor_wrap .btn-red:hover{background:var(--red-hover-color)}.codeEditor_wrap .btn-labeled svg{margin-right:10px}.codeEditor_wrap .btn-labeled-r svg{margin-left:10px;vertical-align:sub}.codeEditor_wrap .btn-basic.btn-active{color:var(--bg-main);background:var(--text-main)}.codeEditor_wrap .btn-basic.btn-active svg .iconfill{fill:#fff}.codeEditor_wrap .btn-icon svg{margin:0 auto}.codeEditor_wrap .btn-link{background:transparent;font-size:12px;cursor:pointer;color:var(--text-main)}.codeEditor_wrap .btn-link.btn-labeled svg{vertical-align:top;margin-top:2px}.assetEdit .btn-basic,.bubble-menu-link_wrap .btn-basic{height:26px;padding:5px 12px}.assetEdit .btn-icon,.bubble-menu-link_wrap .btn-icon{padding:5px 6px;width:26px;text-align:center}.dark-theme{--text-main:#90a2b4;--text-secondary:#8e98a3;--text-active:#fff;--icon-third:#2c2c2c;--icon-secondary:#636f7a;--main:#4c5863;--secondary:#232323;--active:#90a2b4;--hover:#374049;--bg-active:#393e4a;--bg-main:#2c2c2c;--button-text:#fff;--disable:#4e5760;--primary:#7d4da3;--red-color:#cd4246;--red-hover-color:#ffe9e9;--bg-secondary:#3c3c3d;--color-main:#a5bcd2;--gutters:#8b8b8b;--linenumber:#545454;--cursor:#fc0;--selected:rgba(97,97,97,.2);--activeSelected:rgba(128,203,196,.2);--activeline:rgba(0,0,0,.5);--keyword:#c792ea;--operator:#89ddff;--variable:#f07178;--variable-2:#eff;--variable-3:#decb6b;--type:#f07178;--builtin:#ffcb6b;--atom:#7dace0;--number:#ff5370;--def:#82aaff;--string:#8de498;--string-2:#f07178;--comment:#8b8b8b;--tag:#dc5766;--meta:#cc9c3a;--attribute:#b299e7;--property:#c792ea;--qualifier:#decb6b}.vue-codemirror,.vue-codemirror .CodeMirror{height:100%}.vue-codemirror .CodeMirror{background-color:var(--bg-secondary);color:var(--color-main)}.vue-codemirror .CodeMirror-gutters{background:var(--bg-secondary);color:var(--gutters);border:0}.CodeMirror-guttermarker,.CodeMirror-guttermarker-subtle,.CodeMirror-linenumber{color:var(--linenumber)}.vue-codemirror .CodeMirror-cursor{border-left:1px solid var(--cursor)}.cm-s-material-darker.CodeMirror-focused div.CodeMirror-selected,div.CodeMirror-selected{background:var(--selected)}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:var(--activeSelected)}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:var(--activeSelected)}.CodeMirror-activeline-background{background:var(--activeline)}.cm-keyword{color:var(--keyword)}.cm-operator{color:var(--operator)}.cm-variable-2{color:var(--variable-2)}.cm-type,.cm-variable-3{color:var(--type)}.cm-builtin{color:var(--builtin)}.cm-atom{color:var(--atom)}.cm-number{color:var(--number)}.cm-def{color:var(--def)}.cm-string{color:var(--string)}.cm-string-2{color:var(--string-2)}.cm-comment{color:var(--comment)}.cm-variable{color:var(--variable)}.cm-tag{color:var(--tag)}.cm-meta{color:var(--meta)}.cm-attribute{color:var(--attribute)}.cm-property{color:var(--property)}.cm-qualifier{color:var(--qualifier)}.cm-type,.cm-variable-3{color:var(--variable-3)}.cm-error{color:#fff;background-color:#ff5370}.CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.CodeMirror-code .CodeMirror-linenumber{padding-left:8px}.CodeMirror-code .error .CodeMirror-linenumber:before,.CodeMirror-code .warning .CodeMirror-linenumber:before{content:"✖";position:absolute;left:3px;top:0;color:red;font-size:14px;line-height:14px}.CodeMirror-code .warning .CodeMirror-linenumber:before{content:"⚠";color:#e4d1ba}.CodeMirror-code .CodeMirror-linewidget{display:none}.CodeMirror-code .error .CodeMirror-linewidget,.CodeMirror-code .warning .CodeMirror-linewidget{border-top:1px solid red;display:block;color:#62431d;background:#ffb64f;padding:3px 10px 3px 20px;font-weight:700;margin-bottom:4px;font-family:arial,sans-serif}.CodeMirror-code .warning .CodeMirror-linewidget{border-top:1px solid #ffb64f;background:#7f581b;color:#b99c78}.codeEditor_errors>div{color:var(--text-main);padding:10px 20px;margin:5px}.codeEditor_validation{background:#4f9f40;color:#fff;padding:10px 20px;border-radius:4px;transition:background .4s}.codeEditor_validation.validation_fail{background:#9f4040}.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-gutter-filler,.CodeMirror-scrollbar-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 #000;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}@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:blue}.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-type,.cm-s-default .cm-variable-3{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-invalidchar,.cm-s-default .cm-error{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:#fff}.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-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{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{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;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-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{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}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{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:rgba(255,255,0,.4)}.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}