*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;font-family:"Source Sans Pro",sans-serif;font-size:16px;background:#f5f7f9;color:#333}#root,.layout,body,html{height:100%}b,h2,h3,strong{font-weight:600;margin-top:0}hr{border-top:1px solid #eee;height:1px;width:100%;margin:20px 0}:focus{outline:none}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:2500}.loading-balls{width:46px;height:13px;display:flex;align-items:center;justify-content:space-around}.loading-balls .ball{display:inline-block;background-color:#fff;height:8px;width:8px;border-radius:25px}.loading-balls .b1{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loading-balls .b1,.loading-balls .b2{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-duration:1.2s;animation-duration:1.2s}.loading-balls .b2{-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loading-balls .b3{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-delay:1.3s;animation-delay:1.3s;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loading-balls.gray .ball{background-color:#ccc}@-webkit-keyframes bounce{0%{transform:scale(1)}30%{transform:scale(1.25)}70%{transform:scale(1)}to{transform:scale(1)}}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(1.25)}70%{transform:scale(1)}to{transform:scale(1)}}.panel{width:300px;padding:2rem;background:#fff;border-radius:4px;box-shadow:0 27px 20px 0 rgba(41,41,49,.07);flex-direction:column;position:relative}.btn,.panel{display:flex;align-items:center}.btn{padding:8px 16px;width:200px;border-radius:4px;transition:all .2s ease-in-out;text-decoration:none;margin-bottom:1rem;cursor:pointer;border:none}.btn img{height:32px;margin-right:10px}.btn:focus,.btn:hover{text-decoration:none}header{padding:4px 32px;width:90%;margin:0 auto;position:relative;z-index:2;background:#d2edf9;min-height:80px}header,header .logo a{display:flex;align-items:center}header .logo img.panda{height:42px;margin-right:16px}header .logo img.twist{height:42px;margin-top:14px}header .spacer{flex-grow:1}header a{color:#333;text-decoration:none;padding:8px;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s ease-in-out}header a:focus,header a:hover{color:#111;text-decoration:none}header ul{list-style-type:none;align-self:flex-end}header ul li{display:inline-flex;margin:0 8px}header ul li:last-of-type{margin-right:16px}header ul li.cta a{padding:8px 12px;color:#fff;background:#2364aa;border-radius:4px}header ul li.cta a:focus,header ul li.cta a:hover{color:#fff;background:#003177}@media (max-width:767px){header{flex-direction:column;width:100%}header ul{margin-left:0;-webkit-padding-start:0;padding-inline-start:0;align-self:center}}footer{display:flex;flex-direction:column;align-items:center;padding:2rem;box-shadow:0 -7px 2px 0 rgba(41,41,49,.07)}footer a{text-decoration:none;color:#333}footer a:hover{text-decoration:none;color:#111}footer .title{font-weight:600}footer .links{display:flex;justify-content:space-between;width:600px}footer .links .col{min-width:126px}footer .links ul{list-style-type:none;padding:0;margin-top:8px}footer .links ul li{line-height:1.4}@media (max-width:767px){footer .links{flex-direction:column;width:100%}}.hero{min-height:calc(100% - 250px)}.hero,.hero .bg-div{background-color:#d2edf9}.hero .bg-div{position:absolute;top:0;left:0;width:100%;height:400px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 100-14 7 7 0 000 14zm48 25a7 7 0 100-14 7 7 0 000 14zm-43-7a3 3 0 100-6 3 3 0 000 6zm63 31a3 3 0 100-6 3 3 0 000 6zM34 90a3 3 0 100-6 3 3 0 000 6zm56-76a3 3 0 100-6 3 3 0 000 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 10.001-3.999A2 2 0 0080 29zM60 91a2 2 0 10.001-3.999A2 2 0 0060 91zM35 41a2 2 0 10.001-3.999A2 2 0 0035 41zM12 60a2 2 0 10.001-3.999A2 2 0 0012 60z' fill='%23fff' fill-opacity='.4' fill-rule='evenodd'/%3E%3C/svg%3E")}.hero .bg-div .fader-top{background:#d2edf9;background:-webkit-gradient(left top,left bottom,color-stop(0,#d2edf9),color-stop(63%,rgba(210,237,249,.73)),color-stop(77%,rgba(210,237,249,.67)),color-stop(86%,rgba(210,237,249,.63)),color-stop(100%,rgba(210,237,249,.57)));background:linear-gradient(180deg,#d2edf9 0,rgba(210,237,249,.73) 63%,rgba(210,237,249,.67) 77%,rgba(210,237,249,.63) 86%,rgba(210,237,249,.57))}.hero .bg-div .fader-bottom,.hero .bg-div .fader-top{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d2edf9",endColorstr="#d2edf9",GradientType=0);height:120px}.hero .bg-div .fader-bottom{background:rgba(210,237,249,.57);background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(210,237,249,.57)),color-stop(14%,rgba(210,237,249,.63)),color-stop(23%,rgba(210,237,249,.67)),color-stop(37%,rgba(210,237,249,.73)),color-stop(100%,#d2edf9));background:linear-gradient(180deg,rgba(210,237,249,.57) 0,rgba(210,237,249,.63) 14%,rgba(210,237,249,.67) 23%,rgba(210,237,249,.73) 37%,#d2edf9);position:absolute;bottom:0;left:0;width:100%}.about,.contact,.error,.faqs,.payment-landing,.privacy-policy,.service-agreement,.terms-of-use{background-color:#d2edf9;padding-bottom:8rem}.about :not(.hero):not(.bg-div):not(.fader-top):not(.fader-bottom),.contact :not(.hero):not(.bg-div):not(.fader-top):not(.fader-bottom),.error :not(.hero):not(.bg-div):not(.fader-top):not(.fader-bottom),.faqs :not(.hero):not(.bg-div):not(.fader-top):not(.fader-bottom),.payment-landing :not(.hero):not(.bg-div):not(.fader-top):not(.fader-bottom),.privacy-policy :not(.hero):not(.bg-div):not(.fader-top):not(.fader-bottom),.service-agreement :not(.hero):not(.bg-div):not(.fader-top):not(.fader-bottom),.terms-of-use :not(.hero):not(.bg-div):not(.fader-top):not(.fader-bottom){position:relative;z-index:2}.about .content,.contact .content,.error .content,.faqs .content,.payment-landing .content,.privacy-policy .content,.service-agreement .content,.terms-of-use .content{padding:4rem 8rem;margin:4rem 8rem;background:#fff;border-radius:4px;box-shadow:0 10px 20px 0 rgba(41,49,49,.16)}@media (max-width:767px){.about .content,.contact .content,.error .content,.faqs .content,.payment-landing .content,.privacy-policy .content,.service-agreement .content,.terms-of-use .content{padding:2rem;margin:1rem}}.about h2,.contact h2,.error h2,.faqs h2,.payment-landing h2,.privacy-policy h2,.service-agreement h2,.terms-of-use h2{margin:2rem 0 20px}.about a,.contact a,.error a,.faqs a,.payment-landing a,.privacy-policy a,.service-agreement a,.terms-of-use a{color:#2364aa;border-bottom:1px dotted #2364aa;text-decoration:none;transition:all .2s ease-in-out}.about a:focus,.about a:hover,.contact a:focus,.contact a:hover,.error a:focus,.error a:hover,.faqs a:focus,.faqs a:hover,.payment-landing a:focus,.payment-landing a:hover,.privacy-policy a:focus,.privacy-policy a:hover,.service-agreement a:focus,.service-agreement a:hover,.terms-of-use a:focus,.terms-of-use a:hover{color:#2364aa;text-decoration:none;border-bottom:none}.login,.register{display:flex;align-items:center;justify-content:center;padding:4rem 8rem;background:#d2edf9;min-height:calc(100% - 254px)}.login h2,.register h2{text-align:center}.login .btn,.register .btn{width:220px}.login .btn.google,.register .btn.google{background:#fff;color:#333;border:1px solid #518ef8}.login .btn.google:hover,.register .btn.google:hover{background:#eee}.login .btn.github,.register .btn.github{color:#fff;background:#333;border:1px solid #333}.login .btn.github:hover,.register .btn.github:hover{background:#212121}.login a,.register a{color:#2364aa;text-decoration:none;transition:all .2s ease-in-out}.login a:focus,.login a:hover,.register a:focus,.register a:hover{color:#003177;text-decoration:none}.home{padding:4rem 8rem;display:flex;flex-direction:column;background:#d2edf9}@media (max-width:767px){.home{padding:4rem 15px}}.home .heading{display:flex;align-items:center;width:80%;margin:0 auto;position:relative}.home .heading img.panda{height:250px;margin-right:8rem}.home .heading img.twist{width:500px}.home .heading .text h2{font-weight:400}@media (max-width:767px){.home .heading{flex-direction:column;text-align:center}.home .heading img.panda{margin:0 auto}.home .heading img.twist{margin-top:2rem;width:100%}}.home .home-buttons{margin-top:4.5rem;display:flex;justify-content:center}.home .home-buttons .btn{justify-content:center;padding:16px 32px;font-size:16px}.home .home-buttons .btn:first-of-type{margin-right:20px;background:#fff;color:#333}.home .home-buttons .btn:first-of-type:hover{background:#fff;color:#333}.home .home-buttons .btn:last-of-type{background:#2364aa;margin-left:20px;color:#fff}.home .home-buttons .btn:last-of-type:hover{background:#003177;color:#fff}@media (max-width:767px){.home .home-buttons{flex-direction:column;align-items:center}.home .home-buttons .btn:first-of-type{margin-right:0}.home .home-buttons .btn:last-of-type{margin-left:0}}.home .demo-container{min-height:420px;width:50%;margin:40px auto 0}@media (max-width:767px){.home .demo-container{width:90%}}.home .demo-container .application-title-container{text-indent:-45px}.home .demo-container .terminal-command-line-text{word-break:break-word;white-space:normal;height:auto}.pricing{padding:4rem 8rem;background:#d2edf9}@media (max-width:767px){.pricing{padding:1rem}}.pricing :not(.hero):not(.bg-div):not(.fader-top):not(.fader-bottom){position:relative;z-index:2}.pricing .intro h2{text-align:center;font-size:42px}.pricing .intro p{text-align:center;font-size:20px}.pricing .row{display:flex;justify-content:center;margin-top:4rem}@media (max-width:767px){.pricing .row{flex-direction:column}}.pricing .row .card{display:flex;flex-direction:column;background:#fff;padding:2rem;border-radius:4px;margin:0 1rem;width:255px;box-shadow:0 10px 20px 0 rgba(41,41,49,.16)}.pricing .row .card h3{font-size:32px;text-align:center;margin-top:1rem;margin-bottom:0;color:#2364aa}.pricing .row .card .cost{font-weight:600;font-size:18px;text-align:center;margin-bottom:1rem;height:52px}.pricing .row .card .cost .big{font-size:42px}.pricing .row .card .cost .top{vertical-align:top;margin-top:10px;display:inline-block}.pricing .row .card p{margin:4px 0}.pricing .row .card svg{height:32px;fill:#333}.pricing .row .card a{background:#2364aa;color:#fff;display:flex;align-items:center;justify-content:center;padding:8px 12px;transition:all .2s ease-in-out;text-decoration:none;border-radius:4px;margin-top:1rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.pricing .row .card a:focus,.pricing .row .card a:hover{background:#003177;color:#fff;text-decoration:none}@media (max-width:767px){.pricing .row .card{width:100%;margin:0 0 1rem}}.documentation{padding:4rem 8rem;background:#d2edf9}@media (max-width:767px){.documentation{padding:1rem}}.documentation :not(.hero):not(.bg-div):not(.fader-top):not(.fader-bottom){position:relative;z-index:2}.documentation .intro h2{text-align:center;font-size:42px}.documentation .intro p{text-align:center;font-size:20px}.documentation .row{display:flex;flex-direction:column;margin-top:3rem}.documentation .row .card{display:flex;flex-direction:column;background:#fff;padding:2rem;border-radius:4px;margin:1rem auto;width:50%;box-shadow:0 10px 20px 0 rgba(41,41,49,.16)}.documentation .row .card code{background:#f8f8f8;color:#e01e5a;font-size:14px;padding:2px 3px 1px;white-space:normal}.documentation .row .card h3{font-size:32px;text-align:left;margin-top:0;margin-bottom:0;color:#2364aa}.documentation .row .card table td{vertical-align:top;padding-top:10px}.documentation .row .card table td table td{padding-top:0}@media (max-width:767px){.documentation .row .card{width:100%}}.documentation .pie{width:40px;vertical-align:middle}.settings{display:flex;justify-content:center;align-items:center;background:#d2edf9;padding:4rem 8rem;min-height:calc(100% - 254px)}@media (max-width:767px){.settings{padding:4rem 15px}}.settings .panel{width:500px;height:auto;align-items:flex-start}@media (max-width:767px){.settings .panel{width:100%}}.settings .text-container{display:flex;flex-grow:1}.settings .text-container .text{display:flex;flex-direction:column}.settings .text-container .text span{margin-bottom:4px}@media (max-width:767px){.settings .text-container{margin-bottom:2rem}}.settings .plan{display:flex;width:100%}@media (max-width:767px){.settings .plan{flex-direction:column}}.settings span.header{margin-bottom:8px;font-size:20px}.settings span.hint{color:#999;font-size:14px;margin-bottom:4px}.settings textarea{resize:none;font-size:14px;padding:8px;border-radius:4px;border:1px solid #ccc;color:#999;width:100%;height:55px;margin-bottom:5px}.settings .btn{width:auto;border:1px solid #2364aa;background:#2364aa;color:#fff}.settings .btn[disabled]{background:#f5f7f9;border:1px solid #ccc;color:#ccc;cursor:default}.settings .btn:not([disabled]):hover{background:#003177;border:1px solid #003177}.settings .btn.cancel{width:136px;justify-content:center}.settings .btn.alt{background:#fff;color:#2364aa}.settings .btn.alt:hover{color:#fff}.settings .usage-container{display:flex;width:100%}.settings .usage-container .text{display:flex;flex-direction:column;flex-grow:1}.settings .usage-container img{height:21px;vertical-align:top;margin-top:1px}.settings .usage-container .quota{font-weight:600}.settings .logout-link{color:#2364aa;text-decoration:none;transition:all .2s ease-in-out;align-self:flex-end}.settings .logout-link:focus,.settings .logout-link:hover{color:#003177;text-decoration:none}.cancel-modal{padding:2rem;text-align:center}.cancel-modal .buttons{margin-top:2rem;display:flex;justify-content:space-between}.cancel-modal .buttons .btn{margin-bottom:0}
/*# sourceMappingURL=main.9af2f2ce.chunk.css.map */