body,html{overscroll-behavior-y:none;color:#eee}body{margin:0;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:13px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{text-decoration:none}.auth-loader{width:100;height:100vh;display:flex}.page{width:100%;min-height:100vh;display:flex;flex-direction:column}.page .page-header{position:sticky;top:0;background-color:#1d1d1d;z-index:1}.page .page-container,.page .page-header{border-right:1px solid #333;border-left:1px solid #333}.page .page-container{flex:1 1}.no-br{white-space:nowrap}.grow{flex-grow:1}::-webkit-input-placeholder{color:#666}:-ms-input-placeholder{color:#666}::placeholder{color:#666}button{font-family:inherit}::selection{color:#eee;background:#398539}.button:not(.monaco-editor .button){display:inline-flex;align-items:center;justify-content:center;background-color:#444;color:#eee;border:none;border-left:1px solid #444;font-family:inherit;outline:none;padding:12px 15px;font-size:12px;cursor:pointer}.button:focus,.button:hover{background-color:#494949}.button:active{background-color:#555}.button:disabled{color:#666;background-color:#393939}.button-green,.button-red{font-size:14px;font-weight:600;padding:10px 20px;border:none;background-color:#008900;border-radius:5px;color:#fff;outline:none;cursor:pointer;display:inline-block;box-sizing:border-box;text-align:center;text-shadow:1px 1px 1px #000}.button-green:hover,.button-red:hover{background-color:#29a229}.button-red{background-color:#b00000}.button-red:hover{background-color:#c00}.link{color:#29a229;background-color:transparent;border:none;outline:none;font-family:inherit;cursor:pointer}.link:hover{text-decoration:underline}.tip{font-size:13px;padding:10px;box-sizing:border-box}.tip h2{font-size:16px;font-weight:600;margin:0}.tip code{border:1px solid #505050;background-color:#444;margin:4px 0;padding:3px;border-radius:3px}.fixed-width-container{max-width:960px;width:100%;margin:0 auto;box-sizing:border-box}.tippy-box{background-color:#262626;border:1px solid #2c2c2c;box-shadow:3px 3px 20px #111;color:#ccc;outline:none}.tippy-box .tippy-content{padding:10px}.tippy-box .tippy-content ul{padding:0;margin:0;list-style:none;font-size:13px}.tippy-box .tippy-content ul li{padding:0 15px;height:40px;display:flex;align-items:center}.tippy-box .tippy-content ul li:hover{background-color:#333;color:#eee}.tippy-box .tippy-content ul li svg{margin-right:8px}.tippy-box[data-theme=menu]{background-color:#262626;border:1px solid #333;box-shadow:0 0 10px #111;color:#ccc}.tippy-box[data-theme=menu] .tippy-content{padding:0}.tippy-box[data-theme=menu] .tippy-content ul{padding:0;margin:0;list-style:none;font-size:13px}.tippy-box[data-theme=menu] .tippy-content ul li{padding:0 15px;height:40px;display:flex;align-items:center;cursor:pointer}.tippy-box[data-theme=menu] .tippy-content ul li:hover{background-color:#333;color:#eee}.tippy-box[data-theme=menu] .tippy-content ul li svg{margin-right:8px}@media only screen and (max-width:960px){.fixed-width-container{border:none}}.home-page{flex:1 1;overflow-y:auto;font-size:14px;color:#eee}.home-page .clearfix:after{content:" ";visibility:hidden;display:block;height:0;clear:both}.home-page .acquihire-notice{margin-bottom:60px;border-bottom:1px solid #333;line-height:2;font-size:16px;background-color:#222}.home-page .acquihire-notice h2{margin-bottom:20px}.home-page .acquihire-notice .fixed-width-container{padding:60px;font-size:14px}.home-page .txt-mobile-error{padding:20px;background-color:#600;color:#fff;text-align:center;display:none}.home-page .start-button{padding:15px 40px;margin-bottom:50px;font-size:18px;border-radius:5px}.home-page .top-section{text-align:center;overflow:hidden;padding-bottom:60px;border-bottom:1px solid #333}.home-page .top-section h1{text-align:center;margin-top:60px;margin-bottom:20px;font-size:36px;font-weight:100}.home-page .top-section p{margin:0 auto 40px;font-size:18px;color:#eee}.home-page .top-section .demo-container{margin:0 auto;border-radius:10px;display:block;box-shadow:0 0 40px #111;overflow:hidden;border:1px solid #262626;position:relative;width:900px}.home-page .top-section .demo-container .demo-buttons{display:flex;background-color:#222;padding:12px 20px 15px}.home-page .top-section .demo-container .demo-buttons>div{width:12px;height:12px;border-radius:6px;margin-right:10px}.home-page .top-section .demo-container .demo-buttons .demo-button-1{background-color:#fd3d3e}.home-page .top-section .demo-container .demo-buttons .demo-button-2{background-color:#ffe202}.home-page .top-section .demo-container .demo-buttons .demo-button-3{background-color:#3efc90}.home-page .top-section .demo-container .play-button{position:absolute;left:calc(50% - 36px);top:calc(50% - 36px);font-size:72px;line-height:72px;opacity:.8;color:#ccc;cursor:pointer;z-index:2}.home-page .top-section .demo-container video{width:100%;height:auto}.home-page .top-section .demo-container video::-internal-media-controls-overlay-cast-button{display:none}.home-page h2{text-align:center;font-weight:100;font-size:28px;margin:0 0 60px}.home-page h3{font-weight:100;font-size:24px;margin:0 0 20px}.home-page section{padding:70px 0;border-bottom:1px solid #333}.home-page .features-section .feature-item{margin-bottom:120px;display:flex;align-items:center}.home-page .features-section .feature-item:last-child{margin-bottom:0}.home-page .features-section .feature-item .feature-content{flex:3 1}.home-page .features-section .feature-item .feature-content p{color:#ccc;line-height:1.7;font-size:15px}.home-page .features-section .feature-item .feature-content ul{margin:0;list-style:none;padding:15px 0 0}.home-page .features-section .feature-item .feature-content ul li{display:flex;margin-bottom:15px}.home-page .features-section .feature-item .feature-content ul li svg{margin-right:15px;color:#666;font-size:20px;margin-top:3px}.home-page .features-section .feature-item .feature-image{flex:4 1;text-align:right}.home-page .features-section .feature-item:nth-child(odd){flex-direction:row-reverse}.home-page .features-section .feature-item:nth-child(odd) .feature-image{text-align:left}.home-page .pricing-section{color:#fff}.home-page .pricing-section .pricing-items-container{display:flex}.home-page .pricing-section .pricing-items-container .pricing-item{display:flex;flex-direction:column;flex:1 1;margin-right:80px;box-shadow:0 0 30px #161616;padding:35px;box-sizing:border-box;border-radius:10px;color:#ccc;border:1px solid #262626;background-color:#222}.home-page .pricing-section .pricing-items-container .pricing-item:last-child{margin-right:0}.home-page .pricing-section .pricing-items-container .pricing-item h3{color:#eee;font-size:24px}.home-page .pricing-section .pricing-items-container .pricing-item h3 .pricing-coming-soon{margin-left:15px;font-size:14px}.home-page .pricing-section .pricing-items-container .pricing-item .price-box{margin-bottom:20px;font-size:20px}.home-page .pricing-section .pricing-items-container .pricing-item .pricing-per-month-text{margin-left:5px;font-size:14px}.home-page .pricing-section .pricing-items-container .pricing-item ul{margin:0;padding:0;list-style:none;flex-grow:1}.home-page .pricing-section .pricing-items-container .pricing-item ul li{margin-bottom:15px;display:flex}.home-page .pricing-section .pricing-items-container .pricing-item ul li svg{margin-right:15px;margin-top:4px;color:#29a229}.home-page .pricing-section .pricing-items-container .pricing-item .button-green{margin:45px 0 0;width:100%;font-size:16px;padding:20px}@media only screen and (max-width:1000px){.home-page .fixed-width-container{padding:0 30px}.home-page .top-section h1{font-size:22px}.home-page .top-section .demo-container{max-width:100%}.home-page .top-section .demo-container .demo-buttons{padding:7px}.home-page .top-section .demo-container .demo-buttons>div{width:10px;height:10px}.home-page .top-section .demo-container .demo-video-container video{margin-top:-15px!important}.home-page .features-section .feature-item{display:block}.home-page .features-section .feature-item .feature-content,.home-page .features-section .feature-item .feature-image{width:100%;margin-bottom:15px}.home-page .features-section .feature-item .feature-image img{width:100%;height:auto}.home-page .pricing-section .pricing-items-container{flex-direction:column}.home-page .pricing-section .pricing-items-container .pricing-item{margin:0 0 30px;width:100%;height:auto;padding:25px}.home-page .txt-mobile-error{display:block}}.toast{position:fixed;bottom:30px;left:10px;display:flex;align-items:center;justify-content:flex-start;padding:20px;background-color:#333;border:1px solid #333;box-shadow:3px 3px 20px #111;color:#eee;font-size:13px;z-index:10}.toast svg{margin-right:15px;font-size:16px}.toast.success svg{color:#29a229}.toast.error svg{color:#d00}.toast.warn svg{color:#ffc107}.footer{padding:40px;color:#999;background-color:#222}.footer .footer-row{display:flex;flex-direction:row;justify-content:space-between}.footer .footer-row .footer-column{display:flex;flex-direction:column;font-size:13px}.footer .footer-row .footer-column .footer-section{margin-bottom:20px}.footer .footer-row .footer-column .footer-section h4{font-size:inherit;color:#aaa;margin:0 0 10px}.footer .footer-row .footer-column .footer-section ul{list-style:none;margin:0;padding:0}.footer .footer-row .footer-column .footer-section ul li a{display:flex;align-items:center;color:#ccc;padding:5px 0}.footer .footer-row .footer-column .footer-section ul li a .footer-social-logo{margin-right:8px;font-size:14px}.footer .footer-row .footer-column.logo-column{display:flex;flex-direction:column}.footer .footer-row .footer-column.logo-column img{width:48px;height:48px;margin-bottom:15px}.footer .footer-row .footer-column.logo-column .anyfiddle-logo{height:32px}.footer .copyright-column{padding-top:30px;text-align:center}@media only screen and (max-width:1000px){.footer .footer-row{flex-direction:column}.footer .footer-row .footer-column .footer-section{margin-bottom:30px}.footer .footer-row .footer-column .footer-section h4{font-size:16px}.footer .footer-row .footer-column.logo-column{text-align:center;align-items:center;padding-bottom:40px}}.anyfiddle-logo{margin-top:5px;width:auto;max-width:100%;height:50px;text-align:left}.anyfiddle-logo .anyfiddle-text{fill:#fff}.pro-badge .pro-rect{fill:#008900}.pro-badge .pro-text{fill:#fff}nav.main-page-nav{display:flex;margin-top:30px;height:40px}nav.main-page-nav .anyfiddle-logo{margin-left:25px;height:32px}nav.main-page-nav ul{list-style:none;margin:0;padding:0;display:flex}nav.main-page-nav ul li{margin-right:60px;display:flex}nav.main-page-nav ul li a{display:flex;align-items:center;color:#fff;font-size:14px;line-height:32px}nav.main-page-nav ul li .my-projects-button,nav.main-page-nav ul li .sign-in-button{border:1px solid #444;border-radius:5px;background-color:#262626;padding:12px 30px}nav.main-page-nav ul li .my-projects-button:hover,nav.main-page-nav ul li .sign-in-button:hover{background-color:#333}nav.main-page-nav .sign-in-action{height:auto;border:1px solid #444;border-radius:5px;background-color:#262626}nav.main-page-nav .sign-in-action .login-button,nav.main-page-nav .sign-in-action .user-button{padding:3px 10px}nav.main-page-nav .sign-in-action .login-button:hover,nav.main-page-nav .sign-in-action .user-button:hover{background-color:transparent}nav.main-page-nav .sign-in-action .login-button svg,nav.main-page-nav .sign-in-action .user-button svg{margin-right:8px}nav.main-page-nav .sign-in-action .login-button .user-avatar,nav.main-page-nav .sign-in-action .user-button .user-avatar{width:16px;height:16px}@media only screen and (max-width:1000px){nav.main-page-nav{margin-top:20px}nav.main-page-nav .anyfiddle-logo{margin-left:10px}nav.main-page-nav ul{display:none}}.terms-of-use-page .terms-of-use-page-container{box-sizing:border-box;padding:0 30px}.app-bar{height:60px;background-color:#1d1d1d;border-bottom:1px solid #333}.app-bar,.app-bar .back-button{display:flex;align-items:center}.app-bar .back-button{justify-content:center;padding:0 15px;height:100%;color:#eee;background-color:transparent;border:none;font-family:inherit;font-size:16px;cursor:pointer;outline:none}.app-bar .back-button:hover{background-color:#222;color:#fff}.app-bar .anyfiddle-logo{margin-left:25px;height:20px}.app-bar .grow{flex-grow:1}.app-bar .app-bar-actions{height:100%;display:flex}.app-bar .app-bar-actions .app-bar-action{display:flex;align-items:center;height:100%;padding:0 20px;background-color:transparent;border:none;outline:none;color:#ccc;text-decoration:none;font-weight:600}.app-bar .app-bar-actions .app-bar-action svg{margin-right:6px}.app-bar .app-bar-actions .app-bar-action:hover{background-color:#333}@media only screen and (max-width:960px){.app-bar .app-bar-actions .app-bar-action svg{margin:0}.app-bar .app-bar-actions .app-bar-action .app-bar-action-text{display:none}}.sign-in-action{height:100%;display:flex;align-items:center}.sign-in-action .login-button,.sign-in-action .user-button{display:flex;align-items:center;height:100%;color:#eee;background-color:transparent;border:none;padding:0 10px;font-family:inherit;font-size:inherit;cursor:pointer;outline:none}.sign-in-action .login-button:hover,.sign-in-action .user-button:hover{background-color:#333;color:#fff}.sign-in-action .login-button svg,.sign-in-action .user-button svg{margin-right:8px}.sign-in-action .login-button .user-avatar,.sign-in-action .user-button .user-avatar{width:32px;height:32px;background-size:contain;border-radius:50%}.sign-in-action .login-button .user-username,.sign-in-action .user-button .user-username{margin-left:10px;color:#aaa;font-size:12px}.signing-out-overlay .loader{font-size:24px}.user-menu{width:200px}.user-menu .user-details{padding:20px}.user-menu .user-details .user-name{margin-bottom:10px;font-weight:600}.user-menu .user-details .user-username{color:#aaa}.user-menu .user-menu-section{border-bottom:1px solid #333}.user-menu .user-menu-section:last-child{border-bottom:none}.user-menu .user-menu-item{padding:12px 20px;background-color:transparent;color:#ccc;border:none;width:100%;text-align:left;outline:none;cursor:pointer;display:block;box-sizing:border-box}.user-menu .user-menu-item:hover{background-color:#333}.user-menu .user-menu-item svg{margin-right:7px;color:#aaa}.overlay-portal .overlay-overlay{position:fixed;height:100%;width:100%;top:0;background-color:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10000}.overlay-portal .overlay-overlay .overlay{position:absolute;top:50%;left:50%;right:auto;bottom:auto;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#1d1d1d;border:1px solid #222;box-shadow:0 0 20px #000;color:#ccc;outline:none;max-width:600px;width:calc(100% - 30px);padding:30px;box-sizing:border-box}.loader{flex:1 1;display:flex;align-items:center;justify-content:center;text-align:center;background-color:#1d1d1d;color:#eee;font-size:28px}.loader .lds-ellipsis{display:inline-block;position:relative;width:64px;height:64px}.loader .lds-ellipsis div{position:absolute;top:27px;width:11px;height:11px;border-radius:50%;background:#32c766;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.loader .lds-ellipsis div:first-child{left:6px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.loader .lds-ellipsis div:nth-child(2){left:6px}.loader .lds-ellipsis div:nth-child(2),.loader .lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.loader .lds-ellipsis div:nth-child(3){left:26px}.loader .lds-ellipsis div:nth-child(4){left:45px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(19px);transform:translate(19px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(19px);transform:translate(19px)}}.privacy-policy-page .privacy-policy-page-container{box-sizing:border-box;padding:0 30px}
/*# sourceMappingURL=main.1c70bd41.chunk.css.map */