*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased;font-family:open-sans,sans-serif;text-decoration:none}ol,ul{list-style-type:none}body,html{height:100%;width:100%;min-width:320px;min-height:500px}body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow-x:hidden;background:#fff}#content{-ms-flex-negative:0;flex-shrink:0}#sprite{width:0;height:0;overflow:hidden}.container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%;max-width:1800px;margin:0 auto;padding-left:50px;padding-right:50px;text-align:center}.fixed{position:absolute;width:100%;left:0}.fixed.bottom{bottom:0}.fixed.top{top:0}[data-animated] *,[data-video] *{pointer-events:none}.hide{display:none}.icon{width:16px;height:16px;fill:#fff}.icon-facebook{width:9px;height:17px;margin-left:-1px}.icon-linkedin{width:15px;height:15px;margin-top:-2px}.logo,.logo-scroll{fill:#fff}p.big{max-width:825px;font-size:16px;letter-spacing:.06em;color:#fff}.title{line-height:40px;border:3px solid;font-size:22px;font-weight:700;letter-spacing:.14em;color:#0f73ee;padding:0 20px}.title,h1{font-family:sofia-pro}h1{font-size:72px;letter-spacing:10px;font-weight:bolder;text-transform:uppercase}.intro h1{font-size:60px}.list{margin-top:90px;width:100%;max-width:1040px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.list h3{margin-top:15px;font-weight:700;font-size:18px}.list p{margin-top:20px;font-size:14px;font-weight:400;line-height:26px}.button.download,.submit{width:100%;max-width:280px;font-size:12px;line-height:60px;border-radius:30px;outline:none;transition:box-shadow .2s}.button.download:hover,.submit:hover{box-shadow:6.7px 29.2px 50px rgba(0,0,0,.15)}.submit{max-width:150px;margin-left:10px}input{width:100%;height:60px;max-width:390px;border:3px solid #fff;border-radius:30px;background-color:rgba(42,47,52,.7);color:#fff;font-size:12px;font-weight:700;text-indent:30px;outline:none}input::-webkit-input-placeholder{text-transform:uppercase;color:#fff}input:-ms-input-placeholder{text-transform:uppercase;color:#fff}input::placeholder{text-transform:uppercase;color:#fff}form{position:relative;max-width:560px;margin-left:auto;margin-right:auto}.invalid{animation:shake 1s}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.button{padding:0 20px;border:none;text-transform:uppercase;font-weight:700;cursor:pointer;letter-spacing:.12em}.button.outline{border:2px solid #fff;border-radius:25px}.button.outline:hover{opacity:.5}.button.blue{background-color:#0f73ee;color:#fff}.button.blue.download{cursor:pointer}.white-play{color:#fff!important;padding:10px 20px 10px 25px!important}.white-play .white-play-btn{margin-left:10px!important;fill:#fff}header{padding:50px 0;position:relative;display:-ms-flexbox;display:flex;min-height:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}header.changelog,header.license{min-height:0}header .header-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url("./static/header.jpg") 50%;background-size:cover;z-index:-1}header .container{-ms-flex-align:center;align-items:center}header p.big{font-family:sofia-pro;margin-bottom:60px;font-size:24px;line-height:34px;letter-spacing:.06em;font-weight:400}header .download-wrap{width:100%;margin-top:60px}header .outline{pointer-events:all;line-height:46px;color:#fff;font-size:12px;font-weight:700}header .explore .icon{width:16px;height:12px;margin-left:5px}header .fixed.bottom{pointer-events:none;bottom:50px;padding-top:15px}header .fixed .container{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}a.video,header .fixed .container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}a.video{width:60px;height:60px;border-radius:30px;background:#fff;margin-top:30px;-ms-flex-pack:center;justify-content:center}a.video .icon{fill:#0f73ee;margin-left:5px}.share{pointer-events:all}.share,.share .button{display:-ms-flexbox;display:flex}.share .button{width:34px;height:34px;margin-left:16px;padding:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.share .button:first-child{margin-left:0}.fixed .logo-scroll,.fixed .scroll-download{opacity:0;visibility:hidden;position:absolute}.fixed .logo-scroll{margin-left:90px}.fixed .scroll-download.fixed-update{margin-left:120px}.scroll-header{position:fixed;z-index:100;bottom:auto!important;top:0}.scroll-header .explore{display:none}.scroll-header a{transition:border-color .2s,background .2s}.scroll-header svg{transition:all .2s}.scroll-header .logo-scroll,.scroll-header .scroll-download{opacity:1;visibility:visible;position:relative}.scroll-header.dark svg{fill:#0f73ee}.scroll-header.dark a{color:#0f73ee;border-color:#0f73ee;background:hsla(0,0%,100%,.9)}.scroll-header.dark a:hover{opacity:1;border-color:#0d66d4}.scroll-header.dark a:hover .icon{fill:#0d66d4}.intro{padding-top:180px;background:#0f73ee;color:#fff}.intro .title{color:#fff;margin-bottom:30px}.intro p.big{max-width:610px;text-align:center;margin-top:22px;line-height:30px}.intro .list{margin-top:60px;max-width:960px;font-size:15px;text-transform:uppercase;font-weight:bolder;letter-spacing:.14em}.intro .list li{min-width:110px}.intro .list a{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:#fff;-ms-flex:1;flex:1;font-family:sofia-pro;margin-top:20px}.intro .list svg{display:block;margin:0 auto 24px}.bundle{position:relative;padding-bottom:350px;background:url("./static/bundle-bg.png") 50% repeat;overflow:hidden}.bundle .container{position:relative;z-index:10}.bundle .title{margin-top:130px}.bundle h1{margin-top:55px;color:#0f73ee}.bundle p{margin-top:20px;text-transform:uppercase;font-weight:700;color:#0f73ee}.bundle .share{margin-top:45px}.bundle .share svg{fill:#0f73ee;transform:scale(1.2)}.bundle .share a{color:#0f73ee;border-color:#0f73ee;height:60px;width:60px;margin-left:20px;border-radius:30px}.bundle .list{max-width:460px;font-size:15px;text-transform:uppercase;font-weight:bolder}.bundle .list a{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:#0f73ee;-ms-flex:1;flex:1;font-family:sofia-pro;margin-top:20px}.bundle .list svg{display:block;margin:0 auto 20px}.screencast{position:relative;padding:70px 50px}.screencast:before{content:"";height:50%;background:#0f73ee}.screencast:before,.screencast video{position:absolute;left:0;top:0;width:100%}.screencast video{height:100%;margin-top:-1px;margin-left:1px;max-width:1200px;border-radius:3px}.screencast img{position:relative;display:block;top:1px;width:100%}.screencast-inner{position:relative;z-index:10;left:50%;max-width:1202px;max-height:692px}.screencast-video-wrap{width:100%;position:relative;margin-left:-50%;overflow:hidden;box-shadow:4rem 5rem 9rem rgba(0,0,0,.2);border-radius:4px}.tablet{width:1420px;height:720px;top:50%;margin-left:270px;background:url(./static/bundle-tablet-cropped.jpg) no-repeat;background-size:contain}.phone,.tablet{position:absolute;left:50%}.phone{width:427px;height:210px;bottom:-50px;background:url(./static/bundle-phone.png) no-repeat;background-size:contain}.keyboard{width:1445px;height:800px;background:url(./static/bundle-keyboard-cropped.jpg) no-repeat 100%;background-size:contain;position:absolute;bottom:-400px;left:50%;margin-left:-1850px}.panel-section{padding:100px 0;border-bottom:1px solid #d4d7da;overflow:hidden}.panel-section#photos{padding-top:200px}.panel-section .panel-title{display:-ms-flexbox;display:flex}.panel-section .panel-title .title{width:90px;height:40px;padding:0;font-size:12px;line-height:35px;margin-left:10px;margin-top:-15px;text-transform:uppercase;//position:absolute}.panel-section .panel-title .title svg.new{vertical-align:sub;height:14px;width:14px}.panel-section#freehand .panel-title,.panel-section#prototype .panel-title{margin-left:100px}.panel-section#freehand .features div.freehand{padding-bottom:100px}.panel-section#freehand .features div.freehand img,.panel-section#freehand .features div.freehand video{width:100%;max-width:960px;box-shadow:15px 40px 90px -5px rgba(0,0,0,.3);border-radius:14px}.panel-section h1{font-size:84px;margin-top:31px;color:#0f70e7}.panel-section p.big{color:#6a7889;margin-top:25px;font-size:17px;letter-spacing:.06em}.panel-section p.big .exclusive{color:#8dbdfb}.panel-section p.big .exclusive svg{margin-bottom:-2px}.panel-section#manager p.big{max-width:1065px}.panel-section .walkthrough{margin-top:60px;padding:10px;fill:#0f73ed;color:#0f73ed;text-transform:none;font-size:14px;letter-spacing:.06em}.panel-section .walkthrough:hover{opacity:.7}.panel-section .walkthrough .play{display:-ms-inline-flexbox;display:inline-flex;width:28px;height:28px;border-radius:15px;border:2px solid;margin-right:10px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.panel-section .walkthrough svg{margin-left:4px}.panel-section .subnav{position:relative}.panel-section .subnav ul{padding:100px 0 50px}.panel-section .subnav ul li{display:inline;border-right:2px solid #b6d4fb;padding-left:40px;padding-right:40px}.panel-section .subnav ul li a{color:#b6d4fb;font-size:16px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.panel-section .subnav ul li a.on{color:#0f70e7}.panel-section .subnav ul li.last{border-right:none}.panel-section .features{width:100%;margin-top:90px;position:relative}.panel-section#manager .features{margin-top:450px;margin-bottom:375px}.panel-section .demo{position:absolute;top:50%;left:50%;transform:translate(-56%,-50%);transition:opacity .4s}.panel-section .demo .data-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-section .demo .web-svg{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-49%,-50%)}.panel-section .demo .json-svg{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-section .demo.styles{transform:translate(-44%,-50%)}.panel-section .demo.prototype{transform:translate(-52%,-50%)}.panel-section .demo.sync{transform:translate(-50%,-50%)}.panel-section .demo.manager{transform:translate(-52%,-50%)}.panel-section .demo .panel-slide{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;background-size:100%;margin-top:50px;background-repeat:no-repeat}.panel-section .demo .button{-ms-flex:1;flex:1;padding:0;height:24px}.panel-section .tap{position:absolute;top:-3px;left:280px;line-height:30px;background-color:rgba(80,199,91,.8);border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:0 10px;text-transform:uppercase;white-space:nowrap;animation:2s tap infinite alternate}.panel-section .tap:before{content:"";position:absolute;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid rgba(80,199,91,.8);right:100%;top:50%;margin-top:-4px}.panel-section .list{display:block;margin:0 auto;overflow:hidden}.panel-section .list h3{color:#48525d;font-size:16px}.panel-section .list p{color:#6a7889;font-size:14px;letter-spacing:.06em}.panel-section .list:not(.freehand){text-align:left}.panel-section .list:not(.freehand) li{max-width:240px;margin-bottom:55px}.panel-section .list:not(.freehand) li:nth-child(odd){float:left;clear:left}.panel-section .list:not(.freehand) li:nth-child(2n+2){float:right;clear:right}.panel-section .list:not(.freehand).photos p,.panel-section .list:not(.freehand).type p{max-width:190px}.panel-section .list:not(.freehand).duplicate p{max-width:210px}.panel-section .list:not(.freehand).styles p{max-width:190px}.panel-section .list:not(.freehand).off{display:none}.panel-section .list.freehand{text-align:center}.panel-section .list.freehand li{max-width:235px;display:inline-block;vertical-align:top;margin-bottom:55px}.panel-section .list.freehand li.middle{margin:0 70px 55px}.type.demo .front{width:290px;height:450px;background:url(./static/panels/type-bg.png);background-size:cover;margin:-215px -220px}.type.demo .back{margin:-181px -60px}.type.demo .panel-slide{width:290px;height:328px;margin-top:118px;padding:0 20px}.type.demo .slide-1{background-image:url(./static/panels/type-list.png)}.type.demo .slide-2{background-image:url(./static/panels/type-web.png)}.photos.demo .front{width:290px;height:338px;background:url(./static/panels/photos-bg.png);background-size:cover;margin:-159px -220px}.photos.demo .back{margin:-145px -60px}.photos.demo .panel-slide{width:250px;height:156px}.photos.demo .slide-1{background-image:url(./static/panels/photos-folder.png)}.photos.demo .slide-2{background-image:url(./static/panels/photos-dropbox.png)}.photos.demo .slide-3{background-image:url(./static/panels/photos-unsplash.png)}.duplicate.demo .front{width:260px;height:395px;background:url(./static/panels/duplicate-bg.png);background-size:cover;margin:-187px -215px}.duplicate.demo .back{margin:-170px -70px}.duplicate.demo .panel-slide{width:220px;height:198px}.duplicate.demo .slide-1{background-image:url(./static/panels/duplicate-selection.png)}.duplicate.demo .slide-2{background-image:url(./static/panels/duplicate-specific.png)}@keyframes tap{0%{transform:translateX(0)}to{transform:translateX(-10px)}}.download-section{position:relative;display:-ms-flexbox;display:flex;min-height:100%;padding:200px 0;-ms-flex-negative:0;flex-shrink:0;background:#0f73ee;color:#fff;-ms-flex-align:center;align-items:center}.download-section .download-wrap{margin-top:100px;width:100%}.download-section .download-bg{position:absolute;top:0;left:0;width:100%;height:100%;fill:#0f73ed}.download-section .container{position:relative;z-index:2}.download-section .title{color:#fff}.download-section h1{margin:25px 0}.download-section .button{background:#fff;line-height:60px;color:#0f73ee}.download-section .submit{margin-top:0}.download-section .legal{color:#fff;text-align:center;font-size:14px;line-height:26px;text-transform:uppercase;bottom:70px}.download-section .legal a{display:inline-block;color:inherit;line-height:24px;padding:0 10px}.labs-section{display:-ms-flexbox;display:flex;position:relative;min-height:100%;background:#202020;overflow:hidden;text-transform:uppercase;-ms-flex-align:center;align-items:center;padding:100px 0}.labs-section .container{position:relative;z-index:10}.labs-section svg{fill:#fff}.labs-section .labs-logo span,.labs-section span{font-family:roboto;letter-spacing:4px}.labs-section span{color:#a3a3a3;font-size:12px;letter-spacing:.14em}.labs-section .labs-logo svg{display:block;margin:80px 0 30px}.labs-section .labs-logo span{color:#fff;font-size:18px;letter-spacing:.14em}.labs-section a.more{width:100%;max-width:250px;line-height:60px;background-color:#000;color:#fff;font-family:roboto-condensed,roboto;font-size:16px;letter-spacing:.16em;font-weight:400;margin-top:80px;box-shadow:0 29px 105px 5px rgba(0,0,0,.45)}.labs-section .particle{width:30px;height:30px;position:absolute;pointer-events:none;will-change:transform;margin:-15px}.is-mobile .particle{transition:transform .15s}.promo{-ms-flex-negative:0;flex-shrink:0;font-family:brandon-grotesque,roboto-condensed,roboto;z-index:2;background-color:#1a1a1a;color:#8d8d8d;font-size:10px;font-weight:700;text-align:center;letter-spacing:3px;padding:20px;text-transform:uppercase}.promo a{display:inline-block;line-height:30px;border:1px solid;font-weight:700;padding:0 15px;margin-left:15px}.promo a:hover{opacity:.8}.promo a:first-of-type{color:#8d8d8d}.promo a:first-of-type:after{content:"";display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid;margin-left:5px}.promo a:last-of-type{color:#f36}#overlay{width:100%;height:100%;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:1000;top:0;left:0;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}#overlay .close{width:80px;height:80px;position:absolute;right:50px;top:50px;background:transparent;border:none;color:#fff;font-size:80px;line-height:80px;outline:none}#overlay .close:hover{opacity:.5}.overlay-content{color:#fff;font-size:16px}.overlay-visible{overflow:hidden}.overlay-visible #overlay{opacity:1;visibility:visible}.license h1.license{font-size:84px;margin-top:40px;color:#0f70e7;margin-bottom:50px}.license section.license p{color:#6a7889;max-width:840px;text-align:left;margin-bottom:30px}.license section.license p.first{margin-bottom:40px}.license section.license p.last{margin-bottom:150px}.license section.license span{font-weight:700;font-size:14px;letter-spacing:.06em}.changelog #content.container{max-width:100%}.changelog h1.changelog{font-size:84px;margin-top:40px;color:#0f70e7;margin-bottom:50px}.changelog section.changelog{margin-bottom:150px;text-align:left;max-width:800px;font-size:18px}.changelog section.changelog span{font-weight:700}.changelog section.changelog span.version{display:block;margin-bottom:10px}.changelog section.changelog span.initial{font-size:16px;font-weight:400;color:#6a7889}.changelog section.changelog div.release{font-size:34px;text-align:left;margin-bottom:20px}.changelog section.changelog div.release span{font-weight:400;color:#7e8fa3}.changelog section.changelog ul{margin-left:20px;color:#6a7889;list-style-type:disc;margin-bottom:30px;font-size:16px}.changelog section.changelog ul li{margin-bottom:8px}.changelog section.changelog ul li span{font-weight:400;color:#a5bbd6}.changelog section.changelog div.divider{border-bottom:1px solid #e5e5e5;margin:60px 0 50px}.download-popup{width:100%;height:100%;background:rgba(0,0,0,.9);position:fixed;top:0;left:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:100;opacity:0;visibility:hidden;display:-ms-flexbox;display:flex;transition:opacity .2s ease-out,visibility 0s linear .2s}.download-popup.visible{opacity:1;//display:flex;visibility:visible;transition:opacity .2s ease-out,visibility 0s linear 0s}.download-popup .content{max-width:1440px;background:#fff;display:-ms-flexbox;display:flex;text-align:center}.download-popup .btn{height:50px;color:#0f73ee;border:2px solid #0f73ee;border-radius:25px;font-family:sofia-pro,sans-serif;letter-spacing:1px;font-size:12px;font-weight:400;text-transform:uppercase;padding:0 70px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;transition:background .1s ease-out,color .1s ease-out}.download-popup .btn:hover{background:#0f73ee;color:#fff}.download-popup .btn:hover.white{background:#fff;color:#0f73ee}.download-popup .btn.white{color:#fff;border-color:#fff}.download-popup .discovery-container{flex-shrink:0;background:#0f73ee;-ms-flex-direction:column;flex-direction:column}.download-popup .discovery-container,.download-popup .panels{-ms-flex-negative:0;display:-ms-flexbox;display:flex;position:relative}.download-popup .panels{width:460px;color:#fff;flex-shrink:0;-ms-flex:1;flex:1;overflow:hidden}.download-popup .panel{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility 0s linear .2s}.download-popup .panel.visible{opacity:1;visibility:visible;transition:opacity .2s ease-out,visibility 0s linear 0s}.download-popup .panel.visible .preview-container{top:0;transition:.3s ease-out}.download-popup .panel .preview-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;transition:0s ease-out .3s}.download-popup .panel .preview-container,.download-popup .panel .preview-container video{width:100%;height:100%;position:absolute;top:0;left:0}.download-popup .panel .preview-container video source{width:100%;height:100%}.download-popup .panel .content-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex:1;flex:1;position:absolute;top:540px;width:100%;z-index:1}.download-popup .panel .heading{font-size:26px;font-weight:"black";letter-spacing:5px;text-transform:uppercase}.download-popup .panel .description{width:100%;font-size:17px;font-weight:400;letter-spacing:1px;line-height:25px;padding:0 80px;margin:20px 0 40px}.download-popup .controls{width:100%;height:100px;position:absolute;bottom:0;left:0}.download-popup .controls,.download-popup .dot-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.download-popup .dot-container{width:30px;height:30px;margin-right:2px;cursor:pointer}.download-popup .dot-container.last-child{margin-right:0}.download-popup .dot-container.active .dot,.download-popup .dot-container:hover .dot{background:#fff}.download-popup .dot{width:6px;height:6px;border-radius:3px;background:hsla(0,0%,100%,.5);transition:background .1s ease-out}.download-popup .download-container{width:100%;padding:80px 60px 40px}.download-popup .download-container .heading{font-size:48px;font-weight:"black";font-family:sofia-pro,sans-serif;letter-spacing:5px;color:#0f73ee;text-transform:uppercase}.download-popup .download-container .description{font-size:16px;font-weight:500;line-height:30px;letter-spacing:1px}.download-popup .download-container .steps{margin-top:80px;margin-bottom:100px;display:-ms-flexbox;display:flex}.download-popup .download-container .step{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-right:30px}.download-popup .download-container .step:last-child{margin-right:15px}.download-popup .download-container .number{width:40px;height:40px;background-color:#0f73ee;color:#fff;border-radius:20px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.download-popup .download-container .step-1 .image{width:148px;height:130px;background:url("./static/step-1.png")}.download-popup .download-container .step-2 .image{width:193px;height:222px;background:url("./static/step-2.png")}.download-popup .download-container .step-3 .image{width:211px;height:254px;background:url("./static/step-3.png")}.download-popup .download-container .visualization{width:220px;height:260px;margin:30px 0 20px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.download-popup .download-container .visualization .image{background-size:100%;background-repeat:no-repeat;background-position:50%}.download-popup .download-container .step-description{font-size:14px;font-weight:400;line-height:25px;letter-spacing:1px;color:#6a7889}.download-popup .download-container .craft-icon{width:23px;height:20px;display:inline-block;background:url("./static/craft-icon.png");background-size:100%;position:relative;top:4px}.download-popup .download-container .btn{width:280px;padding:0 10px;margin:0 auto 20px}.download-popup .download-container .footer-download{font-size:13px;font-weight:400;color:#6a7889;margin-bottom:20px}.download-popup .download-container .link.download{color:#0f73ee}.download-popup .download-container .link.support{color:#6a7889}.download-popup .download-container .link:hover{text-decoration:underline}@media (max-width:1440px){.download-popup .download-container{padding:45px 30px 15px 10px}.download-popup .panels{width:402px}.download-popup .panels .content-container{top:440px}.download-popup .panels .description{padding:0 60px}.download-popup .download-container .steps{margin-top:50px;margin-bottom:80px}.download-popup .download-container .step{margin-right:15px;margin-left:15px}}@media (max-width:1230px){.download-popup .panels{width:385px}.download-popup .panels .content-container{top:420px}.download-popup .download-container .heading{font-size:40px}.download-popup .download-container .visualization{margin-top:20px;margin-bottom:10px}}@media (min-width:1600px){.tablet{background-image:url(./static/bundle-tablet.jpg)}.keyboard{background-image:url(./static/bundle-keyboard.jpg)}}@media (max-width:1024px){.tablet{margin-left:230px}.keyboard{margin-left:-1790px}}@media (max-width:1000px){.demo{transform:scale(.8)}}@media (max-width:930px){header .fixed .logo-scroll{margin-left:0}.panel-section .subnav ul{padding:50px 0 25px}.panel-section .subnav ul li{padding-left:20px;padding-right:20px}.panel-section .features:not(.freehand){margin-top:0}.panel-section#freehand .features div.freehand img{border-radius:10px}.panel-section#manager .features{margin-top:0;margin-bottom:20px}.panel-section .demo{transform:none;position:static;margin:50px auto 80px;top:auto;left:auto}.panel-section .demo.styles{transform:none}.panel-section .demo.styles svg image{transform:translate(5%)}.panel-section .demo.prototype{transform:none}.panel-section .demo.prototype svg image{transform:translate(0)}.panel-section .demo.sync{transform:none}.panel-section .demo.sync svg image{transform:translate(0)}.panel-section .demo.manager{transform:none}.panel-section .demo.manager svg image{transform:translate(6%) scale(.8)}.panel-section .demo.library svg image{transform:translate(-5%)}.panel-section .demo.duplicate svg image{transform:translate(-3%) scale(.95)}.panel-section .demo.data{height:500px;width:100%}.panel-section .demo.data svg{top:auto;left:auto;transform:translate(17%,-10%);display:block;margin:0 auto}.panel-section .demo.data svg.web-svg{transform:translate(3%,-10%)}.panel-section .list{max-width:550px;text-align:center}}@media (max-width:850px){.promo span{display:block;margin-bottom:20px;line-height:20px}.intro{padding-top:80px}}@media (max-width:800px){.keyboard{margin-left:-1670px}.tablet{margin-left:100px}}@media (max-width:730px){.list{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.list li{margin-top:50px}.list li:first-child{margin-top:0}}@media (max-width:700px){header{padding-top:90px}header .logo{height:116px}header p.big{margin-top:30px}header .fixed.bottom{bottom:auto;top:0}header .logo-scroll{display:none}header .scroll-download.fixed-update{margin-left:0}.tablet{margin-left:150px;height:500px}.bundle{padding-bottom:120px}.bundle .keyboard{margin-left:-1650px;height:730px}.bundle .phone{height:160px}.container{padding:0 20px}.screencast{padding:50px 20px}}@media (max-width:650px){.panel-section h1,h1{font-size:64px}.changelog h1.changelog,.license h1.license{font-size:64px;margin-top:0}p.big{font-size:16px}.intro h1{font-size:54px}}@media (max-width:600px){.changelog h1.changelog,.license h1.license,.panel-section h1,h1{font-size:42px}p.big{font-size:15px}.title{font-size:16px}header .logo{height:100px}header p.big{font-size:inherit}form{max-width:320px}form input{display:block;width:100%}form .button{max-width:100%;margin-left:0;margin-top:10px!important}.intro .title{margin-bottom:50px}.bundle .title{margin-top:0}.bundle .list svg{width:60px;height:60px}.panel-section{padding:50px 0}.panel-title .title,.panel-title svg{width:60px;height:60px}.intro h1{font-size:44px}}@media (max-width:599px){header .fixed.scroll-header .scroll-download{display:block}header .fixed .scroll-download{display:none}.panel-section .list,.panel-section .list.on{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.panel-section .list.on li:last-child,.panel-section .list li:last-child{margin-bottom:0}.panel-section .list.off{display:none}.panel-section .demo.prototype svg image,.panel-section .demo.styles svg image{transform:translate(5%)}.panel-section .demo.manager{margin:-50px auto}.panel-section .demo.manager svg image{transform:scale(.7) translateY(23%)}.panel-section .demo.library svg image{transform:translate(-4%) scale(.7)}.panel-section .demo.data{height:375px}.panel-section .demo.data svg.data-svg{transform:translate(3%)}.panel-section .demo.data svg.web-svg{transform:translate(-4%)}.panel-section .demo.data svg.json-svg{transform:translate(4%)}}@media (max-width:440px){header .fixed .back-home,header .fixed .explore,header .fixed .scroll-download{line-height:100%;padding:10px}header .fixed .back-home span{display:none}footer{font-size:12px}footer span{text-align:center}footer .labs-logo{width:50px;height:50px;margin:0 15px}}@media (max-width:440px){.changelog h1.changelog,.license h1.license,.panel-section h1,h1{font-size:36px}.changelog div.release{font-size:24px!important}.title,p.big{font-size:14px}.panel-section#freehand .features div.freehand img{border-radius:6px}.panel-section .demo{margin:20px auto 70px}.panel-section .demo svg{margin-bottom:-200px}.panel-section .demo svg image{transform:translate(-6%) scale(.8)}.panel-section .demo.styles svg image{transform:translate(7%) scale(.8)}.panel-section .demo.prototype svg image{transform:translate(-1%) scale(.75)}.panel-section .demo.sync svg image{transform:translate(2%) scale(.75)}.panel-section .demo.duplicate svg image{transform:translate(1%) scale(.6)}.panel-section .demo.manager svg image{transform:translateY(10%) scale(.45)}.intro h1{font-size:30px}}@media (max-width:380px){#overlay .close{width:35px;height:35px;font-size:35px;right:50px;top:-10px}.changelog h1.changelog,.license h1.license,h1{font-size:32px}.changelog div.release{font-size:22px!important}header .button.download{margin:10px 0 0}.panel-section .walkthrough{margin-top:40px;font-size:14px}.panel-section .demo{margin:20px auto 50px}.panel-section .demo svg image{transform:translate(-4%) scale(.7)}.panel-section .demo.styles svg image{transform:translate(2%) scale(.8)}.panel-section .demo.prototype svg image{transform:translate(0) scale(.65)}.panel-section .demo.sync svg image{transform:translate(0) scale(.7)}.panel-section .demo.manager svg image{transform:translateY(10%) scale(.45)}.tablet{margin-left:60px;height:380px}.promo a{display:block;margin:0 0 20px}.intro h1{font-size:20px}}@media (max-width:320px){.panel-section .demo{margin:20px auto 10px}.panel-section .demo svg image{transform:translate(1%) scale(.5)}.panel-section .demo.styles svg image{transform:translate(6%) scale(.6)}.panel-section .demo.prototype svg image{transform:translate(0) scale(.55)}.panel-section .demo.sync svg image{transform:translate(-1%) scale(.6)}.panel-section .demo.duplicate svg image{transform:translate(-1.5%) scale(.55)}.panel-section .demo.manager svg image{transform:translate(-1%,10%) scale(.4)}.panel-section#prototype .panel-title .title{width:100px}.intro h1{font-size:20px}}@media only screen and (min-device-width:1440px) and (max-device-width:2560px) and (-webkit-min-device-pixel-ratio:3.5){.intro h1{font-size:20px}}