@import url(https://fonts.googleapis.com/css2?family=Antic+Slab&family=Bangers&family=Dancing+Script:wght@400..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Righteous&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap);.loader{animation:rotation 1s linear infinite;border:3px solid #fff;display:inline-block;height:48px;height:100vh;text-align:center;width:48px;width:100vw}.loader,.loader:after{border-radius:50%;box-sizing:border-box;position:absolute}.loader:after{border-color:#ff3d00 #0000;border-style:solid;border-width:3px;content:"";height:40px;left:50%;top:50%;transform:translate(-50%,-50%);width:40px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{background:#fff;color:#24292e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{background-color:#f0fff4;color:#22863a}.hljs-deletion{background-color:#ffeef0;color:#b31d28}.container{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;margin:0;padding:0;width:100%}.card{margin-right:3rem}.container .card .icon{align-items:center;border-radius:1rem;color:#fff;font-size:80px;height:100%;justify-content:center;left:0;left:50%;position:absolute;top:0;top:50%;transform:translate(-50%,-50%);width:100%}.container .card .slide{border-radius:1rem;height:200px;transition:.5s;width:300px}.container .card .slide.slide1{align-items:center;display:flex;justify-content:center;position:relative;transform:translateY(90px);transition:.7s;z-index:1}.container .card:hover .slide.slide1{transform:translateY(0)}.container .card .slide.slide2{align-items:center;box-shadow:0 20px 40px #0006;box-sizing:border-box;display:flex;justify-content:center;padding:20px;position:relative;transform:translateY(-90px);transition:.8s}.container .card:hover .slide.slide2{transform:translateY(0)}.container .card .slide.slide2:after{background-color:blue;bottom:10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.container .card .slide.slide2 .content p{color:#414141;margin:0;padding:0;text-align:center}@media screen and (max-width:768px){.container{align-items:center;flex-direction:column;margin:0;max-width:100%;padding:0;width:100%}.card{margin:0 0 2rem;max-width:260px;width:90%}.container .card .slide{height:180px;max-width:260px;width:100%}.container .card .icon{font-size:60px}.container .card .icon>div{font-size:1.8rem!important}.container .card .slide.slide2 .content p{font-size:.85rem}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}}@media screen and (min-width:700px) and (max-width:768px){.container{align-items:center;flex-direction:column;margin:0;max-width:100%;padding:0 .5rem;width:100%}.card{margin:0 0 2rem;max-width:280px;width:85%}.container .card .slide{height:200px;max-width:280px;width:100%}.container .card .slide.slide2{padding:16px}.container .card .slide.slide2 .content p{word-wrap:break-word;font-size:.8rem!important;line-height:1.3;margin-bottom:.8rem;overflow-wrap:break-word}.container .card .slide.slide2 .content .MuiButton-root{border-radius:4px!important;font-size:.65rem!important;margin:.2rem!important;min-width:auto!important;padding:3px 6px!important}.container .card .slide.slide2 .content .MuiGrid2-root{gap:.2rem}.container .card .icon{font-size:55px}.container .card .icon>div{font-size:1.6rem!important}}@media screen and (min-width:769px) and (max-width:900px){.container{align-items:center;flex-direction:column;gap:2rem;margin:0 auto;max-width:100%;padding:0 1rem;width:100%}.card{margin:0 0 2.5rem;max-width:320px;width:85%}.container .card .slide{height:220px;max-width:320px;width:100%}.container .card .icon{font-size:70px}.container .card .icon>div{font-size:2.2rem!important;font-weight:600}.container .card .slide.slide2{padding:24px}.container .card .slide.slide2 .content p{font-size:1rem;line-height:1.5;margin-bottom:1rem}.container .card .slide.slide2 .content .MuiButton-root{border-radius:6px!important;font-size:.85rem!important;margin:.4rem!important;padding:6px 12px!important}.container .card .slide.slide2 .content .MuiGrid2-root{gap:.5rem}.container .card:hover .slide.slide1{transform:translateY(0);transition:.6s ease-out}.container .card:hover .slide.slide2{transform:translateY(0);transition:.7s ease-out}}@media screen and (min-width:901px) and (max-width:1024px){.container{align-items:center;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:0 auto;max-width:100%;padding:0 2rem;width:100%}.card{flex:0 1 280px;margin:0 1rem 2rem;max-width:280px;width:auto}.container .card .slide{height:200px;width:280px}.container .card .icon{font-size:75px}.container .card .icon>div{font-size:2.4rem!important;font-weight:600}.container .card .slide.slide2{padding:20px}.container .card .slide.slide2 .content p{font-size:.95rem;line-height:1.4}.container .card .slide.slide2 .content .MuiButton-root{font-size:.8rem!important;margin:.3rem!important;padding:4px 10px!important}}.scroll-animate{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.scroll-animate.in-view{opacity:1;transform:translateY(0)}.scroll-animate:nth-child(odd){transform:translateX(-50px)}.scroll-animate:nth-child(odd).in-view{transform:translateX(0)}.scroll-animate:nth-child(2n){transform:translateX(50px)}.scroll-animate:nth-child(2n).in-view{transform:translateX(0)}.scroll-animate .card{transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.scroll-animate.in-view .card{transform:scale(1)}.scroll-animate .MuiTypography-root{transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate.in-view .MuiTypography-root{opacity:1;transform:translateY(0)}.scroll-animate .MuiButton-root{transition:all .4s ease-out;transition-delay:0s;transition-delay:calc(var(--index, 0)*.1s)}.scroll-animate.in-view .MuiButton-root{opacity:1;transform:translateY(0)}.scroll-animate .feature-showcase{transition:all 1s cubic-bezier(.25,.46,.45,.94)}.scroll-animate.in-view .feature-showcase{opacity:1;transform:translateX(0) scale(1)}.scroll-animate .footer-content{transition:all .8s ease-out}.scroll-animate.in-view .footer-content{opacity:1;transform:translateY(0)}.feature-content-enter{opacity:0;transform:translateX(30px)}.feature-content-enter-active{transition:all .6s cubic-bezier(.25,.46,.45,.94)}.feature-content-enter-active,.feature-content-exit{opacity:1;transform:translateX(0)}.feature-content-exit-active{opacity:0;transform:translateX(-30px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.feature-text{transition:all .5s ease-out}.feature-text.changing{opacity:.7;transform:translateY(-5px)}.feature-media{transition:all .5s ease-out}.feature-media.changing{opacity:.8;transform:scale(.95)}.shapes-bg{inset:0;pointer-events:none;position:relative;z-index:0}.shape{border-radius:20px;opacity:.7;position:absolute}@media screen and (max-width:768px){.blue-rect,.green-circle,.red-rect,.yellow-rect{display:none}.blue-circle,.lightblue-rect,.pink-circle,.rotated-rect{transform:scale(.85);transform-origin:center}.rotated-rect{transform:scale(.85) rotate(160deg)}}.blue-rect{background:#5a7fff;height:190px;left:30px;top:-60px;width:100px}.green-circle{background:#1ed6b6;border-radius:50%;height:90px;left:150px;top:50px;width:90px}.red-rect{background:#f49b90;height:90px;left:20px;top:150px;width:220px}.lightblue-rect{background:#a0e7ff;height:70px;left:50px;top:630px;width:180px}.blue-circle{background:#a7adff;border-radius:50%;height:100px;right:150px;top:470px;width:100px}.yellow-rect{background:#72c5a4;height:250px;right:30px;top:40px;width:100px}.pink-circle{background:#f7c6f7;border-radius:50%;height:70px;left:270px;top:630px;width:70px}.rotated-rect{background:#ffc55a;height:90px;right:10px;top:340px;transform:rotate(160deg);width:260px}.floating-button{align-items:center;background-color:#50809b;border:none;border-radius:5rem;bottom:3rem;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:bolder;justify-content:center;padding:1rem 2rem;position:fixed;right:3rem;transition:background-color .3s ease,transform .3s ease;z-index:1000}.floating-button:hover{cursor:pointer;transform:scale(1.1)}.floating-button:focus{outline:none}@media (max-width:768px){.floating-button{bottom:2rem;font-size:1.1rem;padding:.8rem 1.5rem;right:2rem}}@media (max-width:600px){.floating-button{border-radius:50%;bottom:20px;font-size:.9rem;height:60px;min-height:44px;min-width:44px;padding:0;right:20px;width:60px}.floating-button div{line-height:1.2;text-align:center}}@media (max-width:480px){.floating-button{bottom:16px;font-size:.8rem;height:56px;right:16px;width:56px}}@media (max-width:360px){.floating-button{bottom:12px;font-size:.75rem;height:52px;right:12px;width:52px}}.code-editor{height:50vh!important;position:relative}.code-editor-input{background-image:none;border:1px solid #e0e0e0;border-radius:.5rem;box-sizing:border-box;display:block;font-family:monospace;font-size:1rem;height:auto;line-height:1.5;overflow:hidden;padding:.5rem 1rem;resize:none!important;width:100%}.code-editor-output{background-image:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.code-editor-error,.code-editor-output{border:1px solid #000;border-radius:.5rem;font-family:monospace;font-size:1rem;overflow:visible;padding:1rem;white-space:pre-wrap}.code-editor-error{background-image:linear-gradient(0deg,#feada6 0,#f5efef)}.feature-animate{opacity:.5;transform:scale(.7);transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .7s cubic-bezier(.4,0,.2,1)}.feature-animate.in-view{opacity:1;transform:scale(1)}.solve-split-divider{background:#e0e0e0;cursor:col-resize;height:100%;transition:background .2s;width:4px;z-index:2}.solve-split-divider:hover{background:#bdbdbd}.solve-panel{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 12px 0 #3c3c3c0f;margin-top:14px;overflow:hidden;padding:0}.solve-panel-tabs{background:#f7f7f7;border-bottom:1px solid #e0e0e0;display:flex}.solve-panel-tab{border-bottom:2px solid #0000;color:#888;cursor:pointer;font-weight:600;padding:12px 24px;transition:color .2s,border-bottom .2s}.solve-panel-tab.active{background:#fff;border-bottom:2px solid #1976d2;color:#1976d2}.solve-panel-content{padding:24px}.solve-horizontal-divider{background:#e0e0e0;cursor:row-resize;height:6px;transition:background .2s;width:100%;z-index:2}.solve-horizontal-divider:hover{background:#bdbdbd}.custom-editor-border{background:#fff;border:1.5px solid #e0e0e0;box-sizing:border-box;display:flex;flex-direction:column;height:100%;transition:height .2s}.editor-floating-button{background-color:#457b9d;border-radius:32px;bottom:16px;box-shadow:0 2px 6px #0003;color:#fff;font-weight:700;padding:8px 20px;position:absolute;right:16px;z-index:10}.error-block:before{background-color:#d32f2f;border-bottom-left-radius:4px;border-top-left-radius:4px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}:root{--font-primary:"Libertinus Mono",monospace;--font-code:"Libertinus Mono",monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:Libertinus Mono,monospace!important;font-family:var(--font-primary)!important;font-size:19px!important;font-style:normal!important;font-weight:400!important;margin:0!important;overflow-x:hidden!important;padding:0!important;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{max-width:100%;overflow-x:hidden}::-webkit-scrollbar{height:3px;width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#9a9a9a}::-webkit-scrollbar-thumb:hover{background:#555}.mermaid-diagram{background-color:initial;display:flex;justify-content:center;margin:1em 0;overflow:auto;padding:1em;width:100%}.mermaid-diagram svg{background-color:initial;height:auto!important;max-width:100%}.mermaid-diagram .node circle,.mermaid-diagram .node ellipse,.mermaid-diagram .node path,.mermaid-diagram .node polygon,.mermaid-diagram .node rect{rx:8px;ry:8px}.mermaid-diagram .edgePath .path{stroke-width:2px}.mermaid-diagram .arrowheadPath{fill:#718096}.mermaid-diagram .edgeLabel{background-color:#fff!important;border-radius:4px;box-shadow:0 1px 2px #0000000d;padding:4px 8px!important}.mermaid-diagram .label{font-family:Arial,sans-serif;font-weight:500}.mermaid-loading{align-items:center;background-color:initial;color:#666;display:flex;justify-content:center;margin:1em 0;padding:2em}.mermaid-error{background-color:#fff5f5;border:1px solid #dc3545;border-radius:4px;color:#dc3545;margin:1em 0;padding:1em}.mermaid-error details{margin-top:1em}.mermaid-error summary{color:#666;cursor:pointer;margin-bottom:.5em}.mermaid-error pre{word-wrap:break-word;background:#f8f8f8;border:1px solid #eee;border-radius:4px;font-size:.9em;overflow-x:auto;padding:1em;white-space:pre-wrap}.mermaid-diagram text{fill:#333!important;font-family:Arial,sans-serif!important;font-size:14px!important}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}*,:after,:before{box-sizing:border-box}
/*# sourceMappingURL=main.c6c7f425.css.map*/