svg{width:100%;height:100%}circle,line,path{cursor:pointer}line,path{stroke-width:4px;fill:transparent}.node-text{font-size:14px;font-weight:500;font-family:Formular;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;fill:#fff;pointer-events:none}.node-default{fill:#3d3d3d}.node-active{fill:#ec407a}.node-was-active{fill:#8d3956}.line-default{stroke:#3d3d3d}.line-active{stroke:#ff93b8}.line-was-active{stroke:#8d3956}@font-face{font-family:Formular;src:url(../fonts/Formular-BlackItalic.01005aa9.eot);src:local("Formular Black Italic"),local("Formular-BlackItalic"),url(../fonts/Formular-BlackItalic.01005aa9.eot?#iefix) format("embedded-opentype"),url(../fonts/Formular-BlackItalic.48d47eb5.woff2) format("woff2"),url(../fonts/Formular-BlackItalic.fbafb50c.woff) format("woff"),url(../fonts/Formular-BlackItalic.2b4de028.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Formular;src:url(../fonts/Formular-MediumItalic.bca56b88.eot);src:local("Formular Medium Italic"),local("Formular-MediumItalic"),url(../fonts/Formular-MediumItalic.bca56b88.eot?#iefix) format("embedded-opentype"),url(../fonts/Formular-MediumItalic.f4252b3b.woff2) format("woff2"),url(../fonts/Formular-MediumItalic.c3f698dd.woff) format("woff"),url(../fonts/Formular-MediumItalic.dec657f6.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Formular;src:url(../fonts/Formular-Italic.a6ee9d18.eot);src:local("Formular Italic"),local("Formular-Italic"),url(../fonts/Formular-Italic.a6ee9d18.eot?#iefix) format("embedded-opentype"),url(../fonts/Formular-Italic.50b2808c.woff2) format("woff2"),url(../fonts/Formular-Italic.33b425a1.woff) format("woff"),url(../fonts/Formular-Italic.d9f8d647.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Formular;src:url(../fonts/Formular-LightItalic.c9d21752.eot);src:local("Formular Light Italic"),local("Formular-LightItalic"),url(../fonts/Formular-LightItalic.c9d21752.eot?#iefix) format("embedded-opentype"),url(../fonts/Formular-LightItalic.a2435b21.woff2) format("woff2"),url(../fonts/Formular-LightItalic.c0e67260.woff) format("woff"),url(../fonts/Formular-LightItalic.28c7d168.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Formular;src:url(../fonts/Formular-Black.d01ffcfb.eot);src:local("Formular Black"),local("Formular-Black"),url(../fonts/Formular-Black.d01ffcfb.eot?#iefix) format("embedded-opentype"),url(../fonts/Formular-Black.775ccd45.woff2) format("woff2"),url(../fonts/Formular-Black.ad34d1f7.woff) format("woff"),url(../fonts/Formular-Black.eac5f56a.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Formular;src:url(../fonts/Formular-Light.e82ffb9e.eot);src:local("Formular Light"),local("Formular-Light"),url(../fonts/Formular-Light.e82ffb9e.eot?#iefix) format("embedded-opentype"),url(../fonts/Formular-Light.962c30f0.woff2) format("woff2"),url(../fonts/Formular-Light.de809216.woff) format("woff"),url(../fonts/Formular-Light.9489781d.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Formular;src:url(../fonts/Formular.4a5f8e52.eot);src:local("Formular"),url(../fonts/Formular.4a5f8e52.eot?#iefix) format("embedded-opentype"),url(../fonts/Formular.86134a94.woff2) format("woff2"),url(../fonts/Formular.b970ba71.woff) format("woff"),url(../fonts/Formular.35231997.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Formular;src:url(../fonts/Formular-Medium.c448f41f.eot);src:local("Formular Medium"),local("Formular-Medium"),url(../fonts/Formular-Medium.c448f41f.eot?#iefix) format("embedded-opentype"),url(../fonts/Formular-Medium.a2b5ee15.woff2) format("woff2"),url(../fonts/Formular-Medium.02d3d503.woff) format("woff"),url(../fonts/Formular-Medium.9e2e65c2.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Formular;src:url(../fonts/Formular-BoldItalic.09626dd3.eot);src:local("Formular Bold Italic"),local("Formular-BoldItalic"),url(../fonts/Formular-BoldItalic.09626dd3.eot?#iefix) format("embedded-opentype"),url(../fonts/Formular-BoldItalic.26580e34.woff2) format("woff2"),url(../fonts/Formular-BoldItalic.53ea57d1.woff) format("woff"),url(../fonts/Formular-BoldItalic.5b838722.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Formular;src:url(../fonts/Formular-Bold.bc9a0b9d.eot);src:local("Formular Bold"),local("Formular-Bold"),url(../fonts/Formular-Bold.bc9a0b9d.eot?#iefix) format("embedded-opentype"),url(../fonts/Formular-Bold.cb84faa4.woff2) format("woff2"),url(../fonts/Formular-Bold.d156fb5c.woff) format("woff"),url(../fonts/Formular-Bold.9b938200.ttf) format("truetype");font-weight:700;font-style:normal}::-webkit-scrollbar-thumb{border-radius:2px;background-color:#3e132e}::-webkit-scrollbar-track{background-color:var(--body-color)}body{margin:0;font-family:Formular;height:100%;background-color:var(--body-color);color:var(--text-color);padding:0 64px}.wrapper{overflow-y:auto;padding:48px 64px;align-items:center}.matrix-cont{max-width:100%;margin:auto}.matrix,.matrix-cont{width:-webkit-max-content;width:-moz-max-content;width:max-content;display:flex}.auto-matrix-cell,.matrix-cell{height:40px;background-color:#e8e8e8;cursor:pointer;border-radius:2px;margin-bottom:4px;background-image:url(../img/zero.34abeb22.svg);background-size:16px;background-repeat:no-repeat;background-position:50%;transition:background-color .2s}.auto-matrix-cell:last-child,.matrix-cell:last-child{margin-bottom:0}.matrix-column{margin-right:4px;width:40px}.matrix-column:last-child{margin-right:0}.value-row-matrix{height:40px;display:flex;align-items:center;font-size:12px;color:#c1c1c1;font-weight:700;width:40px;justify-content:center;margin-bottom:4px}.value-row-matrix:last-child{margin-bottom:0}.value-matrix-column{text-align:center;margin-bottom:8px;font-size:12px;height:32px;font-weight:700;display:flex;justify-content:center;align-items:center;color:#c1c1c1}.value-rows-matrix-cont{padding-top:40px;margin-right:8px;background-color:var(--body-color)}.active-cell{background-color:#feafc7;background-image:url(../img/one.04bf8db1.svg)}.auto-matrix-cell{background-color:transparent;cursor:auto}.active-auto-cell{background-image:url(../img/one.04bf8db1.svg)}.body-matrix{overflow-x:auto}.number{display:inline-block;position:relative;width:80px}.number input[type=number]{display:block;height:32px;line-height:32px;width:100%;padding:0;margin:0;border:0;outline:none;background:transparent;box-sizing:border-box;text-align:center;font-family:Formular}.number input[type=number]::-webkit-inner-spin-button,.number input[type=number]::-webkit-outer-spin-button{display:none}.number-minus,.number-plus{position:absolute;background-color:#e8e8e8;cursor:pointer;top:6px;left:1px;width:20px;height:20px;padding:0;display:block;border:none;font-size:13px;font-weight:700;font-family:Formular;border-radius:100%}.number-plus{position:absolute;left:auto;right:1px}.input-cont{display:flex;align-items:center}.text-input-cont{font-size:14px;margin:0 20px 1px 20px;color:grey}.matrix-cell:hover{background-color:#c1c1c1}.creation-button{border:none;background:none;cursor:pointer;padding:12px 24px;border-radius:6px;color:#4f2841;border:1px solid #4f2841;font-size:12px;font-weight:500;font-family:Formular;transition:background-color .2s,opacity .2s;letter-spacing:.5px;text-decoration:none}.disabled-button{opacity:.2;cursor:auto}:root{--main-color:rgb(97 196 189);--complement-color:rgb(46 105 120);--hover-main-color:#e0f1f0;--hover-complement-color:rgb(214 231 234);--body-color:#f3f3f3;--text-color:#3d3d3d}::-webkit-scrollbar{width:6px;height:6px;background-color:var(--body-color)}body>#app{margin:0;font-family:Formular;background-color:var(--body-color);color:var(--text-color);display:flex}body>#app,html{height:100%}a{text-decoration:none}.wrapper{padding:0;padding-right:32px;padding-left:32px}.graph-cont,.wrapper{display:flex;flex:1;flex-direction:column}.graph-cont{overflow-y:auto;align-items:center;justify-content:center;position:relative}.graph,.graph-cont,header{width:100%}header{height:60px;margin:48px 0 24px;display:flex;justify-content:center;position:relative}.header-step-cont{display:flex;flex-direction:column;align-items:center}.header-step-description{font-size:14px;color:grey}.header-step-text{display:flex;font-size:28px;margin-bottom:8px;align-items:center}.header-arrow{width:48px;height:20px;margin:0 12px;background-image:url(../img/vector.5956e6fe.svg)}.control-cont{padding:36px 0 48px;display:flex;justify-content:center;align-items:center}.addition-cont{padding:48px 0;width:-webkit-max-content;width:-moz-max-content;width:max-content;display:flex;width:34px;overflow-y:auto}.menu{overflow-y:visible}.btn-cont,.menu-cont,.step-cont{height:-webkit-max-content;height:-moz-max-content;height:max-content;margin:auto}.step{width:32px;height:32px;display:flex;justify-content:center;align-items:center;font-size:12px;border:1px solid #c1c1c1;border-radius:100%;cursor:pointer;margin-bottom:16px;position:relative;transition:.2s}.step:last-child{margin-bottom:0}.step:after{content:"";position:absolute;background:#c1c1c1;width:1.5px;height:16px;bottom:-17px}.step:last-child:after{display:none}.active-step{border-color:#ff5c8e;background:#f8e8ed;color:#ec407a;font-weight:700}.active-step:after{background:#ff5c8e}.last-active-step:after{background:#c1c1c1}.dynamic-active-step:after{-webkit-animation-name:next;animation-name:next;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes next{0%{background:#c1c1c1}to{background:#ff5c8e}}@keyframes next{0%{background:#c1c1c1}to{background:#ff5c8e}}.header-close-button:hover{opacity:1}.control-button{width:32px;height:32px;background-position:50%;margin:0 12px;cursor:pointer;transition:.2s;opacity:.6;position:relative}.main-control-button{width:40px;height:40px}#previous-step{background-image:url(../img/previous-step.854a7df8.svg)}#next-step{background-image:url(../img/next-step.4f61e89e.svg)}#play{background-image:url(../img/play.5d629fd1.svg)}#pause{background-image:url(../img/pause.29b00102.svg)}.control-button:hover{opacity:1}.boundary-step{opacity:.1;cursor:auto}.empty-graph-cont{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;color:grey}.render-area{z-index:1}.inaccessible{opacity:0}.adjacency_matrix-cont{position:absolute;background-color:#f3f3f3;width:100%;height:100%;overflow-y:auto;top:0;left:0;z-index:4;display:flex;justify-content:center}.adjacency_matrix{padding:48px 64px;display:flex;flex-direction:column;align-items:center;height:-webkit-max-content;height:-moz-max-content;height:max-content}.menu-icon{background-size:contain;background-position:50%;background-repeat:no-repeat;width:32px;height:32px;margin-bottom:20px;cursor:pointer;position:relative}.menu-icon:hover{opacity:1}.matrix-icon{background-image:url(../img/matrix.eb5c4c10.svg)}.info-icon{background-image:url(../img/info.53f67cac.svg)}.help-icon{background-image:url(../img/help.c4094103.svg)}.close-icon{background-image:url(../img/close.d679933a.svg);width:20px;height:20px;opacity:.6;transition:.2s}.menu-icon:last-child{margin-bottom:0}.adjacency_matrix-menu{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:52px}.header{font-size:18px;font-weight:700;margin-right:36px}.header-matrix{margin-right:12px}.popup-cont{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;box-sizing:border-box;overflow-y:auto;display:flex;padding:48px 64px;background:rgb(0 0 0/60%)}.popup-header{display:flex;justify-content:space-between;align-items:center}.version{color:grey;font-size:12px;font-weight:300;margin-left:4px}.popup{margin:auto;padding:32px 28px;background:#fff;border-radius:6px;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:480px}.popup-text{font-size:14px;line-height:20px}.popup-el{margin-bottom:20px}p{margin:0;margin-bottom:8px}.popup-el:last-child{margin-bottom:0}.gray{color:#b8b8b8;font-weight:500}.menu-prompt,.prompt{left:100%;position:absolute;z-index:6;visibility:hidden;height:12px;line-height:1;font-size:12px;padding:8px 12px;color:rgb(255 255 255);font-weight:500;background:rgb(56 58 63);border-radius:4px;opacity:0;box-shadow:0 1px 5px 1px 0 1px 5px 1px rgb(56 58 63/35%);transition:.2s;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-prompt{margin-left:8px;margin-top:2px}.menu-prompt:before{content:"";position:absolute;display:block;left:-14px;top:7px;border:8px solid;border-color:transparent rgb(56 58 63) transparent transparent}.prompt{width:-webkit-max-content;width:-moz-max-content;width:max-content;top:-100%;margin:-6px auto}.prompt,.prompt:after{transform:translate(-50%);left:50%}.prompt:after{content:"";position:absolute;display:block;top:100%;border:8px solid;border-color:rgb(56 58 63) transparent transparent transparent}.control-button:hover .prompt,.menu-icon:hover .menu-prompt{opacity:1;visibility:visible;transition-delay:.5s}.error{background:#ff3a3a;color:#fff;display:flex;padding:12px 16px;border-radius:6px;width:-webkit-max-content;width:-moz-max-content;width:max-content;align-items:center;position:absolute;z-index:5;box-shadow:0 1px 5px 1px rgb(56 58 63/15%);cursor:pointer}.popup-el.popup-button-cont{display:flex;align-items:center;justify-content:flex-end;padding-top:8px}.popup-button{padding:6px 12px;margin-right:8px;font-weight:500;font-size:14px;cursor:pointer}.main-popup-button{padding:10px 14px;border:1px solid;border-radius:28px;font-size:14px;cursor:pointer}.hints{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;color:grey;font-size:14px}.fade-up-enter-active{-webkit-animation:fade-up .5s;animation:fade-up .5s}.fade-up-leave-active{animation:fade-up .5s reverse}@-webkit-keyframes fade-up{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-up{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-left-enter-active{-webkit-animation:fade-left .5s;animation:fade-left .5s}.fade-left-leave-active{animation:fade-left .5s reverse}@-webkit-keyframes fade-left{0%{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fade-left{0%{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}