:root{--brand-color:#1e90ff;--footer-color:#000}[class*=hint--]:after{border-radius:6px;text-transform:none;word-spacing:normal}.is-touch [class*=hint--]:after,.is-touch [class*=hint--]:before{display:none}*,:after,:before{box-sizing:border-box}body{font-family:open sans,sans-serif;font-size:16px;line-height:1.5;background:#fff -webkit-repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.1) 5px);background:#fff repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.1) 5px);background-size:21px 21px;color:#5e5e5e;margin:0;padding:0;overflow-x:hidden}@media (max-width:650px){body{font-size:14px}}.hidden{display:none!important}a:focus,button:focus,input:focus{outline:0}a{cursor:pointer;text-decoration:none}a,a:hover{color:#04a4ff}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{line-height:1.3em;margin:0 0 10px}input[type=text]{padding:6px;border:1px solid #ddd;border-radius:3px;font-size:inherit;background-color:#eee;-webkit-transition:.2s ease;transition:.2s ease}input[type=text]:focus{border-color:#04a4ff}input[type=radio]{margin:0 8px 0 0}label{cursor:pointer}.rule{border:0;border-bottom:1px solid #eee}.rule--dark{border-color:#272e35;margin:16px 0}.tac{text-align:center}.vam{vertical-align:middle}.push--left{margin-left:16px!important}.push--right{margin-right:16px!important}.push--top{margin-top:16px!important}.push--bottom{margin-bottom:16px!important}.flush{margin:0}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-center--v{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-center--h{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.label{font-weight:400;color:#0088e3;margin:0 0 16px}.label--dark{color:#04a4ff}.btn{display:inline-block;border:0;background:transparent;border:1px solid rgba(0,0,0,.2);color:#777;font-size:inherit;border-radius:3px;padding:4px 15px;cursor:pointer;-webkit-transition:.2s ease;transition:.2s ease}.btn:hover{text-decoration:none;box-shadow:0 3px 5px 0 rgba(0,0,0,.15)}.btn--positive{background:#7cb342;color:#fff}.btn--positive:hover{background:#689f38;color:#fff}.btn+.btn{margin-left:5px}.btn-group{position:relative;display:inline-block}.dropdown__menu{position:absolute;left:0;top:100%;margin:0;padding:0;background:#fff;border-radius:4px;border:1px solid #eee;z-index:3;opacity:0;visibility:hidden;-webkit-transition:.3s ease;transition:.3s ease;-webkit-transform:translateY(10px);transform:translateY(10px)}.dropdown__menu>li{list-style:none}.dropdown__menu>li>a{white-space:nowrap;display:inline-block;padding:10px}.dropdown__menu--right{left:auto;right:0;text-align:right;-webkit-transform:translateY(20px);transform:translateY(20px)}.dropdown:hover>.dropdown__menu{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}a svg{width:24px;height:24px;vertical-align:middle;fill:#999;-webkit-transition:.25s ease;transition:.25s ease}.page-section{padding:40px}@media (max-width:650px){.page-section{padding:10px}}footer,header{padding:15px 40px;-webkit-transition:padding .3s ease;transition:padding .3s ease;will-change:padding;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fdfdfd;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-header{background:#3256b4}.main-header.mini{padding:5px 20px}.header__logo-wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__logo-wrap:hover{text-decoration:none}.main-header__title{font-weight:300;font-size:1.1em;display:inline-block;color:#fff;margin:0 2em 0 0;letter-spacing:3px}.header__right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer-link,.header-link{letter-spacing:1px;word-spacing:3px;margin-left:20px}.header-link{color:hsla(0,0%,100%,.8)}.header-link>svg{fill:hsla(0,0%,100%,.8)}.user-pic{height:23px;border-radius:50%}.user-pic--big{width:100px;height:100px}footer{font-size:.8em;background:transparent;-webkit-transition:.25s linear;transition:.25s linear}footer:hover{opacity:1}.fade-in-transition{-webkit-transition:.3s ease;transition:.3s ease}.fade-in-enter,.fade-in-leave{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes pop-in{0%{-webkit-transform:scale(.78);transform:scale(.78);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes pop-in{0%{-webkit-transform:scale(.78);transform:scale(.78);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes fade-down{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.inline-link{margin:0 10px;display:inline-block;vertical-align:middle}.about-modal{text-align:center}.about-modal__separator{border-bottom:1px solid #f5f5f5;margin:24px -16px}.btn>select{-webkit-appearance:none;border:none;background-color:transparent;font-size:inherit;color:inherit}.btn>select:focus{outline:0}.saved-items-select{opacity:0;visibility:hidden}.saved-items-select.show{visibility:visible;opacity:1}.footer-share-bar{position:absolute;bottom:4px;left:160px}.signin-btn{white-space:nowrap;padding-top:2em;padding-bottom:2em}.signin-btn svg{margin-right:10px;width:48px;height:48px;fill:hsla(0,0%,100%,.5)}.login-modal{width:auto!important}.is-embed .codemirror-container,.is-embed .create__footer,.is-embed .create__header-option-wrap,.is-embed .pane-separator{display:none}.is-embed .create-wrap{height:calc(100% - 54px)}@media (max-width:650px){.main-header{padding-left:20px;padding-right:20px}.create-screen{top:0!important}.create-wrap{height:100%!important}}.underlay{position:fixed;left:-40vw;right:-40vw;top:-40vh;bottom:-40vh;z-index:2;background:rgba(50,86,180,.9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal{position:relative;padding:2em;background:#fff;border-radius:4px;width:600px;max-width:90vw;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 20px 0 rgba(0,0,0,.15)}@media screen and (max-width:700px){.modal{width:95vw}}@media screen and (max-width:400px){.modal{width:98vw;padding:1em}}.modal__close-btn{position:absolute;right:10px;top:10px}.modal-transition{will-change:transform,opacity;-webkit-transition:opacity .25s ease,-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:opacity .25s ease,-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s ease;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,-webkit-transform .3s cubic-bezier(.4,0,.2,1)}.modal-enter,.modal-leave{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}.notifications{position:fixed;left:42%;top:0;z-index:5}.notification{border:1px solid #f0c36d;border-top:0;background-color:#f9edbe;border-radius:0 0 5px 5px;box-shadow:0 2px 4px rgba(0,0,0,.2);display:inline-block;padding:6px 20px;color:#9d772f}.notification-transition{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:.25s ease;transition:.25s ease}.notification-enter,.notification-leave{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}.hero-section{background:#375dc2 -webkit-repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.1) 5px);background:#375dc2 repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.1) 5px);background-size:21px 21px;color:#fff;text-align:center;min-height:calc(100vh - 55px);padding-top:1px}@media (max-width:650px){.home-screen{padding:0 12px}}.app-title{font-size:6em;margin:2em 0 .2em;font-weight:300;-webkit-animation:fade-down .6s ease forwards;animation:fade-down .6s ease forwards;opacity:0}.app-tagline{font-size:1.2em;color:hsla(0,0%,100%,.6);font-weight:200;-webkit-animation:fade-down .6s ease forwards .3s;animation:fade-down .6s ease forwards .3s;opacity:0}.home-screen__footer{text-align:center;display:block}.home-screen__footer.load-anim{-webkit-animation:fade-in .4s ease forwards .6s;animation:fade-in .4s ease forwards .6s;opacity:0}.create-btn{font-size:1.5em;padding:15px 40px;margin-top:2em;box-shadow:0 3px 5px 0 rgba(0,0,0,.15);-webkit-animation:pop-in .4s cubic-bezier(.71,1.7,.77,1.24) forwards .6s;animation:pop-in .4s cubic-bezier(.71,1.7,.77,1.24) forwards .6s;opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}.create-btn:hover{box-shadow:0 4px 9px 0 rgba(0,0,0,.15)}.feature-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin:40px 20px}.feature-tile{margin:20px;-ms-flex-preferred-size:calc(33% - 0px);flex-basis:calc(33% - 0px)}@media (max-width:650px){.app-title{font-size:4em}}@media (max-width:1024px){.feature-list{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}.feature-tile{margin:20px 10px;-ms-flex-preferred-size:100%;flex-basis:100%}}.feature-tile__title{margin-bottom:1em}.screenshot{display:none}@media (min-width:1300px){.hero-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-title{margin-top:0}.hero-section>div:first-child{-ms-flex-preferred-size:50%;flex-basis:50%}.screenshot{display:block;width:846px;height:650px;position:absolute;right:calc(50vw - 846px);z-index:1;box-shadow:0 14px 40px 6px rgba(0,0,0,.3);border-radius:3px;-webkit-transition:.5s ease;transition:.5s ease;will-change:transform}.screenshot:hover{-webkit-transform:translateX(calc(50vw - 846px));transform:translateX(calc(50vw - 846px));-webkit-transition-delay:.1s;transition-delay:.1s}}.item-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.profile-section{color:#fff;background:#00bfff -webkit-repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.1) 5px);background:#00bfff repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.1) 5px);background-size:21px 21px;position:relative}.profile-section h2{font-size:2em;margin-bottom:40px}.profile-section__pic{position:absolute;top:110px;left:calc(50vw - 50px);border:5px solid #f9f9f9}@media (max-width:650px){.profile-section__pic{top:60px}}.item-tile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:20px;background:#fff;-ms-flex-preferred-size:100%;flex-basis:100%;overflow:hidden;box-shadow:0 3px 8px 0 rgba(0,0,0,.1);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease}.item-tile h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-tile:hover{box-shadow:0 5px 11px 0 rgba(0,0,0,.18)}.item-tile__img{float:left;width:40px;min-height:30px;margin-right:20px;vertical-align:top}.item-tile__right{overflow:hidden}.item-tile__bottom,.item-tile__top{padding:20px}.item-tile__top{min-height:40px;-webkit-box-flex:1;-ms-flex:1;flex:1}.item-tile__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:.4;text-align:right;-webkit-transition:.25s ease;transition:.25s ease}.item-tile:hover .item-tile__bottom{opacity:1}@media screen and (max-width:900px){.item-tile{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:20px 0}.item-tile__bottom{padding-top:0;text-align:left}}.item-action-btns{vertical-align:top;margin-top:20px}.item-action-btns>a{margin-right:5px}.item-action-btns svg{fill:#ccc}.preview-frame{border:0;position:absolute;top:0;left:0;width:100vw;height:100vh;background:#fdfdfd}.info-box{position:fixed;left:10px;top:10px;padding:10px;background:hsla(0,0%,100%,.98);border:1px solid rgba(0,0,0,.1);background-clip:padding-box;border-radius:5px;max-width:250px}.info-box__close-btn{position:absolute;right:2px;top:2px}.info-box--collapsed>:not(.info-box__collapsed-icon),.info-box__collapsed-icon{display:none}.info-box--collapsed .info-box__collapsed-icon{display:block}.create-screen{position:absolute;left:0;top:34px;right:0;bottom:0}.create__footer,.create__header{padding:6px 10px;position:relative;z-index:2}.create__header{box-shadow:0 3px 10px 0 rgba(0,0,0,.1);height:46px}.create__header-option-wrap{float:right}.create__footer,.create__header-option-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.create__footer{padding:0 10px;background:#fdfdfd;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-shadow:0 -3px 10px 0 rgba(0,0,0,.1);height:30px}.title-input{width:50vw;max-width:calc(100vw - 400px);background:transparent!important;border-color:transparent!important;color:#777}.title-input:active,.title-input:focus{background:#eee!important}.create__header-link{margin-left:15px}.create-wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100% - 76px);-webkit-transition:.3s ease;transition:.3s ease}.pane-separator{background-color:#272822;width:8px;cursor:col-resize}.codemirror-container{width:50%;min-width:100px;background:#272822;display:-webkit-box;display:-ms-flexbox;display:flex}.CodeMirror{height:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:16px;line-height:1.1;z-index:1}.CodeMirror pre{font-family:Inconsolata,monospace}.CodeMirror-linenumber{color:#555!important}.coffee-errors{width:.8em}.gutter-error-marker{width:10px;height:10px;background:red;border-radius:50%;position:relative;top:4px}.gutter-error-marker:after{content:attr(data-title);background:red;color:#fff;padding:4px;opacity:0;visibility:hidden;position:absolute;bottom:12px;left:0;white-space:nowrap;-webkit-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:.2s ease;transition:.2s ease}.gutter-error-marker:hover:after{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}.CodeMirror-wrap:after{content:'coffeescript';position:absolute;bottom:6px;color:#fff;right:1px;text-transform:uppercase;font-family:Arial;font-size:10px;opacity:.2}.mode-js .CodeMirror-wrap:after{content:'javascript'}.demo-frame{border:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%}.settings-pane{position:absolute;background:#fff;top:0;bottom:0;width:420px;right:0;padding:32px;z-index:3;-webkit-transition:all .2s cubic-bezier(.7,0,.3,1);transition:all .2s cubic-bezier(.7,0,.3,1);-webkit-transform:translateX(100%);transform:translateX(100%);will-change:transform}.settings-pane--dark{background:#1d242a;color:#687e8d}.settings-pane__rule{margin:32px -32px}.settings-pane.show{-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transform:translateX(0);transform:translateX(0)}.mobile-warning{display:none}@media (max-width:400px){.mobile-warning{display:block;position:absolute;text-align:center;z-index:10;bottom:30px;left:0;right:0;color:rgba(0,0,0,.8)}}@media (max-width:600px){.codemirror-container,.create__footer,.create__header,.pane-separator{display:none}}
/*# sourceMappingURL=style.css.map*/