@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);:root{--primary-color:#007bff;--secondary-color:#6c757d;--background-color:#f5f5f5;--text-color:#333;--font-family:"Arial",sans-serif;--button-background:var(--primary-color);--button-hover-background:#2c8df5;--delete-background:#880404;--delete-hover-background:#bb1010;--api-key-background:#f1f1f1;--api-button-background:#eee;--api-button-hover-background:#ccc;--section-header-background:#f1f1f1;--section-content-background:#f9f9f9;--odd-section-background:#f5f5f5;--even-section-background:#f1f1f1;--api-summary-background:#f5f5f5;--api-subsection-background:#dcdcdc;--api-subsection-hover-background:#ccc;--completion-bar-background:#ddd;--completion-level-background:#6db65b}ssss

body{font-family:Montserrat,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.load-bg{background:#ffffffb3;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:100}.loading-container{align-items:center;display:flex;justify-content:center;margin-top:30vh}.loading-container.complete *{display:none}.loading-circle{animation:loading 1s infinite;background-color:#007bff;background-color:var(--primary-color);border-radius:50%;height:20px;opacity:.5;width:20px}.loading-text{margin:20px}.loading-circle:nth-child(2){animation-delay:.2s}.loading-circle:nth-child(3){animation-delay:.4s}.loading-circle:nth-child(4){animation-delay:.6s}@keyframes loading{0%{transform:scale(1)}50%{opacity:.9;transform:scale(1.5)}to{opacity:.5;transform:scale(1)}}.button:hover{opacity:.7}.App-header{color:#fff}.contact-form button{background-color:#2196f3;color:#fff}button:disabled{background-color:#ccc}.App-link{color:#61dafb}button{background-color:#0056b3;color:#fff}button:hover{background-color:#2c8df5}.delete{background-color:#880404}.delete:hover{background-color:#bb1010}.api-key{background-color:#f1f1f1}.api-secret{color:#888}.api-button{background-color:#eee}.api-button:hover{background-color:#ccc}.api-list-container{background-color:#f8f8f8}.section-header{background-color:#f1f1f1}.section-header h3{color:#333}.section-content{background-color:#f9f9f9;border:1px solid #ddd}.api-section{margin-bottom:10px}.odd-section{background-color:#f5f5f5}.even-section{background-color:#f1f1f1}.api-summary{background-color:#f5f5f5}.api-summary h4{color:#555}.api-subsection .api-summary{background:#dcdcdc}.api-subsection .api-summary:hover{background-color:#ccc}.api-request h5,.api-response h5{color:#333}.api-request ul li,.api-response ul li{font-size:14px;margin-bottom:5px}td,th{border:1px solid #ddd}tr:hover td{background:#fff}thead th{background-color:#f2f2f2}.contract-list-container .completion-bar{background-color:#ddd}.contract-list-container .completion-level{background-color:#6db65b}.transaction{color:#000}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);margin:0;padding:0}.App{height:100vh;margin:0 auto;max-width:100vw;overflow-x:hidden;text-align:center}.right-panel{max-width:calc(100vw - 20px)}.rtab.visible{right:400px}.Block{background:#ffffffe6;height:100%;left:0;padding-top:20%;position:absolute;top:0;width:100%;z-index:25}.milestonecon .milestones{display:inline-block;width:200px}.milestonecon .wizard{display:inline-block;margin:10px;vertical-align:top;width:calc(100% - 250px)}.fullview{width:calc(100% - 120px)}.shownav{padding-left:100px;position:relative}.fullview.hidenav{width:100%}.reduced.shownav{width:calc(100% - 450px)}.hidenav{padding:0}.reduced{position:relative;width:calc(100% - 400px)}.App-header{align-items:center;background-color:var(--primary-color);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.contact-form input,select{border:1px solid #ccc;border-radius:2px;flex:1 1;margin-right:10px;padding:8px}input,select,textarea{border:1px solid #ccc;border-radius:2px;box-sizing:border-box;font-size:14px;padding:12px;width:100%}.contact-form button{border:none;border-radius:2px;cursor:pointer;padding:8px 12px}button:disabled{cursor:not-allowed}button{border:none;border-radius:2px;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s ease}.delete{border:none;cursor:pointer;margin-left:10px;padding:5px 10px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slide-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media screen and (min-width:440px) and (max-width:1199px){.templatedetails{display:none}}@media screen and (max-width:440px){.rtab{margin-top:30vh}.rtab.visible{left:0;right:auto}.templatedetails{display:none}.config>div{display:block;margin:0;max-width:100%;min-width:0}button.toggle-button{width:auto}button{width:100%}}.login-container{background:#0000;border-radius:2px;box-shadow:0 0 2px #999;display:flex;margin:10% auto;max-width:600px;padding:0;position:relative}.backdrop{background:#e9e9e9;height:100vh;width:100vw}.backdrop,.videobg{position:absolute;top:0}.videobg{background:#232a34;height:100%;left:0;object-fit:cover;width:100%;z-index:0}.bg{align-items:center;display:flex;justify-content:center;min-width:300px}.login-container button{background:#e9e9e9;border:1px solid #333;color:#333;padding:6px}.bg button *{color:#333}.login-container *{max-width:100%}.form-group{font-size:13px;font-weight:700}.login-container div{display:block;font-weight:0;text-align:left}input[type=password],input[type=text]{background:#e9e9e9;border:1px solid #ccc;border-radius:2px;padding:10px;width:100%}@media screen and (max-width:440px){.login-container{display:flex;flex-direction:column}}.left-nav-bar{animation:gradientAnimation 3s linear infinite;background:linear-gradient(#2d0635 40%,#0056b3 60%);background-size:400% 200%;box-sizing:border-box;height:100%;left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;transition:transform .3s ease;width:95px;z-index:10;z-index:36}.bar{background:#666;height:100%;position:absolute;right:0;top:0;width:2px;z-index:2}@keyframes gradientAnimation{0%{background-position:0 20%}50%{background-position:400% 40%}to{background-position:0 20%}}.left-nav-bar.hidden{transform:translateX(-100%)}.nav-list{list-style-type:none;margin:0;padding:0}.nav-item{background-color:initial;box-shadow:0 2px 4px #0000001a;cursor:pointer;margin-bottom:1px;opacity:.9;padding:15px 10px;transition:background-color .3s ease}.nav-item *{color:#fff;transition:color .5s}.nav-item.active *{color:#333;transition:color .5s}.nav-item:hover{background-color:var(--primary-color);color:#fff}.nav-item.active{background:#fff;border:1px solid;border-right:none;box-shadow:none;opacity:1;position:relative;z-index:3}.placeholder-text{border:none;bottom:60px;color:#fff;font-size:14px;left:0;overflow:hidden;position:absolute;text-overflow:ellipsis;transform:translateX(100px) rotate(-90deg);transform-origin:bottom left;transition:transform .3s ease;white-space:nowrap;width:200px;z-index:40}.placeholder-text.visible{transform:translateX(80px) rotate(-90deg)}.placeholder-text.hidden{display:none}.toggle-button{background-color:#999;border:none;border-radius:2px;bottom:20px;color:#fff;cursor:pointer;left:20px;padding:6px 15px;position:fixed;transition:background-color .3s ease;z-index:9999}.toggle-button:hover{background-color:#0056b3}.right-panel{height:100vh;overflow-x:hidden;overflow-y:hidden;top:0;transition:transform .3s ease-in-out;width:400px}.right-panel,.rtab{background-color:#f2f2f2;position:fixed;right:0;z-index:999}.rtab{color:#555;cursor:pointer;padding:18px 8px;top:50%;transform:translateY(-50%);transition:right .3s ease-in-out}.rtab:hover{background:#fff}.hide-button{background-color:initial;background:#ccc;border:none;color:#555;cursor:pointer;font-size:20px;position:absolute;right:10px;top:0;width:100%}.right-panel .main{height:calc(100vh - 50px);overflow:auto;padding-top:20px}.tab.visible{right:0}.logout{background:var(--delete-background);bottom:0;color:#fff;cursor:pointer;font-weight:700;padding:6px;position:fixed;width:100%}.logout:hover{background:var(  --delete-hover-background)}.api-component{font-family:Arial,sans-serif;margin:20px;width:100%}.api-container{padding:0 25px;position:relative;text-align:left;vertical-align:top}.api-container h1{bottom:-50px;bottom:0;left:-30px;padding:10px;position:absolute;transform:rotate(-90deg);transform-origin:top left;white-space:nowrap}.generate-api-key{margin-bottom:10px}.api-list{list-style-type:none;margin:0;padding:0}.api-item{align-items:center;display:flex;margin-bottom:5px}.api-key{border-radius:3px;font-family:monospace;font-size:14px;padding:5px}.api-secret{font-size:14px;margin-left:10px}.api-button{border:none;cursor:pointer;margin-left:10px;padding:5px 10px}.api-list-container{border-radius:5px;display:inline-block;margin-top:20px;padding:10px;width:100%}.activity-log-component{animation:slide-in .3s ease;margin-top:10vh}:root{--primary-color:#36f;--secondary-color:#f9fafb;--text-color:#2b2b2b;--accent-color:#ff4d00;--background-color:#fff}.dashboard{animation:slide-in .3s ease;font-family:Arial,sans-serif;padding:10px}.component-list{grid-gap:20px;display:flex;margin-top:20px;overflow-x:auto;overflow-y:hidden;padding:18px}.component-card{background-color:#f9fafb;background-color:var(--secondary-color);border-radius:2px;box-shadow:0 2px 4px #00000080;min-width:150px;padding:10px;position:relative;transition:transform .5s}.component-card:hover{transform:scale(1.15);z-index:10}.Cloudflare .provider{background:linear-gradient(#f9a136,#c47611)}.Akash .provider,.Cloudflare .provider{color:#f9fafb;color:var(--secondary-color);font-weight:700;margin-top:10px;padding:3px}.Akash .provider{background:linear-gradient(#af0f0f,#eb2020)}.Akash svg{filter:brightness(100);height:20px}.AWS .provider{background:linear-gradient(#e2ba88,#eb9320);color:#f9fafb;color:var(--secondary-color);font-weight:700;margin-top:10px;padding:3px}.provider{border-radius:2px}p{color:#2b2b2b;color:var(--text-color);margin:0}p.uptime{color:#ff4d00;color:var(--accent-color);font-weight:700}p.status{color:#2b2b2b;color:var(--text-color);font-style:italic}.uptime-bar{border-radius:8px;height:4px;left:0;position:absolute;top:5px;transition:width .5s}.account-component{animation:slide-in .3s ease}h1{color:#36f}input[type=text]{margin-bottom:10px}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #ccc;padding:10px;text-align:left}th{color:#2b2b2b}th,tr:nth-child(2n){background-color:#f9fafb}tr:hover{background-color:#e2edff}.account-component table td *{display:inline-block;line-height:50px;vertical-align:middle}.project-list-container{margin:20px auto;max-height:90vh;max-width:900px;overflow:visible;position:relative}button{margin:3px}.project-list{display:flex;flex-direction:column;margin:0 auto;overflow:hidden;width:90%}.project{align-items:center;background-color:#f9f9f9;border:1px solid #ccc;border-radius:2px;box-shadow:0 2px 3px #e9e9e9;cursor:pointer;display:flex;height:200px;margin:10px auto;padding:10px;position:relative;transform:perspective(500px) rotateX(20deg);transition:transform .5s,background-color .5s;width:85%}.project:first-of-type{width:70%}.project:nth-of-type(2){width:75%}.project:hover{background-color:#999;border-radius:2px;box-shadow:0 0 3px #666;color:#fff;transform:perspective(500px) rotateX(0deg);transition:transform .5s}.project-info{flex-grow:1}.project-info .networks{bottom:0;padding:5px;position:absolute;right:0}.project-info .networks div{display:inline-block;padding:5px}.project button{margin-left:10px}.project.fade-down:first-of-type{animation:fade2to1 .5s}.project.fade-down:nth-of-type(2){animation:fade3to2 .5s}.project.fade-down:nth-of-type(3){animation:fade4to3 .5s}.project.fade-up:first-of-type{animation:fadeup1 .5s}.project.fade-up:nth-of-type(2){animation:fadeup2 .5s}.project.fade-up:nth-of-type(3){animation:fadeup3 .5s}.directions{position:absolute;right:10px;top:50%}.directions button:hover{background:#e9e9e9}@keyframes fadeup1{0%{bottom:200px;opacity:.5;width:60%}to{bottom:0;opacity:1;width:70%}}@keyframes fadeup2{0%{bottom:200px;opacity:.5;width:70%}to{bottom:0;opacity:1;width:75%}}@keyframes fadeup3{0%{bottom:200px;opacity:.5;width:75%}to{bottom:0;opacity:1;width:85%}}@keyframes fade1to0{0%{bottom:-200px;opacity:.5;width:70%}to{bottom:0;opacity:1;width:75%}}@keyframes fade2to1{0%{bottom:-200px;opacity:1;width:75%}to{bottom:0;opacity:1;width:70%}}@keyframes fade3to2{0%{bottom:-200px;opacity:.5;width:85%}to{bottom:0;opacity:1;width:75%}}@keyframes fade4to3{0%{bottom:-200px;opacity:.5;width:95%}to{bottom:0;opacity:1;width:85%}}.project-list-container{animation:slide-in .3s ease}.api{margin:10vh auto;max-width:800px}.service-worker-list{align-items:center;display:inline-flex;height:250px;justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.auth{width:100%}.worker-container{-ms-overflow-style:none;height:250px;margin:0 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}.worker-container::-webkit-scrollbar{height:0;width:0}.service-worker-card{background-color:#f1f1f1;border-radius:2px;box-shadow:0 2px 4px #00000080;cursor:pointer;margin:10px;min-width:250px;padding:10px;transition:background-color .3s ease}.service-worker-card.active{height:200px;width:300px}.service-worker-card.active:hover{transform:perspective(500px) rotateY(0deg)}.service-worker-card h3{font-weight:700}.auth-methods{margin-top:10px;overflow:auto;padding:4px}.auth-methods button{margin:3px auto;width:100%}.auth-methods button:hover{opacity:.5}.tab-menu{display:flex;justify-content:space-between;margin-bottom:20px}.tab-item{background-color:initial;border:none;color:#555;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:color .3s ease,background-color .3s ease}.tab-item svg{filter:brightness(0);height:20px}.tab-item.active svg{filter:brightness(100);height:20px}.tab-item:hover{background-color:#999;box-shadow:inset 0 0 10px #666;color:#fff}.tab-item.active{background:#999;box-shadow:inset 0 0 10px #666;color:var(--secondary-color)}h2{font-size:24px;text-align:center}.form-group,h2{margin-bottom:20px}label{display:block;font-size:16px;font-weight:700;margin-bottom:5px}input[type=text]{border:1px solid #ccc;border-radius:2px;font-size:14px;padding:10px;width:100%}button[type=submit]{background-color:#007bff;border:none;border-radius:2px;color:#fff;cursor:pointer;display:block;font-size:16px;padding:10px;transition:background-color .3s ease;width:100%}button[type=submit]:hover{background-color:#0056b3}.success-message{color:#28a745;margin-top:10px;text-align:center}.input-container{margin-bottom:10px}.label{display:block;font-weight:700;margin-bottom:5px}textarea{border:1px solid #ccc;border-radius:2px;padding:10px;width:100%}.button-container{display:flex;justify-content:flex-end;margin-top:10px}.button-container button:hover{background-color:#003a80}.api{animation:slide-in .3s ease}.auth-container{height:100%}.react-grid-item{min-height:400px}.configcom{background-color:var(--api-summary-background);border-radius:2px;box-shadow:0 2px 4px #0000001a;height:calc(100% - 20px);min-width:400px;padding:10px;position:relative;vertical-align:top;width:calc(100% - 20px)}.button-top button{width:150px}.configcom .header{background:var( --completion-bar-background);border-radius:2px;color:var(--text-color);font-weight:700;margin-bottom:10px;padding:10px 0;position:relative;width:100%}.deleteButton{background:#310909;position:absolute;right:10px;top:8px;z-index:10}.api-update-container button,.function-editor button{width:100%}.service-worker-card{position:relative;transform:perspective(500px) rotateY(20deg);transform-style:preserve-3d;transition:transform .3s}.service-worker-card.active{position:relative;transform:rotateY(0deg)}.service-worker-card:hover{transform:perspective(500px) rotateY(-20deg)}.service-worker-card:hover h3{color:#fff}.service-worker-card .card-content{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;height:100%;left:0;position:absolute;top:0;transform:rotateY(180deg);transition:transform .3s;width:100%}.service-worker-card:hover .card-content{transform:rotateY(0deg)}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}
/*# sourceMappingURL=main.ecb5cce6.css.map*/