@-webkit-keyframes optimize_js_cursor{to{-webkit-transform:translate(256px, 438px);transform:translate(256px, 438px)}}@keyframes optimize_js_cursor{to{-webkit-transform:translate(256px, 438px);transform:translate(256px, 438px)}}@-webkit-keyframes optimize_sass_cursor{from{-webkit-transform:translate(256px, 438px);transform:translate(256px, 438px)}to{-webkit-transform:translate(256px, 512px);transform:translate(256px, 512px)}}@keyframes optimize_sass_cursor{from{-webkit-transform:translate(256px, 438px);transform:translate(256px, 438px)}to{-webkit-transform:translate(256px, 512px);transform:translate(256px, 512px)}}@-webkit-keyframes optimize_image_cursor{from{-webkit-transform:translate(256px, 512px);transform:translate(256px, 512px)}to{-webkit-transform:translate(256px, 288px);transform:translate(256px, 288px)}}@keyframes optimize_image_cursor{from{-webkit-transform:translate(256px, 512px);transform:translate(256px, 512px)}to{-webkit-transform:translate(256px, 288px);transform:translate(256px, 288px)}}@-webkit-keyframes optimize_cursor{from{-webkit-transform:translate(256px, 288px);transform:translate(256px, 288px)}to{-webkit-transform:translate(563px, 510px);transform:translate(563px, 510px)}}@keyframes optimize_cursor{from{-webkit-transform:translate(256px, 288px);transform:translate(256px, 288px)}to{-webkit-transform:translate(563px, 510px);transform:translate(563px, 510px)}}@-webkit-keyframes optimizing_bar{from{opacity:0}to{opacity:1}}@keyframes optimizing_bar{from{opacity:0}to{opacity:1}}@-webkit-keyframes show{0%,99%{opacity:1}100%{opacity:0}}@keyframes show{0%,99%{opacity:1}100%{opacity:0}}@-webkit-keyframes showend{0%,99%{opacity:1}100%{opacity:1}}@keyframes showend{0%,99%{opacity:1}100%{opacity:1}}.optimize--active #cursor{-webkit-transform:translate(93px, 175px);transform:translate(93px, 175px);-webkit-animation:optimize_js_cursor .5s 1s, optimize_sass_cursor .5s 4s, optimize_image_cursor .5s 7s, optimize_cursor .5s 11s;animation:optimize_js_cursor .5s 1s, optimize_sass_cursor .5s 4s, optimize_image_cursor .5s 7s, optimize_cursor .5s 11s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.optimize--active #optimizing-bar{animation:optimizing_bar .5s 11.75s forwards, optimizing_bar .5s 14s forwards reverse}.optimize--active #optimize-current-size-pre,.optimize--active #optimize-current-reduction-pre{animation:optimizing_bar .5s 11.75s forwards reverse}.optimize--active #optimize-current-reduction-post,.optimize--active #optimize-current-size-post{-webkit-animation:optimizing_bar .5s 14s forwards;animation:optimizing_bar .5s 14s forwards}.optimize--active #view-files{opacity:1}.optimize--active #files__inspector--js,.optimize--active #js-options{-webkit-animation:show 3s 1.5s;animation:show 3s 1.5s}.optimize--active #files__inspector--sass,.optimize--active #sass-options{-webkit-animation:show 3s 4.5s;animation:show 3s 4.5s}.optimize--active #files__inspector--svg,.optimize--active #svg-options-base{-webkit-animation:showend 7s 7.5s;animation:showend 7s 7.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.optimize--active #app{-webkit-transition:all .5s;transition:all .5s;-webkit-transform:scale(1);transform:scale(1);opacity:1}.optimize--active #file__js .file__row{-webkit-animation:row_selected 3s 1.5s;animation:row_selected 3s 1.5s}.optimize--active #file__js .file__icon,.optimize--active #file__js .file__text{-webkit-animation:row_content_selected 3s 1.5s;animation:row_content_selected 3s 1.5s}.optimize--active #file__style .file__row{-webkit-animation:row_selected 3s 4.5s;animation:row_selected 3s 4.5s}.optimize--active #file__style .file__icon,.optimize--active #file__style .file__text{-webkit-animation:row_content_selected 3s 4.5s;animation:row_content_selected 3s 4.5s}.optimize--active #file__image .file__row{-webkit-animation:row_selected 7s 7.5s forwards;animation:row_selected 7s 7.5s forwards}.optimize--active #file__image .file__icon,.optimize--active #file__image .file__text{-webkit-animation:row_content_selected 7s 7.5s forwards;animation:row_content_selected 7s 7.5s forwards}@-webkit-keyframes filesmove{from{-webkit-transform:translateY(-30%);transform:translateY(-30%)}to{-webkit-transform:translateY(40%);transform:translateY(40%)}}@keyframes filesmove{from{-webkit-transform:translateY(-30%);transform:translateY(-30%)}to{-webkit-transform:translateY(40%);transform:translateY(40%)}}@-webkit-keyframes fileentrance{from{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fileentrance{from{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes filerotation-1{99%{-webkit-transform:rotateX(-54deg) rotateY(55deg) rotateZ(24deg) scale(1.6);transform:rotateX(-54deg) rotateY(55deg) rotateZ(24deg) scale(1.6);opacity:1}100%{opacity:0}}@keyframes filerotation-1{99%{-webkit-transform:rotateX(-54deg) rotateY(55deg) rotateZ(24deg) scale(1.6);transform:rotateX(-54deg) rotateY(55deg) rotateZ(24deg) scale(1.6);opacity:1}100%{opacity:0}}@-webkit-keyframes filerotation-2{99%{-webkit-transform:rotateX(48deg) rotateY(44deg) rotateZ(8deg) scale(1.5);transform:rotateX(48deg) rotateY(44deg) rotateZ(8deg) scale(1.5);opacity:1}100%{opacity:0}}@keyframes filerotation-2{99%{-webkit-transform:rotateX(48deg) rotateY(44deg) rotateZ(8deg) scale(1.5);transform:rotateX(48deg) rotateY(44deg) rotateZ(8deg) scale(1.5);opacity:1}100%{opacity:0}}@-webkit-keyframes filerotation-3{99%{-webkit-transform:rotateX(42deg) rotateY(-7deg) rotateZ(27deg) scale(1.3);transform:rotateX(42deg) rotateY(-7deg) rotateZ(27deg) scale(1.3);opacity:1}100%{opacity:0}}@keyframes filerotation-3{99%{-webkit-transform:rotateX(42deg) rotateY(-7deg) rotateZ(27deg) scale(1.3);transform:rotateX(42deg) rotateY(-7deg) rotateZ(27deg) scale(1.3);opacity:1}100%{opacity:0}}@-webkit-keyframes filerotation-4{99%{-webkit-transform:rotateX(48deg) rotateY(32deg) rotateZ(-30deg) scale(1.1);transform:rotateX(48deg) rotateY(32deg) rotateZ(-30deg) scale(1.1);opacity:1}100%{opacity:0}}@keyframes filerotation-4{99%{-webkit-transform:rotateX(48deg) rotateY(32deg) rotateZ(-30deg) scale(1.1);transform:rotateX(48deg) rotateY(32deg) rotateZ(-30deg) scale(1.1);opacity:1}100%{opacity:0}}@-webkit-keyframes filerotation-5{99%{-webkit-transform:rotateX(-14deg) rotateY(57deg) rotateZ(-34deg) scale(1.6);transform:rotateX(-14deg) rotateY(57deg) rotateZ(-34deg) scale(1.6);opacity:1}100%{opacity:0}}@keyframes filerotation-5{99%{-webkit-transform:rotateX(-14deg) rotateY(57deg) rotateZ(-34deg) scale(1.6);transform:rotateX(-14deg) rotateY(57deg) rotateZ(-34deg) scale(1.6);opacity:1}100%{opacity:0}}@-webkit-keyframes filerotation-6{99%{-webkit-transform:rotateX(-67deg) rotateY(7deg) rotateZ(10deg) scale(1.6);transform:rotateX(-67deg) rotateY(7deg) rotateZ(10deg) scale(1.6);opacity:1}100%{opacity:0}}@keyframes filerotation-6{99%{-webkit-transform:rotateX(-67deg) rotateY(7deg) rotateZ(10deg) scale(1.6);transform:rotateX(-67deg) rotateY(7deg) rotateZ(10deg) scale(1.6);opacity:1}100%{opacity:0}}@-webkit-keyframes filerotation-7{99%{-webkit-transform:rotateX(54deg) rotateY(52deg) rotateZ(-14deg) scale(1.6);transform:rotateX(54deg) rotateY(52deg) rotateZ(-14deg) scale(1.6);opacity:1}100%{opacity:0}}@keyframes filerotation-7{99%{-webkit-transform:rotateX(54deg) rotateY(52deg) rotateZ(-14deg) scale(1.6);transform:rotateX(54deg) rotateY(52deg) rotateZ(-14deg) scale(1.6);opacity:1}100%{opacity:0}}@-webkit-keyframes filerotation-8{99%{-webkit-transform:rotateX(-19deg) rotateY(-21deg) rotateZ(7deg) scale(1.2);transform:rotateX(-19deg) rotateY(-21deg) rotateZ(7deg) scale(1.2);opacity:1}100%{opacity:0}}@keyframes filerotation-8{99%{-webkit-transform:rotateX(-19deg) rotateY(-21deg) rotateZ(7deg) scale(1.2);transform:rotateX(-19deg) rotateY(-21deg) rotateZ(7deg) scale(1.2);opacity:1}100%{opacity:0}}@-webkit-keyframes filerotation-9{99%{-webkit-transform:rotateX(48deg) rotateY(44deg) rotateZ(8deg) scale(1.6);transform:rotateX(48deg) rotateY(44deg) rotateZ(8deg) scale(1.6);opacity:1}100%{opacity:0}}@keyframes filerotation-9{99%{-webkit-transform:rotateX(48deg) rotateY(44deg) rotateZ(8deg) scale(1.6);transform:rotateX(48deg) rotateY(44deg) rotateZ(8deg) scale(1.6);opacity:1}100%{opacity:0}}@-webkit-keyframes filerotation-10{99%{-webkit-transform:rotateX(42deg) rotateY(-7deg) rotateZ(27deg) scale(1.3);transform:rotateX(42deg) rotateY(-7deg) rotateZ(27deg) scale(1.3);opacity:1}100%{opacity:0}}@keyframes filerotation-10{99%{-webkit-transform:rotateX(42deg) rotateY(-7deg) rotateZ(27deg) scale(1.3);transform:rotateX(42deg) rotateY(-7deg) rotateZ(27deg) scale(1.3);opacity:1}100%{opacity:0}}@-webkit-keyframes filerotation-11{99%{-webkit-transform:rotateX(48deg) rotateY(32deg) rotateZ(-30deg) scale(1.4);transform:rotateX(48deg) rotateY(32deg) rotateZ(-30deg) scale(1.4);opacity:1}100%{opacity:0}}@keyframes filerotation-11{99%{-webkit-transform:rotateX(48deg) rotateY(32deg) rotateZ(-30deg) scale(1.4);transform:rotateX(48deg) rotateY(32deg) rotateZ(-30deg) scale(1.4);opacity:1}100%{opacity:0}}.compile--active{-webkit-transform:translateY(70%);transform:translateY(70%)}.compile--active #view-files,.compile--active #files__inspector--sass,.compile--active #sass-options{opacity:1}#compile .layer--stage{z-index:200;-webkit-animation:filesmove 20s 0s infinite;animation:filesmove 20s 0s infinite;-webkit-perspective:800px;perspective:800px;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}#compile .compile__file{position:absolute}#compile .compile__file,#compile .compile__file svg{width:80px;height:120px;-webkit-transform-origin:center center;transform-origin:center center}#compile .compile__file{-webkit-animation-fill-mode:forwards !important;animation-fill-mode:forwards !important}#compile .compile__file svg{-webkit-animation:fileentrance 2s forwards;animation:fileentrance 2s forwards}#compile .compile__file:nth-child(1){-webkit-transform:rotateX(34deg) rotateY(10deg) rotateZ(9deg);transform:rotateX(34deg) rotateY(10deg) rotateZ(9deg);-webkit-animation:filerotation-1 20s 0s infinite;animation:filerotation-1 20s 0s infinite}#compile .compile__file:nth-child(2){-webkit-transform:rotateX(29deg) rotateY(13deg) rotateZ(2deg);transform:rotateX(29deg) rotateY(13deg) rotateZ(2deg);-webkit-animation:filerotation-2 20s 0s infinite;animation:filerotation-2 20s 0s infinite}#compile .compile__file:nth-child(3){-webkit-transform:rotateX(43deg) rotateY(10deg) rotateZ(12deg);transform:rotateX(43deg) rotateY(10deg) rotateZ(12deg);-webkit-animation:filerotation-3 20s 0s infinite;animation:filerotation-3 20s 0s infinite}#compile .compile__file:nth-child(4){-webkit-transform:rotateX(2deg) rotateY(41deg) rotateZ(8deg);transform:rotateX(2deg) rotateY(41deg) rotateZ(8deg);-webkit-animation:filerotation-4 20s 0s infinite;animation:filerotation-4 20s 0s infinite}#compile .compile__file:nth-child(5){-webkit-transform:rotateX(43deg) rotateY(8deg) rotateZ(44deg);transform:rotateX(43deg) rotateY(8deg) rotateZ(44deg);-webkit-animation:filerotation-5 20s 0s infinite;animation:filerotation-5 20s 0s infinite}#compile .compile__file:nth-child(6){-webkit-transform:rotateX(27deg) rotateY(28deg) rotateZ(32deg);transform:rotateX(27deg) rotateY(28deg) rotateZ(32deg);-webkit-animation:filerotation-6 20s 0s infinite;animation:filerotation-6 20s 0s infinite}#compile .compile__file:nth-child(7){-webkit-transform:rotateX(13deg) rotateY(27deg) rotateZ(28deg);transform:rotateX(13deg) rotateY(27deg) rotateZ(28deg);-webkit-animation:filerotation-7 20s 0s infinite;animation:filerotation-7 20s 0s infinite}#compile .compile__file:nth-child(8){-webkit-transform:rotateX(34deg) rotateY(1deg) rotateZ(6deg);transform:rotateX(34deg) rotateY(1deg) rotateZ(6deg);-webkit-animation:filerotation-8 20s 0s infinite;animation:filerotation-8 20s 0s infinite}#compile .compile__file:nth-child(9){-webkit-transform:rotateX(7deg) rotateY(7deg) rotateZ(41deg);transform:rotateX(7deg) rotateY(7deg) rotateZ(41deg);-webkit-animation:filerotation-9 20s 0s infinite;animation:filerotation-9 20s 0s infinite}#compile .compile__file:nth-child(10){-webkit-transform:rotateX(36deg) rotateY(18deg) rotateZ(14deg);transform:rotateX(36deg) rotateY(18deg) rotateZ(14deg);-webkit-animation:filerotation-10 20s 0s infinite;animation:filerotation-10 20s 0s infinite}#compile .compile__file:nth-child(11){-webkit-transform:rotateX(2deg) rotateY(18deg) rotateZ(12deg);transform:rotateX(2deg) rotateY(18deg) rotateZ(12deg);-webkit-animation:filerotation-11 20s 0s infinite;animation:filerotation-11 20s 0s infinite}#compile .compile__file:nth-child(1){top:65%;margin-left:-20%;animation-direction:reverse}#compile .compile__file:nth-child(2){top:55%;margin-left:10%}#compile .compile__file:nth-child(3){top:42%;margin-left:25%;animation-direction:reverse}#compile .compile__file:nth-child(4){top:36%;margin-left:-20%}#compile .compile__file:nth-child(5){top:22%;margin-left:15%}#compile .compile__file:nth-child(6){top:22%;margin-left:-6%}#compile .compile__file:nth-child(7){top:5%;margin-left:-18%}#compile .compile__file:nth-child(8){top:-15%;margin-left:-6%;animation-direction:reverse}#compile .compile__file:nth-child(9){top:-20%;margin-left:-16%}#compile .compile__file:nth-child(10){top:-38%;margin-left:6%}#compile .compile__file:nth-child(11){top:-32%;margin-left:5%;animation-direction:reverse}@-webkit-keyframes cursor_to_preview{from{-webkit-transform:translate(0, 0);transform:translate(0, 0)}to{-webkit-transform:translate(373px, 167px);transform:translate(373px, 167px)}}@keyframes cursor_to_preview{from{-webkit-transform:translate(0, 0);transform:translate(0, 0)}to{-webkit-transform:translate(373px, 167px);transform:translate(373px, 167px)}}@-webkit-keyframes app_to_refresh{to{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}}@keyframes app_to_refresh{to{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}}@-webkit-keyframes sublime_refresh_entrance{to{opacity:1;-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes sublime_refresh_entrance{to{opacity:1;-webkit-transform:scale(0.9);transform:scale(0.9)}}@-webkit-keyframes fade_in{to{opacity:1}}@keyframes fade_in{to{opacity:1}}@-webkit-keyframes desktop_div1_div3{to{height:46px}}@keyframes desktop_div1_div3{to{height:46px}}@-webkit-keyframes desktop_div2{to{height:180px}}@keyframes desktop_div2{to{height:180px}}@-webkit-keyframes mobile_div1_div3{to{height:64px}}@keyframes mobile_div1_div3{to{height:64px}}@-webkit-keyframes mobile_div2{to{height:223px}}@keyframes mobile_div2{to{height:223px}}@-webkit-keyframes div1{to{fill:green;stroke:green}}@keyframes div1{to{fill:green;stroke:green}}@-webkit-keyframes div2{to{fill:blue;stroke:blue}}@keyframes div2{to{fill:blue;stroke:blue}}@-webkit-keyframes div3{to{fill:orange;stroke:orange}}@keyframes div3{to{fill:orange;stroke:orange}}@-webkit-keyframes draw_in{to{stroke-dashoffset:0;opacity:1}}@keyframes draw_in{to{stroke-dashoffset:0;opacity:1}}@-webkit-keyframes notification{0%,25%{opacity:0}25%,75%{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}100%{opacity:0;-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes notification{0%,25%{opacity:0}25%,75%{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}100%{opacity:0;-webkit-transform:translateY(0%);transform:translateY(0%)}}.refresh--active #view-files,.refresh--active #files__inspector--sass,.refresh--active #sass-options,.refresh--active #preview-popover{opacity:1}.refresh--active #cursor{-webkit-animation:cursor_to_preview .5s;animation:cursor_to_preview .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.refresh--active #app{-webkit-animation:app_to_refresh .5s 3s;animation:app_to_refresh .5s 3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform-origin:center center;transform-origin:center center}.refresh--active .sublime--refresh{-webkit-transform:scale(0.9);transform:scale(0.9)}.refresh--active .sublime--refresh,.refresh--active #screens{-webkit-animation:sublime_refresh_entrance .5s 3.5s;animation:sublime_refresh_entrance .5s 3.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;-webkit-transform-origin:center top;transform-origin:center top}.refresh--active .div{-webkit-animation-fill-mode:forwards !important;animation-fill-mode:forwards !important}.refresh--active .element{-webkit-animation-fill-mode:forwards !important;animation-fill-mode:forwards !important}.refresh--active #notification{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0;-webkit-animation:notification 4s 7s 6;animation:notification 4s 7s 6}.refresh--active #notification-logo{color:#FFF}.refresh--active .desktop.div1{-webkit-animation:desktop_div1_div3 1s 7s, div1 1s 19s;animation:desktop_div1_div3 1s 7s, div1 1s 19s}.refresh--active .desktop.div2{-webkit-animation:desktop_div2 1s 11s, div2 1s 23s;animation:desktop_div2 1s 11s, div2 1s 23s}.refresh--active .desktop.div3{-webkit-animation:desktop_div1_div3 1s 15s, div3 1s 27s;animation:desktop_div1_div3 1s 15s, div3 1s 27s}.refresh--active .mobile.div1{-webkit-animation:mobile_div1_div3 1s 7s, div1 1s 19s;animation:mobile_div1_div3 1s 7s, div1 1s 19s}.refresh--active .mobile.div2{-webkit-animation:mobile_div2 1s 11s, div2 1s 23s;animation:mobile_div2 1s 11s, div2 1s 23s}.refresh--active .mobile.div3{-webkit-animation:mobile_div1_div3 1s 15s, div3 1s 27s;animation:mobile_div1_div3 1s 15s, div3 1s 27s}.refresh--active .div1{-webkit-animation:div1 1s 17s;animation:div1 1s 17s}.refresh--active .div2{-webkit-animation:div2 1s 19s;animation:div2 1s 19s}.refresh--active .div3{-webkit-animation:div3 1s 21s;animation:div3 1s 21s}.refresh--active #chrome{-webkit-animation:fade_in .5s 3.5s;animation:fade_in .5s 3.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.refresh--active .refresh-line{opacity:0;-webkit-animation:fade_in .25s;animation:fade_in .25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.refresh--active #article--featured{-webkit-animation:draw_in 1.5s 15.5s, feature_article .5s 23.25s;animation:draw_in 1.5s 15.5s, feature_article .5s 23.25s}.refresh--active #article--popular{-webkit-animation:draw_in 1.5s 15.8s, popular_article .5s 27.25s;animation:draw_in 1.5s 15.8s, popular_article .5s 27.25s}.refresh--active #article--new{-webkit-animation:draw_in 1.5s 16.1s, new_article .5s 31.25s;animation:draw_in 1.5s 16.1s, new_article .5s 31.25s}.refresh--active #refresh--thumbnail{-webkit-animation:draw_in 1.5s 19s;animation:draw_in 1.5s 19s}.refresh--active #refresh--line2{-webkit-animation-delay:7s;animation-delay:7s}.refresh--active #refresh--line3{-webkit-animation-delay:11s;animation-delay:11s}.refresh--active #refresh--line4{-webkit-animation-delay:15s;animation-delay:15s}.refresh--active #refresh--line5{-webkit-animation-delay:19s;animation-delay:19s}.refresh--active #refresh--line6{-webkit-animation-delay:23s;animation-delay:23s}.refresh--active #refresh--line7{-webkit-animation-delay:27s;animation-delay:27s}.refresh--active #refresh--line8{-webkit-animation-delay:31s;animation-delay:31s}.refresh--active #refresh--line9{-webkit-animation-delay:35s;animation-delay:35s}.refresh--active #refresh--line10{-webkit-animation-delay:39s;animation-delay:39s}.refresh--active #refresh--line11{-webkit-animation-delay:43s;animation-delay:43s}@-webkit-keyframes build_cursor{to{-webkit-transform:translate(640px, 117px);transform:translate(640px, 117px)}}@keyframes build_cursor{to{-webkit-transform:translate(640px, 117px);transform:translate(640px, 117px)}}.build--active{-webkit-transform:translateX(0%);transform:translateX(0%)}.build--active #view-build{opacity:1;-webkit-transition-delay:.45s;transition-delay:.45s}.build--active #server-icons{-webkit-transform:translate(652px, 61px);transform:translate(652px, 61px);-webkit-transition:all .74s;transition:all .74s}.build--active #cursor{-webkit-transform:translate(93px, 361px);transform:translate(93px, 361px);-webkit-animation:build_cursor 2s 1.5s;animation:build_cursor 2s 1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.build--active #build--window .window-wrap{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:3.5s;transition-delay:3.5s;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.build--active #build--window .window-file01 .file-wrap{-webkit-transition-delay:4s;transition-delay:4s}.build--active #build--window .window-file02 .file-wrap{-webkit-transition-delay:4.5s;transition-delay:4.5s}.build--active #build--window .window-file03 .file-wrap{-webkit-transition-delay:5s;transition-delay:5s}.build--active #build--window .window-file04 .file-wrap{-webkit-transition-delay:5.5s;transition-delay:5.5s}.build--active #build--window .window-file05 .file-wrap{-webkit-transition-delay:6s;transition-delay:6s}.build--active #build--window .window-file06 .file-wrap{-webkit-transition-delay:6.5s;transition-delay:6.5s}.build--active #build--window .window-file07 .file-wrap{-webkit-transition-delay:7s;transition-delay:7s}.build--active #build--window .window-file08 .file-wrap{-webkit-transition-delay:7.5s;transition-delay:7.5s}.build--active #build--window .file-wrap{-webkit-transform:scale(1);transform:scale(1);opacity:1}.landing__testimonials{padding:12em 0}.landing__testimonials p{font-weight:300}.landing__testimonials .source{display:block;font-size:ms(-1);color:#7A7A7A}.landing__testimonials .col{margin-bottom:4em}.landing__testimonials img{width:64px;border-radius:1000px;float:left;margin-right:12px;position:relative;top:-8px}.testimonials--active{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}@-webkit-keyframes frameworks_cursor{to{-webkit-transform:translate(597px, 515px);transform:translate(597px, 515px)}}@keyframes frameworks_cursor{to{-webkit-transform:translate(597px, 515px);transform:translate(597px, 515px)}}@-webkit-keyframes download_fill{0%{width:0}90%{width:49px;opacity:1}100%{opacity:0}}@keyframes download_fill{0%{width:0}90%{width:49px;opacity:1}100%{opacity:0}}@-webkit-keyframes download_pill{to{opacity:0}}@keyframes download_pill{to{opacity:0}}@-webkit-keyframes download_finish{to{opacity:1}}@keyframes download_finish{to{opacity:1}}.frameworks--active #cursor{-webkit-transform:translate(93px, 245px);transform:translate(93px, 245px);-webkit-animation:frameworks_cursor 2s 1s;animation:frameworks_cursor 2s 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.frameworks--active #file__foundation .file__row{fill:#4a90e2}.frameworks--active #file__foundation .file__text{fill:#fff}.frameworks--active #view-components,.frameworks--active #components__inspector{opacity:1}.frameworks--active #frameworks--window .window-wrap{-webkit-transition-delay:3.5s;transition-delay:3.5s;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transform:scale(1);transform:scale(1);opacity:1}.frameworks--active #frameworks--window .file-wrap{-webkit-transform:scale(1);transform:scale(1);opacity:1}.frameworks--active #build--folder08{-webkit-animation:download_finish 1s 12s;animation:download_finish 1s 12s;opacity:.3;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.frameworks--active #download-pill{-webkit-animation:download_pill .5s;animation:download_pill .5s;-webkit-animation-delay:12s;animation-delay:12s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.frameworks--active #download-fill{-webkit-animation:download_fill 10s;animation:download_fill 10s;-webkit-animation-delay:3.5s;animation-delay:3.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes fade_in{to{opacity:1}}.debug--active .window-path,.testimonials--active .window-path{width:412px;-webkit-transition:all .25s;transition:all .25s}.debug--active #view-logs,.testimonials--active #view-logs{opacity:1;-webkit-transition-delay:.45s;transition-delay:.45s}.debug--active .sublime--debug,.testimonials--active .sublime--debug{opacity:1}.debug--active #app,.testimonials--active #app{-webkit-transform:scale(0.8) translateX(0);transform:scale(0.8) translateX(0)}.debug--active #cursor{-webkit-transform:translate(93px, 206px);transform:translate(93px, 206px)}.debug--active .debug-line,.debug--active .log-item{opacity:0;-webkit-animation:fade_in .2s;animation:fade_in .2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.debug--active #log-1{-webkit-animation-delay:1.5s;animation-delay:1.5s}.debug--active #log-2{-webkit-animation-delay:2.5s;animation-delay:2.5s}.debug--active #log-3{-webkit-animation-delay:3.5s;animation-delay:3.5s}.debug--active #log-4{-webkit-animation-delay:8.5s;animation-delay:8.5s}.debug--active #log-5{-webkit-animation-delay:9.5s;animation-delay:9.5s}.debug--active #log-6{-webkit-animation-delay:10.5s;animation-delay:10.5s}.debug--active #log-7{-webkit-animation-delay:15.5s;animation-delay:15.5s}.debug--active #log-8{-webkit-animation-delay:16.5s;animation-delay:16.5s}.debug--active #log-9{-webkit-animation-delay:17.5s;animation-delay:17.5s}.debug--active #log-10{-webkit-animation-delay:18.5s;animation-delay:18.5s}.debug--active #log-11{-webkit-animation-delay:19.5s;animation-delay:19.5s}.debug--active #log-12{-webkit-animation-delay:20.5s;animation-delay:20.5s}.debug--active #debug--line23{-webkit-animation-delay:0.5s;animation-delay:0.5s}.debug--active #debug--line24{-webkit-animation-delay:1.5s;animation-delay:1.5s}.debug--active #debug--line25{-webkit-animation-delay:2.5s;animation-delay:2.5s}.debug--active #debug--line26{-webkit-animation-delay:3.5s;animation-delay:3.5s}.debug--active #debug--line27{-webkit-animation-delay:4.5s;animation-delay:4.5s}.debug--active #debug--line28{-webkit-animation-delay:8.5s;animation-delay:8.5s}.debug--active #debug--line29{-webkit-animation-delay:9.5s;animation-delay:9.5s}.debug--active #debug--line30{-webkit-animation-delay:10.5s;animation-delay:10.5s}.debug--active #debug--line31{-webkit-animation-delay:11.5s;animation-delay:11.5s}.debug--active #debug--line32{-webkit-animation-delay:16.5s;animation-delay:16.5s}.debug--active #debug--line33{-webkit-animation-delay:17.5s;animation-delay:17.5s}.debug--active #debug--line34{-webkit-animation-delay:18.5s;animation-delay:18.5s}.landing__marketing{text-align:center}.landing__marketing p{font-size:ms(-1);color:#999}.landing__marketing h1{margin:0}.landing__marketing .section__container{-webkit-box-flex:0;-webkit-flex:0 1 100%;flex:0 1 100%}@media (min-width: 768px){.landing__marketing .section__container{-webkit-box-flex:0;-webkit-flex:0 1 66.6666666667%;flex:0 1 66.6666666667%;margin-left:16.6666666667%}}@media (min-width: 1024px){.landing__marketing .section__container{-webkit-box-flex:0;-webkit-flex:0 1 50%;flex:0 1 50%;margin-left:50%}}.landing__marketing .section__brand{margin-bottom:2em}.landing__marketing .section__ctas{margin-bottom:1.2em}.landing__marketing .section__subtext{font-size:11px}#marketing-footer{height:70vh;color:#fff;background:#000}#marketing-footer .button--secondary{color:#000;background:#fff}.marketing--active #view-files,.marketing--active #files__inspector--sass,.marketing--active #sass-options,.marketing-footer--active #view-files,.marketing-footer--active #files__inspector--sass,.marketing-footer--active #sass-options{opacity:1}#application{-webkit-transition:all .75s;transition:all .75s;-webkit-transform-origin:left top;transform-origin:left top}#application *{overflow:visible;font-family:"system", "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Arial", "Lucida Grande", Sans-Serif !important}.nav__icon{stroke:#979797}#server-icons{-webkit-transform:translate(409px, 61px);transform:translate(409px, 61px)}.nav__item .nav__selection,.sublime,.sublime--refresh,#chrome,#preview-popover,.inspector__tab--content,#optimizing-bar,#optimize-current-size-post,#optimize-current-reduction-post,#screens,#notification{opacity:0}.view{-webkit-transition:all .5s;transition:all .5s;-webkit-transform:translate(56px, 56px);transform:translate(56px, 56px);opacity:0}.view__list{font-size:12px;font-weight:400;-webkit-transform:translate(72px, 104px);transform:translate(72px, 104px)}#cursor{-webkit-transition:all .5s;transition:all .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.list-outdent{-webkit-transform:translate(-64px, 0);transform:translate(-64px, 0)}.view__inspector{-webkit-transform:translate(431px, 16px);transform:translate(431px, 16px);opacity:0}.file__icon{fill:#888}.file__row{fill:#fff}.file__row text{fill:#000}.landing__footer{background:#000;color:#FFF;margin:0;padding:3em 0}.tron{position:absolute;right:-28%;bottom:0;left:-28%;height:80%;-webkit-transform:rotateX(65deg);transform:rotateX(65deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;background:-webkit-linear-gradient(#000, rgba(0,0,0,0)),-webkit-linear-gradient(left, rgba(0,0,0,0) 53px, #777 56px),-webkit-linear-gradient(bottom, #000 53px, #999 56px);background:linear-gradient(#000, rgba(0,0,0,0)),linear-gradient(90deg, rgba(0,0,0,0) 53px, #777 56px),linear-gradient(0deg, #000 53px, #999 56px);background-repeat:repeat-x, repeat, repeat;background-size:cover,56px 56px,56px 56px;-webkit-animation:grid 40s linear infinite;animation:grid 40s linear infinite}@-webkit-keyframes row_selected{0%,100%{fill:#4a90e2}}@keyframes row_selected{0%,100%{fill:#4a90e2}}@-webkit-keyframes row_content_selected{0%,100%{fill:#fff}}@keyframes row_content_selected{0%,100%{fill:#fff}}@media (min-width: 768px){.section:not(.landing__marketing):not(.landing__testimonials){padding:8em 0}}@media (max-width: 767px){.section:not(.landing__marketing):not(.landing__testimonials){margin-top:3em;padding-top:4em;border-top:1px solid #eee}}.section:not(.landing__marketing):not(.landing__testimonials) .col{-webkit-box-flex:0;-webkit-flex:0 1 100%;flex:0 1 100%}@media (min-width: 768px){.section:not(.landing__marketing):not(.landing__testimonials) .col{-webkit-box-flex:0;-webkit-flex:0 1 41.6666666667%;flex:0 1 41.6666666667%;margin-left:58.3333333333%}}.section--active .layer--stage{-webkit-transform:scale(1);transform:scale(1);opacity:1}.section:not(.section--active) .layer--stage{opacity:0}.landing__marketing{display:-webkit-box;display:-webkit-flex;display:flex;height:40vh;-webkit-box-align:center;-webkit-align-items:center;align-items:center}@media (min-width: 768px){.landing__marketing{height:90vh}}.section__intro{margin-bottom:3.2em}.section__intro h2{margin-bottom:.2em}.section__intro p{font-size:ms(1)}.section__svg{width:575px;height:550px}.layer.layer--shapes{z-index:-1;overflow:hidden;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.layer.layer--stage{z-index:500}.layer.layer--app{z-index:499}.layer.layer--stage,.layer.layer--app{right:43%;-webkit-transition:opacity .5s;transition:opacity .5s}.layer.layer--shapes,.layer.layer--stage,.layer.layer--app{pointer-events:none}@media (max-width: 767px){.layer.layer--shapes,.layer.layer--stage,.layer.layer--app{display:none}}.cube{position:fixed;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cube [class*='cube__face']{position:absolute;border-width:1px;border-style:solid;border-color:#ddd;background:rgba(255,255,255,0.8)}.cube.cube--large{-webkit-animation-name:rotate01;animation-name:rotate01;-webkit-animation-duration:180s;animation-duration:180s}.cube.cube--large,.cube.cube--large [class*="cube__face"]{width:180px;height:180px}.cube.cube--large [class*="cube__face"].cube__face--front{-webkit-transform:rotateY(0deg) translateZ(90px);transform:rotateY(0deg) translateZ(90px)}.cube.cube--large [class*="cube__face"].cube__face--back{-webkit-transform:rotateX(180deg) translateZ(90px);transform:rotateX(180deg) translateZ(90px)}.cube.cube--large [class*="cube__face"].cube__face--right{-webkit-transform:rotateY(90deg) translateZ(90px);transform:rotateY(90deg) translateZ(90px)}.cube.cube--large [class*="cube__face"].cube__face--left{-webkit-transform:rotateY(-90deg) translateZ(90px);transform:rotateY(-90deg) translateZ(90px)}.cube.cube--large [class*="cube__face"].cube__face--top{-webkit-transform:rotateX(90deg) translateZ(90px);transform:rotateX(90deg) translateZ(90px)}.cube.cube--large [class*="cube__face"].cube__face--bottom{-webkit-transform:rotateX(-90deg) translateZ(90px);transform:rotateX(-90deg) translateZ(90px)}.cube.cube--medium{-webkit-animation-name:rotate02;animation-name:rotate02;-webkit-animation-duration:128s;animation-duration:128s}.cube.cube--medium,.cube.cube--medium [class*="cube__face"]{width:128px;height:128px}.cube.cube--medium [class*="cube__face"].cube__face--front{-webkit-transform:rotateY(0deg) translateZ(64px);transform:rotateY(0deg) translateZ(64px)}.cube.cube--medium [class*="cube__face"].cube__face--back{-webkit-transform:rotateX(180deg) translateZ(64px);transform:rotateX(180deg) translateZ(64px)}.cube.cube--medium [class*="cube__face"].cube__face--right{-webkit-transform:rotateY(90deg) translateZ(64px);transform:rotateY(90deg) translateZ(64px)}.cube.cube--medium [class*="cube__face"].cube__face--left{-webkit-transform:rotateY(-90deg) translateZ(64px);transform:rotateY(-90deg) translateZ(64px)}.cube.cube--medium [class*="cube__face"].cube__face--top{-webkit-transform:rotateX(90deg) translateZ(64px);transform:rotateX(90deg) translateZ(64px)}.cube.cube--medium [class*="cube__face"].cube__face--bottom{-webkit-transform:rotateX(-90deg) translateZ(64px);transform:rotateX(-90deg) translateZ(64px)}.cube.cube--small{-webkit-animation-name:rotate03;animation-name:rotate03;-webkit-animation-duration:96s;animation-duration:96s}.cube.cube--small,.cube.cube--small [class*="cube__face"]{width:96px;height:96px}.cube.cube--small [class*="cube__face"].cube__face--front{-webkit-transform:rotateY(0deg) translateZ(48px);transform:rotateY(0deg) translateZ(48px)}.cube.cube--small [class*="cube__face"].cube__face--back{-webkit-transform:rotateX(180deg) translateZ(48px);transform:rotateX(180deg) translateZ(48px)}.cube.cube--small [class*="cube__face"].cube__face--right{-webkit-transform:rotateY(90deg) translateZ(48px);transform:rotateY(90deg) translateZ(48px)}.cube.cube--small [class*="cube__face"].cube__face--left{-webkit-transform:rotateY(-90deg) translateZ(48px);transform:rotateY(-90deg) translateZ(48px)}.cube.cube--small [class*="cube__face"].cube__face--top{-webkit-transform:rotateX(90deg) translateZ(48px);transform:rotateX(90deg) translateZ(48px)}.cube.cube--small [class*="cube__face"].cube__face--bottom{-webkit-transform:rotateX(-90deg) translateZ(48px);transform:rotateX(-90deg) translateZ(48px)}.cube.cube--tiny{-webkit-animation-name:rotate04;animation-name:rotate04;-webkit-animation-duration:64s;animation-duration:64s}.cube.cube--tiny,.cube.cube--tiny [class*="cube__face"]{width:64px;height:64px}.cube.cube--tiny [class*="cube__face"].cube__face--front{-webkit-transform:rotateY(0deg) translateZ(32px);transform:rotateY(0deg) translateZ(32px)}.cube.cube--tiny [class*="cube__face"].cube__face--back{-webkit-transform:rotateX(180deg) translateZ(32px);transform:rotateX(180deg) translateZ(32px)}.cube.cube--tiny [class*="cube__face"].cube__face--right{-webkit-transform:rotateY(90deg) translateZ(32px);transform:rotateY(90deg) translateZ(32px)}.cube.cube--tiny [class*="cube__face"].cube__face--left{-webkit-transform:rotateY(-90deg) translateZ(32px);transform:rotateY(-90deg) translateZ(32px)}.cube.cube--tiny [class*="cube__face"].cube__face--top{-webkit-transform:rotateX(90deg) translateZ(32px);transform:rotateX(90deg) translateZ(32px)}.cube.cube--tiny [class*="cube__face"].cube__face--bottom{-webkit-transform:rotateX(-90deg) translateZ(32px);transform:rotateX(-90deg) translateZ(32px)}.cube.cube--01{top:12%;left:8%}.cube.cube--02{top:6%;right:12%}.cube.cube--03{bottom:24%;left:3%}.cube.cube--04{right:8%;bottom:4%}.cubes{position:static}.cubes.cubes__foreground{z-index:20;overflow:hidden;width:100%;height:100vh}.cubes.cubes__background{z-index:10}.cubes.cubes__background .cube [class*='cube__face']{border-color:#fff;background:#000}.build--active #nav-build .nav__icon,.frameworks--active #nav-frameworks .nav__icon,.debug--active #nav-debug .nav__icon,.testimonials--active #nav-debug .nav__icon,.refresh--active #nav-files .nav__icon,.compile--active #nav-files .nav__icon,.optimize--active #nav-files .nav__icon{-webkit-transition-delay:.45s;transition-delay:.45s;stroke:#4990e2}.build--active #nav-build .nav__selection,.frameworks--active #nav-frameworks .nav__selection,.debug--active #nav-debug .nav__selection,.testimonials--active #nav-debug .nav__selection,.refresh--active #nav-files .nav__selection,.compile--active #nav-files .nav__selection,.optimize--active #nav-files .nav__selection{-webkit-transition-delay:.45s;transition-delay:.45s;opacity:1}.window-wrap{-webkit-transform:scale(0.6);transform:scale(0.6);-webkit-transform-origin:center center;transform-origin:center center;opacity:0}.file-wrap{-webkit-transition:all .5s;transition:all .5s;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:center center;transform-origin:center center;opacity:0}.window-file01{-webkit-transform:translate(24px, 48px) scale(1);transform:translate(24px, 48px) scale(1)}.window-file02{-webkit-transform:translate(140px, 48px) scale(1);transform:translate(140px, 48px) scale(1)}.window-file03{-webkit-transform:translate(264px, 48px) scale(1);transform:translate(264px, 48px) scale(1)}.window-file04{-webkit-transform:translate(384px, 48px) scale(1);transform:translate(384px, 48px) scale(1)}.window-file05{-webkit-transform:translate(24px, 188px) scale(1);transform:translate(24px, 188px) scale(1)}.window-file06{-webkit-transform:translate(140px, 188px) scale(1);transform:translate(140px, 188px) scale(1)}.window-file07{-webkit-transform:translate(264px, 188px) scale(1);transform:translate(264px, 188px) scale(1)}.window-file08{-webkit-transform:translate(384px, 188px) scale(1);transform:translate(384px, 188px) scale(1)}