body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{align-items:center;background:(--background-color);border:1px solid var(--text-color);border-radius:15px;display:flex;height:90vh;justify-content:center;width:60vw}.login-page .sign-in{animation-duration:1s;animation-name:fadeLeft,fade;border-radius:15px 0 0 15px;transition:1s}.login-page .sign-up{animation-duration:1s;animation-name:fadeRight,fade;border-radius:0 15px 15px 0}.login-page .form-block{align-items:center;border:1px solid var(--text-color);display:flex;flex-direction:column;height:90vh;justify-content:center;width:30vw}.login-page .login-half{border-radius:15px 0 0 15px}.login-page .info-input{display:flex;flex-direction:column;font-size:1rem}.login-page .info-input input{background-color:inherit;border:1px solid var(--text-color);border-radius:15px;color:inherit;font-size:inherit;margin:1rem 0;padding:.5rem 1rem;width:20vw}.login-page .cover{background:var(--login-cover-color);z-index:9999}.login-page .sign-up.cover{animation-duration:1s;animation-name:fadeRight;right:0}.login-page .sign-in.cover{animation-duration:1s;animation-name:fadeLeft;left:0}.login-page .sign-up .info-input.name{align-items:center;display:flex;flex-direction:row;font-size:1rem;justify-content:center}.login-page .line{width:80%}.login-page .sign-up .info-input.name .name-part{align-items:center;display:flex;flex-direction:column;justify-content:center}.login-page .sign-up .info-input.name input{width:50%}.login-page button{background:var(--body-background-color);border:2px solid var(--sign-in-cover-text);border-radius:15px;color:var(--sign-in-cover-text);cursor:pointer;font-size:1.3rem;font-weight:700;padding:.6rem}.login-page .back-button{background:var(--background-color)}.login-page button:hover{background:var(--text-color);border:2px solid var(--background-color);color:var(--background-color);scale:1.1}.login-page .sso{align-items:center;bottom:1rem;display:flex;justify-content:center;position:relative;width:80%}.login-page .active-button{background:var(--login-cover-color);border-color:var(--text-color);color:var(--text-color);margin-top:2rem}.google-sso{margin:1rem}.google-sso:hover{scale:1.1}.login-page .account select{background:#0000;border-radius:15px;color:inherit;font-size:inherit;margin-bottom:10vh;padding:.5rem;width:18vw}.login-page .account h3{font-weight:550;position:absolute;top:5rem}.login-page .error{bottom:10%;font-size:1.1rem;margin:2rem;position:absolute}.login-page .account input{width:15vw}.login-page .account{align-items:center;display:flex;flex-direction:column;font-size:2rem;justify-content:center}.login-page .account .info-input{font-size:1.5rem}@keyframes growOut{0%{width:0}to{width:80%}}@keyframes fadeRight{0%{transform:translateX(-30vw)}to{transform:translateX(0)}}@keyframes fadeLeft{0%{transform:translateX(30vw)}to{transform:translateX(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.error{color:#ff1818;font-size:.7;margin:1rem}.loading-component{animation:spin 1s linear infinite;aspect-ratio:1/1;border:10px solid var(--highlight);border-bottom-color:var(--highlight-transparent);border-radius:50%;margin:1rem;width:5rem}.back-button{font-size:3rem;left:2rem;margin-bottom:1rem;position:absolute;top:2rem}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse at bottom left,#0a0b32,#1a0e40,#2e1552,#432168,#3a2c5f,#1c1b44);background:var(--body-background-color);background-repeat:no-repeat;background-size:cover;color:var(--text-color);font-size:1.2rem;height:100vh;width:100vw}#root,body{align-items:center;display:flex;justify-content:center}#root{height:100%;width:100%}button{color:inherit;cursor:pointer}.glassmorphism{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:var(--glass-color);border:.5px solid var(--highlight);border-radius:15px;outline:1px solid var(--highlight)}.maskedInput{-webkit-text-security:disc;font-family:sans-serif}.shadow-glow{box-shadow:0 2px 10px var(--shadow-glow)}.copy-icon{fill:var(--text-color);background-color:initial;border:1px solid;border-radius:10px;margin:0 0 0 1rem;padding:.09rem}.copy-icon:hover{fill:var(--background-color);background-color:var(--text-color)}code{background-color:rgba(0,0,0,.507);border:1px solid;border-radius:10px;font-size:.9rem;padding:1.2rem}:root{--background-color:#05050f;--body-background-color:linear-gradient(1deg,#000,#11111d);--text-color:#aed5e8;--gradient:linear-gradient(90deg,#aed5e8,#1b2156);--highlight:#acd7ff;--highlight-transparent:#b7b7dc0a;--glass-color:#0000;--search-bar:#030518e1;--search-bar-text:var(--text-color);--login-cover-color:#07091f;--button-new:#121d83e1;--button-new-text:var(--text-color);--white-or-black:#fff;--green:#1c541cef;--red:#950e0eef;--context-menu:rgba(60,60,60,.922);--context-menu-text:gray;--search-box-resutls:#c7c7c7;--search-box-resutls-hover:#878787;--sign-in-cover-text:var(--text-color);--navbar-background:#333;--navbar-text:var(--text-color);--sidebar-hover-text:var(--text-color);--sidebar-hover:#7174952c;--sidebar-between-lines:#ced2ff5e;--shadow-glow:#94caf9;--width-pop-up:70%;--height-pop-up:90%}.home{display:flex;height:100%;min-width:0;position:absolute;right:0;top:0;width:100%}.page-main{box-sizing:border-box;flex:1 1;min-width:0}.project-box{align-items:center;background-color:var(--background-color);color:var(--text-color);display:flex;font-size:2rem;height:28vh;justify-content:center;margin:2rem;overflow:hidden;padding:1em;text-align:center;width:15vw}.project-box:hover{cursor:pointer;transform:scale(1.1)}.new-project-form{align-items:center;background-color:var(--background-color);border-radius:25px;color:var(--text-color);display:flex;flex-direction:column;font-size:1.3rem;height:65vh;margin:10vh 10vw;padding:2em;position:relative;width:35vw}.new-project-form h3{font-size:2rem;margin-bottom:.5rem}.new-project-form .project-info{display:flex;flex-direction:column;margin-top:.3rem;width:80%}label{font-size:inherit;margin:.5rem .6rem}.new-project-form button{background-color:#333333ac;border:1px solid var(--white-or-black);border-radius:15px;font-size:1.5rem;justify-self:center;margin:2vh;padding:.5em}.new-project-form button.submit{background-color:var(--green)}.new-project-form button.cancel{background-color:var(--red)}.new-project-form button:hover{transform:scale(1.06)}.new-project-form .buttons{bottom:0;display:flex;flex-direction:column;height:45%;position:absolute;width:75%}.context-menu{background-color:var(--glass-color);border-radius:10px;display:flex;flex-direction:column;position:fixed;width:10vw;z-index:100}.context-menu button{background-color:var(--context-menu);border:none;border-bottom:1pt solid var(--context-menu-text);padding:.7rem}.context-menu button:last-child{border-bottom:none;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.context-menu button:first-child{border-top-left-radius:15px;border-top-right-radius:15px}.context-menu button:hover{background-color:rgba(0,0,0,.781)}.projects-page{align-items:center;display:flex;justify-content:center}.projects-page,.projects-page .projects-catalog{height:100%;width:100%}.projects-page .projects-catalog .projects-title{background-color:var(--glass-color);border-radius:25px 0 0 25px;color:var(--text-color);margin:2rem 0;padding:1rem 2rem}.projects-page .projects-catalog .new-project-button{aspect-ratio:1/1;background-color:var(--background-color);border-radius:50%;color:var(--button-new-text);font-size:4rem;position:absolute;right:10vw;top:2rem;width:5rem}.projects-page .projects-catalog .new-project-button:hover{scale:1.1}.projects-page .projects-catalog .projects{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;height:80%;justify-content:center;width:100%}.projects-page .projects-catalog .projects *{flex:15rem 0 5rem}.catalog-page{display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.catalog-page .search-and-new{align-items:center;border-bottom:1px solid var(--background-color);display:flex;height:20vh;margin:0 1rem}.catalog-page .catalog-view-page{align-items:center;display:flex;justify-content:center;margin:1rem;width:95%}.catalog-page .search-and-new .new-catalog-button{aspect-ratio:1/1;background-color:var(--background-color);border-radius:50%;color:var(--button-new-text);font-size:4rem;position:absolute;right:10rem;transition:transform .2s ease-in-out;width:5rem}.catalog-page .search-and-new .new-catalog-button:hover{transform:scale(1.1)}.search-container{align-self:center;display:flex;height:8.5vh;justify-content:center;left:2rem;position:relative;width:40vw}.search-input{border:var(--highlight) solid;border-radius:25px;color:var(--search-bar-text);font-size:1.5rem;height:100%;outline:none;padding:1rem;position:absolute;right:0;width:100%}.search-container .search-button{animation:search-slide 1s;background:var(--background-color);border:var(--highlight) solid;border-radius:50px;cursor:pointer;font-size:2rem;height:100%;position:absolute;right:0;width:6vw}@keyframes search-slide{0%{width:100%}to{width:6vw}}.search-container .search-button .icon{height:25px;width:25px}.search-button:hover{background-color:var(--highlight-transparent)}.search-results{background-color:var(--search-box-resutls);border:var(--highlight) solid;left:-.5vw;margin:0;pointer-events:auto;position:absolute;top:8vh;width:99.9%;z-index:1000}.search-result{color:var(--background-color);padding:.3rem}.search-result:hover{background-color:var(--search-box-resutls-hover);cursor:pointer}.search-input.results{background-color:var(--search-box-resutls);border-bottom:none;border-radius:25px 25px 0 0}.catalog-view-page{display:flex;flex-direction:column;height:100%;position:relative;width:95%}.catalog-view-page .catalogs-view-columns-container{background-color:var(--highlight-transparent);border-radius:15px;display:flex;flex-direction:row;height:74vh;margin:1rem;width:100%}.catalog-view-page .move{align-self:center;bottom:.5rem;display:flex;gap:2rem;position:absolute}.catalog-view-page .move div{border-radius:10px;cursor:pointer;padding:.5rem}.catalog-view-page .move div:hover{background-color:#0000001a}.sidebar{align-self:center;background-color:var(--background-color);border-radius:25px;height:90%;left:0;margin:1rem;min-width:-webkit-fit-content;min-width:fit-content;padding-top:5rem;position:relative;top:0;width:15%}.sidebar li:first-child{margin-top:5rem}.sidebar li{border-radius:10px;color:var(--text-color);display:block;font-size:1.3rem;margin:.8rem;padding:1rem;text-decoration:none}.sidebar .break-line{border-color:var(--sidebar-between-lines);justify-self:center;width:80%}.sidebar li:hover{cursor:pointer}.sidebar .selected,.sidebar li:hover{background-color:var(--sidebar-hover);color:var(--sidebar-hover-text)}.logout-box{display:flex;height:15%;height:10vh;left:1rem;margin:2rem .5rem;position:absolute;top:.1rem;width:15vw;width:93%}.logout-box menu{background-color:var(--background-color);border-radius:10px;color:var(--text-color);left:1rem;padding:0;position:absolute;top:3rem;transition:opacity .4s ease,transform .4s ease;width:10vw}.logout-box menu div:first-child{border-radius:10px 10px 0 0}.logout-box menu div:last-child{border-radius:0 0 10px 10px}.logout-box menu div{padding:.3rem 0;text-align:center;width:100%}.logout-box menu div:hover{background-color:var(--text-color);color:var(--background-color);cursor:pointer}.logout-box .icon{height:40px;width:40px}.logout-box .user-button{align-items:center;background-color:rgba(208,182,241,.169);border:none;border-radius:50%;display:flex;height:50px;justify-content:center;margin-left:.4rem;margin-top:.5rem;width:50px}.user-button:hover .icon{content:url(/static/media/user-black.ab5adc57b62b5835571d.png)}.logout-box .user-button:hover{background-color:#c7c7c7}.logout-box label{margin:0 .3rem 0 .7rem;padding:0}.logout-box .account{font-size:small;margin-top:.5rem}.logout-box .content{display:flex;flex-direction:column}.connectors-page{align-items:center;display:flex;height:100%;justify-content:center}.connector-form{background-color:var(--background-color);display:flex;flex-direction:column;padding:3rem}.connector-form,.connector-form select{color:var(--text-color)}.connector-form .form-label-input{display:flex;flex-direction:column;gap:.5rem}.connector-form .form-buttons{display:flex;justify-content:flex-end}.connector-form .content input[type=text]{align-self:center;height:1rem;width:70%}.connector-form h1{font-size:1.5rem;margin:1rem}.github-connector-form{display:flex;font-size:1rem}.github-connector-form .content{display:flex;flex-direction:row;gap:1rem;height:-webkit-fit-content;height:fit-content;height:66vh;width:65vw}.github-connector-form input[type=text]{height:.1rem;width:20vw}.github-connector-form select{padding:.5rem}.github-connector-form .content .column{display:flex;flex-direction:column}.github-connector-form .first-column{position:absolute;top:4rem}.github-connector-form .second-column{height:70%;padding-top:1rem;position:absolute;right:0;top:0;width:50%}.github-connector-form .pat-container{display:flex;flex-direction:column}.github-connector-form .form-buttons .continue-button{margin-right:4rem;padding:.7rem 2rem}.cancel-button{background-color:var(--red)}.cancel-button,.continue-button{border:1px solid var(--white-or-black);border-radius:15px;color:var(--white-or-black);font-size:2rem;margin:.3rem;padding:.5rem}.continue-button{background-color:var(--green);cursor:pointer}.exit-button{background-color:var(--background-color);border:1px solid var(--text-color);border-radius:8px;font-size:1.3rem;left:1rem;padding:.3rem .5rem;position:absolute;top:1rem}.exit-button:hover{background-color:var(--text-color);color:var(--background-color)}.jenkins-connector-form{height:-webkit-fit-content;height:fit-content;min-height:55vh;min-width:20vw}.jenkins-connector-form .content{display:flex;flex-direction:column;gap:.3rem}.jenkins-connector-form .content *{margin:.2rem}.jenkins-connector-form .content input{height:10px}.jenkins-connector-form .form-buttons{justify-content:center}.dockerhub-connector-form{margin:5vh 10vw;min-height:65vh;min-width:20vw;padding:3rem;position:absolute}.dockerhub-connector-form .content{display:flex;flex-direction:column;gap:.5rem}.aws-connector-form{height:-webkit-fit-content;height:fit-content;margin:5vh 10vw;width:40vw}.aws-connector-form .content{display:flex;flex-direction:column;gap:.5rem}.azure-connector-form{height:-webkit-fit-content;height:fit-content;min-width:45vw}.azure-connector-form .content{display:flex;flex-direction:column;flex-wrap:wrap;gap:.3rem}.azure-connector-form .content input{align-self:center;height:1rem;width:70%}.azure-connector-form .form-buttons{justify-content:center}.kubernetes-connector-form{height:65vh;height:-webkit-fit-content;height:fit-content;width:45vw}.kubernetes-connector-form .form-title{margin-bottom:1.5rem;margin-top:1rem}.kubernetes-connector-form .content{margin-bottom:2rem}.kubernetes-connector-form .form-buttons{justify-content:center}.kuberentes-configurations{border-radius:15px;display:flex;flex-direction:column;height:80%;position:relative;width:80%}.kuberentes-configurations .exit-button{background-color:var(--navbar-text);color:var(--navbar-background);left:auto;right:1rem}.kuberentes-configurations .page{background-color:var(--background-color);border-radius:0 0 15px 15px;flex:1 1;width:100%}.kuberentes-configurations .page .overview{align-items:center;border-radius:0 0 15px 15px;display:flex;flex-direction:column;height:100%;position:relative;width:100%}.kuberentes-configurations .page .overview .name{font-size:3.5rem;font-weight:700;margin-top:3rem}.kuberentes-configurations .page .overview .status{display:flex;font-size:1.5rem;margin-top:3rem}.kuberentes-configurations .page .overview .status-light{align-self:center;background-color:#727272;border-radius:50%;height:25px;width:25px}.kuberentes-configurations .page .overview .status-light.online{background-color:#44ff2f}.kuberentes-configurations .help-box{background-color:hsla(0,0%,46%,.144);border:1px solid var(--text-color);border-radius:15px;display:flex;flex-direction:column;margin:2rem;position:relative}.kuberentes-configurations .help-box .copy-icon{align-items:center;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:1rem}.kuberentes-configurations .help-box *{margin:1rem}.kuberentes-configurations .help-button{align-self:center;background-color:#9c9c9c;border:none;border-radius:50%;color:var(--background-color);font-weight:900;height:25px;margin-left:4.5rem;width:25px}.navbar{background-color:var(--navbar-background);border-top-left-radius:15px;border-top-right-radius:15px;height:10%;padding:0;width:100%}.navbar ul{display:flex;flex-direction:row;height:100%}.navbar li{color:var(--navbar-text);cursor:pointer;font-size:1.5rem;list-style:none;padding:1rem;text-decoration:none}.navbar li:first-child{border-top-left-radius:15px}.navbar .selected,.navbar li:hover{background-color:var(--navbar-text);color:var(--navbar-background)}.istio{height:100%;position:relative;width:100%}.istio .istio-noninstall{align-items:center;display:flex;flex-direction:column;font-size:2rem;height:100%;justify-content:center;width:100%}.istio .istio-noninstall .install-istio{background-color:var(--text-color);border:2px solid var(--text-color);border-radius:15px;color:var(--background-color);font-size:1.7rem;font-weight:600;margin:2rem;padding:1rem}.istio .istio-noninstall .install-istio:hover{background-color:var(--highlight-transparent);color:var(--text-color)}.connector-box{align-items:center;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;font-size:1.1rem;height:28vh;justify-content:center;margin:2rem;padding:1em;width:15vw}.connector-box:hover{cursor:pointer;transform:scale(1.1)}.connector-box *{cursor:pointer}.connector-box .connector-name{font-size:1.5rem;font-weight:700}.connector-box .connector-type{font-size:1rem}.rename-form{border-radius:15px}.connector-view-page{background-color:rgba(0,0,0,.301);border-radius:15px;display:flex;flex-direction:row;position:relative;width:100%}.connector-view-page .connectors-view-columns-container{display:flex;overflow:auto}.new-connector{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.new-connector form{box-shadow:0 2px 10px var(--shadow-glow)}.new-connector .initial-window{align-items:center;border-radius:15px;display:flex;font-size:1.5rem;height:70vh;padding:1rem;position:relative;width:40vw}.new-connector .initial-window .new-connector-form{display:flex;flex-direction:column;padding:1rem}.new-connector .initial-window label{font-weight:600}.new-connector .initial-window input,.new-connector .initial-window select{align-self:center;font-weight:500;width:100%}.new-connector .info-block{display:flex;flex-direction:column;margin:.2rem;width:70%}.new-connector .initial-window .buttons{align-items:center;bottom:1.5rem;display:flex;flex-direction:column;position:absolute;width:95%}.new-connector .initial-window .buttons *{width:70%}.new-connector .initial-window button{margin:1rem}.new-connector .initial-window button:hover{scale:1.05}.project-page{display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.apperview{align-items:center;justify-content:center}.apperview,.apperview .apper-page{display:flex;height:100%;width:100%}.apperview .apper-page{flex-direction:column}.apperview .apper-page-header{align-items:center;border-bottom:1px solid var(--background-color);display:flex;height:16vh;margin:0;position:relative}.apperview .apper-page-header .new-button{aspect-ratio:1/1;background-color:var(--background-color);border-radius:50%;color:var(--button-new-text);font-size:4rem;position:absolute;right:10rem;transition:transform .2s ease-in-out;width:5rem}.apperview .apper-page-header .new-button:hover{transform:scale(1.1)}.apperview .apperview-canvas{background-color:var(--highlight-transparent);border-radius:15px;display:flex;flex:1 1;flex-direction:row;margin:2rem}.connect-button{background-color:var(--background-color);border-radius:15px;font-size:1.4rem;padding:1rem;position:absolute;right:17rem}.flow-container{height:100%;width:100%}.apperview-service-box{align-items:center;background-color:var(--background-color);color:var(--text-color);display:flex;font-size:1.1rem;height:28vh;justify-content:center;padding:1em;position:relative;width:15vw;z-index:99}.apperview-service-box:hover{cursor:pointer;transform:scale(1.1)}.apperview-service-box-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.apperview-service-box-content .service-type{font-size:small}.react-flow__handle{border-radius:50%;height:50px;width:50px}.service-box{align-items:center;background-color:var(--background-color);color:var(--text-color);display:flex;font-size:1.1rem;height:28vh;justify-content:center;margin:2rem;padding:1em;width:15vw}.service-box:hover{cursor:pointer;transform:scale(1.1)}.service-box-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.service-box-content .service-type{font-size:small}.new-service{border-radius:15px;height:var(--height-pop-up);width:var(--width-pop-up)}.new-service-form{align-items:center;align-self:center;background-color:var(--background-color);border-radius:10px;color:var(--text-color);display:flex;flex-direction:column;font-size:1.3rem;height:100%;justify-content:center;justify-self:center;margin:0;padding:1em;position:relative;width:100%}.new-service-choose-type{align-self:center;display:flex;flex-direction:column;justify-self:center;margin:0;padding:.5rem;width:100%}.ex-button{background-color:hsla(0,0%,81%,.233);height:20px;left:1rem;position:absolute;top:1.2rem;width:20px}input,select{background-color:inherit;border-color:azure;border-radius:15px;border-width:2px;color:inherit;font-size:inherit;margin:.1rem .4rem .8rem;padding:1rem}.new-service-form .buttons{align-self:center;bottom:2rem;display:flex;flex-direction:column;justify-self:center;right:2rem;width:8vw}.new-service-form .info-blocks{margin-bottom:5rem}.new-service-form button,.new-service-form input,.new-service-form select{border-color:var(--text-color)}.new-service-form input,.new-service-form select{width:20vw}.new-service-form button{background-color:initial;border-radius:8px;border-width:1px;font-size:1.5rem;margin:.5rem;padding:.5rem}.new-service-form button.submit{background-color:var(--green);bottom:17%}.new-service-form button:hover{transform:scale(1.06)}option{background-color:rgba(0,0,0,.185);color:#000}.type-select :focus{border:none}.new-service-form .info-block{display:flex;flex-direction:column}.new-service-form .info-block label{font-size:1.5rem;font-weight:500}.new-service-form h1{margin-bottom:1rem;margin-top:3rem;position:absolute;text-align:center;top:1rem}.new-service-form .next-button{background-color:var(--green);bottom:2rem;position:absolute;right:2rem;width:8vw}.new-service-form .exit{left:2rem;position:absolute;top:2rem;width:2.5vw}.new-service-form .cancel{bottom:6rem;position:absolute;right:2rem;width:8vw}.new-service-form .create{background-color:var(--green)}.repo-form{align-items:center;height:100%;justify-content:center;width:100%}.new-service-image-setting,.repo-form,.repo-form .info-block{display:flex;flex-direction:column}.new-service-image-setting{align-items:center;height:70vh;justify-content:center;width:35vw}.new-service-deployment-setting-kubernetes{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.new-service-deployment-setting-kubernetes label{font-size:1.3rem;position:relative;text-align:left}.new-service-deployment-setting-kubernetes .checkbox{width:5vw}.new-service-deployment-setting-kubernetes .port-input{width:10vw}.new-service-deployment-setting-kubernetes .kubernetes-deploymet-settings{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.new-service-deployment-setting-kubernetes .kubernetes-deploymet-settings .main-data{height:90%;width:55%}.new-service-deployment-setting-kubernetes .kubernetes-deploymet-settings .component-choise-list{display:flex;flex-direction:column}.new-service-deployment-setting-kubernetes .replicas-amount{width:6vw}.new-service-deployment-setting-kubernetes .kubernetes-deploymet-settings .info-blocks{position:absolute;top:10rem}.new-service-deployment-setting-kubernetes .autoscale_setting{bottom:3rem;display:flex;height:20vh;position:absolute;width:40vw}.new-service-deployment-setting-kubernetes .replicas{bottom:0;display:flex;left:0;position:absolute}.new-service-deployment-setting-kubernetes .autoscale_setting .info-block{margin:0 2.5rem}.new-service-deployment-setting-type{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;width:40vw}.new-service-deployment-setting-type .info-block.deployment-type{flex-direction:row;margin:3rem}.new-service-deployment-setting-type .info-block.deployment-type .deployment-type-input{font-weight:400}.code-setting{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.springboot-setting .info-block,.springboot-setting .info-block label{font-size:1rem}.springboot-setting .info-block input{font-size:1rem;width:12vw}.springboot-setting .info-block select{font-size:1rem;width:7vw}.springboot-setting .info-block .package-name{width:15vw}.springboot-setting .info-block .description{width:20vw}.springboot-setting{align-items:center;display:flex;flex-direction:column;justify-content:center}.springboot-setting .section{display:flex;flex-wrap:wrap;margin:.5rem;max-width:40vw}.springboot-setting .main-section{border-radius:20px;margin-bottom:4rem;padding:.2rem}.pipeline-setting{align-items:center;display:flex;flex-direction:column;justify-content:center}.pipeline-setting .pipeline-type{margin-bottom:2rem}.endpoint-settings{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.endpoint-settings h1{left:7rem}.endpoint-settings .main-data{align-items:center;border:1px solid var(--text-color);border-radius:10px;display:flex;flex-direction:column;height:63%;justify-content:start;margin-top:3rem;width:80%}.endpoint-settings .new-endpoint{font-size:1.2rem;height:6vh;padding:0;position:absolute;right:6rem;top:4rem;width:10vw}.endpoint-settings .main-data .endpoint-container:first-child{margin-top:1.5rem}.endpoint-settings .endpoint-container-full{margin:0;width:80%}.endpoint-settings .main-data .endpoint-container{align-items:center;background-color:var(--highlight-transparent);display:flex;flex-shrink:0;height:6vh;margin:0 .5rem;position:relative;width:85%}.endpoint-settings .scrollable{overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--text-color)}.endpoint-settings .main-data .endpoint-container .path{background-color:initial;border:none;height:3vh;left:0;position:absolute;top:15%}.endpoint-settings .main-data .endpoint-container .method{background-color:initial;border:none;font-size:1rem;height:3vh;padding:0 .4rem;position:absolute;right:2rem;text-align:end;top:15%;width:6vw}.endpoint-settings .main-data .delete{border:none;position:absolute;right:-3rem}.endpoint-settings .main-data .endpoint-container .expand-endpoint{border:none;left:-3rem;position:absolute}.endpoint-settings .main-data .vars-container{display:flex;flex-direction:column;font-size:.8rem;margin:3.5rem 1rem 1rem;position:relative}.endpoint-settings .main-data .var-container{align-items:center;background-color:var(--highlight-transparent);display:flex;height:5vh;margin-bottom:1rem;position:relative;width:85%}.endpoint-settings .main-data .vars-container .new-var{font-size:inherit;margin:0;position:absolute;top:-3rem}.endpoint-settings .main-data .var-container input{background-color:initial;font-size:inherit;margin-top:.5rem;padding:.3rem;width:8vw}.endpoint-settings .main-data .var-container select{background-color:initial;margin-top:.5rem;padding:.3rem;width:7vw}.db-settings{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0;width:100%}.db-settings .include-db{margin:2rem 0}.db-settings .include-db label{margin:0}.db-settings .include-db input{width:2rem}.db-settings .main-data{align-items:center;display:flex;flex-direction:column;justify-content:center}.container-service{height:100%;position:relative;width:100%}.back-button.top{background-color:#1d1c6100;border:none;display:flex;font-size:1.5rem;margin:0;padding:0;position:inherit;width:15%}.task-running{align-items:center;background-color:var(--background-color);border-radius:25px;display:flex;flex-direction:column;font-size:1.6rem;height:100%;justify-content:center;width:100%}.task-running .steps .step{background:var(--gradient);border-radius:5px;margin:1.2rem;padding:.7rem;position:relative;width:45vw}.task-running .steps .step .status-icon{position:absolute;right:1rem;width:2rem}.task-running .steps .step label{color:var(--background-color);font-weight:600}.loading-container{align-items:center;display:flex;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:5px solid #e0e0e0;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-page{align-items:center;background-color:var(--background-color);border-radius:25px;display:flex;flex-direction:column;font-size:2rem;height:100%;justify-content:center;width:100%}.status-page .status-image{margin:1rem;width:10vw}.status-page label{font-size:inherit}.status-page .next{background-color:#b0b0b0;border-radius:25px;color:var(--background-color);font-size:inherit;margin:1rem;padding:1rem}.status-page .next:hover{background-color:var(--background-color);border:2px solid #b0b0b0;color:#b0b0b0}.service-info-window{align-items:center;display:flex;flex-direction:row;flex-direction:column;gap:3rem;height:100%;padding:2rem}.service-info-window code{align-items:center;display:flex;padding:.5rem}.service-info-window .copy-icon{align-self:center;height:40px;justify-self:center;width:40px}.service-info-window .remove-button{background-color:rgba(88,5,5,.765);border-radius:15%;bottom:4vh;font-size:1.5rem;padding:.2rem .5rem;position:absolute;right:4vw}.service-window{background-color:var(--background-color);display:flex;flex-direction:column;height:90%;width:90%}.service-window .service-window-page{flex:1 1}.service-window .service-window-page h1{align-self:center;color:var(--text-color);justify-self:center;padding:1rem}.service-window .exit-button{background-color:var(--navbar-text);color:var(--navbar-background);left:auto;right:1rem}.container-service-components{height:100%}.container-service-components a{color:inherit;text-decoration:none}.container-service-components .container-service-component{background-color:var(--highlight-transparent);border-radius:15px;font-size:1.5rem;margin:1rem;padding:1rem 2rem}.container-service-components .container-service-component:hover{background-color:var(--text-color);color:var(--background-color);cursor:pointer}.endpoints-menu{display:flex;flex-direction:column;height:100%}.endpoints-menu .endpoints{display:flex;flex:1 1;flex-direction:column;padding:2rem}.endpoints-menu .endpoint-button{background-color:rgba(0,0,0,.237);color:#f0f8ff;cursor:pointer;display:flex;flex-direction:row;font-size:1.5rem;left:15%;margin:.5rem;padding:.5rem;position:absolute;width:70%}.endpoints-menu .endpoint-button:hover{background-color:rgba(240,248,255,.507);color:#303030}.endpoints-menu .endpoint{display:flex;margin:1rem}.endpoints-menu .method{background-color:rgba(0,0,0,.237);border:1px solid #f0f8ff;border-radius:15px;color:#f0f8ff;font-size:1rem;padding:.5rem}.service-endpoint-page{align-items:center;display:flex;flex-direction:column;height:100%}.service-endpoint-page .content{align-items:flex-start;display:flex;flex-direction:column;font-size:1.5rem;font-weight:500;gap:1rem;padding:1rem;width:-webkit-fit-content;width:fit-content}.service-endpoint-page .exit{background-color:#0000;border:none;font-size:2rem;left:1rem;position:absolute}.service-page{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.service-page .main{border:5px solid #0dff00;display:flex;flex-direction:column;height:100%}.services{display:flex;flex-flow:row;flex-wrap:wrap}.services .main{border:9px solid green;height:100%;width:100%}.service .search-bar{margin-bottom:1rem}.service-boxs-containers{border:7px solid blue}.delete-service{background-color:var(--background-color);border-radius:25px;display:flex;flex-direction:column;padding:4rem 4rem 2.5rem}.delete-service .buttons{align-items:center;display:flex;justify-content:center}.delete-service .buttons button{border-radius:10px;font-size:1.5rem;font-weight:600;margin:3rem 1rem 1rem;padding:.5rem}.delete-service .buttons .cancel{background-color:var(--highlight-transparent)}.delete-service .buttons .delete{background-color:var(--red)}.sized-page.status-page,.sized-page.task-running{height:var(--height-pop-up);width:var(--width-pop-up)}body,html{box-sizing:border-box;font-family:sans-serif;margin:0}#app{height:100vh;width:100vw}.recenter-button{background-color:var(--background-color);border:1px solid var(--text-color);border-radius:10px 0 10px 0;color:var(--text-color);cursor:pointer;height:5vh;position:absolute;width:10vw;z-index:10}.customNodeBody{align-items:center;border-radius:10px;display:flex;font-weight:700;justify-content:center}div.customHandle{border:none;border-radius:0;height:100%;left:0;opacity:0;position:absolute;top:0;transform:none;width:100%}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#0000;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 0.5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;background-color:var(--xy-background-color-default);background-color:var(--xy-background-color,var(--xy-background-color-default));direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-default);background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width-default);stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke-default);stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width-default);stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;pointer-events:none;position:absolute}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected-default);stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke-default);fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{overflow:visible;position:absolute;z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background-color:var(--xy-handle-background-color-default);background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:0;left:50%;top:auto;transform:translate(-50%,50%)}.react-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.react-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.react-flow__handle-right{right:0;top:50%;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color-default);background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.react-flow__minimap{background:var(--xy-minimap-background-color-default);background:var(
    --xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))
  )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-default);fill:var(
      --xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))
    );stroke:var(--xy-minimap-mask-stroke-color-default);stroke:var(
      --xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))
    );stroke-width:var(--xy-minimap-mask-stroke-width-default);stroke-width:var(
      --xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))
    )}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-default);fill:var(
      --xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))
    );stroke:var(--xy-minimap-node-stroke-color-default);stroke:var(
      --xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))
    );stroke-width:var(--xy-minimap-node-stroke-width-default);stroke-width:var(
      --xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))
    )}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-dots-color-default);fill:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))
    )}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-lines-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))
    )}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-cross-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))
    )}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow-default);box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));display:flex;flex-direction:column}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{align-items:center;background:var(--xy-controls-button-background-color-default);background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      );color:var(--xy-controls-button-color-default);color:var(
      --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))
    );cursor:pointer;display:flex;height:26px;justify-content:center;padding:4px;-webkit-user-select:none;user-select:none;width:26px}.react-flow__controls-button svg{fill:currentColor;max-height:12px;max-width:12px;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:var(--xy-node-background-color-default);background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));border:var(--xy-node-border,var(--xy-node-border-default));border-radius:var(--xy-node-border-radius-default);border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));color:var(--xy-node-color-default);color:var(--xy-node-color,var(--xy-node-color-default));font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover-default);box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected-default);box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color-default);background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color-default);background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-default);background:var(
        --xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))
      );color:var(--xy-controls-button-color-hover-default);color:var(
        --xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))
      )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color-default);background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;height:5px;translate:-50% -50%;width:5px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color-default);fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color-default);fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.connection-info{background-color:var(--background-color);border-radius:25px;height:80%;width:80%}.connection-info .page{align-items:center;border-radius:0 0 25px 25px;display:flex;height:100%;justify-content:center;width:100%}
/*# sourceMappingURL=main.0b6880ed.css.map*/