:root{--abstract-width:600px;--abstract-height:600px;--icon-size:72px;--icon-border-radius:4px;--icon-hover-shadow:0 12.6px 25.2px -11.5733px #32325d40,0 7.56px 15.12px -7.56px #0000001a;--icon-hover-scale:1.1;--icon-hover-transition:.6s ease-in-out;--abstract-background-color:#f6f9fc;--abstract-icon-background-color:#263238}@keyframes come-in{0%{transform:translate(-35px)}to{transform:translate(0,0)}}@keyframes come-out{0%{transform:scale(1)}to{transform:scale(.5)}}.abstract{width:100%;max-width:var(--abstract-width);opacity:1;transition:opacity .3s ease-out;position:relative}.abstract.animate-in{opacity:1}.abstract.animate-in .icon-container{animation-name:come-in;animation-duration:.8s}.abstract.animate-out .icon-container{animation-name:come-out;animation-duration:.3s}.feature_container{width:100%;max-width:600px}.absolute-class{width:100%;height:100%;position:absolute;top:0;left:0}.points-container{width:100%;height:100%}@keyframes draw{0%{stroke-dashoffset:var(--stroke-length)}to{stroke-dashoffset:0}}@keyframes frameOut{0%{transform:initial;opacity:1}99.99%{opacity:0;transform:scale(1.1)}to{transform:scale(1)}}@keyframes frameIn{0%{opacity:0}to{opacity:1}}.outline-code-editor{background-color:var(--abstract-background-color);border-radius:6px;flex-direction:column;width:100%;max-width:600px;height:auto;transition:transform 1s;display:flex;position:relative}.outline-code-editor.animate-in .code-ide-container{opacity:1}.outline-code-editor.animate-in .code-editor-outline-svg{opacity:0;transition:opacity 2.5s}.code-ide-container{opacity:0;flex-direction:column;width:100%;height:auto;padding-top:58.33%;transition:opacity .5s;display:flex;position:relative}.code-ide{font-family:var(--font-source-code-pro),"Source Code Pro",monospace;opacity:0;width:100%;height:100%;transition:opacity .5 ease,transform 1s ease;background-color:#263238;border-radius:6px;flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:hidden}.code-ide.active-frame{opacity:1}.code-ide.active-frame.frame-in{animation-name:frameIn;animation-duration:.7s}.code-ide.frame-out{animation-name:frameOut;animation-duration:1s}.code-editor-outline-svg{opacity:0;position:absolute;top:0;left:0;overflow:visible}.show-outline-frame{opacity:1}#code-editor-frame-line,#code-editor-header-line,#code-editor-toolbar-line path{stroke-dasharray:var(--stroke-length);stroke-dashoffset:var(--stroke-length);animation-timing-function:linear;animation-fill-mode:forwards}.show-outline-frame #code-editor-frame-line{animation-name:draw;animation-duration:1.5s}.show-outline-frame #code-editor-header-line{animation-name:draw;animation-duration:.5s}.show-outline-frame #code-editor-toolbar-line path{animation-name:draw;animation-duration:.3s}#python-error-line{opacity:0;transition:opacity .5s}#code-editor-svg{overflow:hidden}.abstract text{font-size:14px;font-family:var(--font-source-code-pro),"Source Code Pro",monospace;fill:#fff}.index-count{fill:#d3d3d3}#intellisense-test,#intellisense-test-2,#python-error-suggestion{opacity:0;transition:opacity .3s}.show-intellisense-dialog{opacity:1!important}.color-main{fill:#569ccb}.color-type{fill:#4ec9b0}@keyframes animateLine{0%{stroke-dashoffset:var(--stroke-testcase-length);opacity:1}to{stroke-dashoffset:0;opacity:1}}.test-case-line{stroke-dasharray:var(--stroke-testcase-length);stroke-dashoffset:0;opacity:0;stroke-width:10px;transition:stroke-dashoffset 2s;animation-duration:.7s}.check-cross-mark-path{stroke-dasharray:300;stroke-dashoffset:0;opacity:0;stroke-miterlimit:10;fill:none}.check-mark .success{stroke:#34a853}.check-mark .error{stroke:#ac2e24}.check-mark.animate .circle{opacity:1;animation:.4s ease-in-out dash}.check-mark.animate .line{stroke-dashoffset:300px;opacity:1;animation:.4s ease-in-out .35s forwards dash}.check-mark.animate .check{stroke-dashoffset:-30px;opacity:1;animation:.4s ease-in-out .35s forwards dash-check}.check-mark.animate .test-case-line{opacity:1;animation-name:animateLine}@keyframes dash{0%{stroke-dashoffset:300px}to{stroke-dashoffset:0}}@keyframes dash-check{0%{stroke-dashoffset:-30px}to{stroke-dashoffset:270px}}@media only screen and (max-width:768px){:root{--abstract-height:450px;--icon-size:60px}.abstract{margin:10px 0}.code-ide-container{border-radius:4px}.icon_inner_container .icon_text{font-size:8px}#icon_1{left:8%}#icon_2{top:0;right:10%}#icon_3{left:15%}}@media only screen and (min-width:768px) and (max-width:976px){:root{--abstract-height:525px;--icon-size:66px}.abstract{margin:10px 0 0}.code-ide-container{border-radius:5px}.icon_inner_container .icon_text{font-size:9px}}