@font-face{font-family:"IconFont";src:url(/3d0cab5d08b37a7b68cf.woff) format("woff");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"IconFont";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-about:before{content:"\61"}.icon-close:before{content:"\62"}.icon-new:before{content:"\63"}.icon-recent:before{content:"\64"}.icon-tools:before{content:"\65"}.icon-upload:before{content:"\66"}.icon-user:before{content:"\67"}.header{position:fixed;right:0;left:0;background-color:#fff;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;height:70px;z-index:5;box-shadow:0 2px 2px 0 rgba(50,50,50,0.4)}.header-inner{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:calc(100% - 70px)}.header-logo{width:70px;height:70px;background-color:#33c0a3}.header-logo a{display:flex;height:100%;justify-content:center;align-items:center}.header-logo img{width:78%}.header-slogan{color:#343333;font-family:'Raleway',sans-serif;font-size:23px;font-weight:600;margin-left:19px;letter-spacing:.6px}.header-slogan-x{color:#2aa88e}.header-sign-in{display:none;pointer-events:none;margin-right:20px}.header-sign-in a{display:flex;align-items:center;text-decoration:none}.header-sign-in span{margin-right:15px;font-family:'Quicksand',sans-serif;color:#2aa88e}.header-sign-in i{font-size:23px;margin-top:6px;color:#2aa88e}
.sidebar{position:fixed;width:70px;height:100%;margin-top:70px;background-color:#343333;z-index:6}.sidebar-list{width:100%}.sidebar-item{position:relative;height:70px}.sidebar-item-border{border-bottom:1px solid rgba(238,238,238,0.1)}.sidebar-item a{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;height:100%;text-decoration:none}.sidebar-item a.active,.sidebar-item a:hover{background-color:#272727}.sidebar-item a.active i,.sidebar-item a:hover i{color:#64beac}.sidebar-item a.active::after,.sidebar-item a:hover::after{content:"";position:absolute;width:0;height:0;right:-13px;top:50%;transform:translateY(-50%) rotate(-90deg);border-left:solid transparent 9px;border-right:solid transparent 9px;border-top:solid #272727 9px}.sidebar-item i{font-size:27px;margin-top:6px;color:#6b6b6b}
.notification{display:none;position:absolute;top:11px;right:240px;padding:11px 25px;background-color:#d2be70;color:#fff;border-radius:4px;font-family:'Roboto',sans-serif;font-weight:300;z-index:1}.notification.has-error{display:block;animation:slideIn .5s ease-in}@-moz-keyframes slideIn{0%{margin-right:-216px}100%{margin-right:0}}@-webkit-keyframes slideIn{0%{margin-right:-216px}100%{margin-right:0}}@-o-keyframes slideIn{0%{margin-right:-216px}100%{margin-right:0}}@keyframes slideIn{0%{margin-right:-216px}100%{margin-right:0}}
.snippet .ace_cursor{display:none !important}.snippet .ace_gutter-layer{width:40px !important}.snippet .ace_gutter-cell{padding-right:5px !important;padding-left:0}.snippet .ace_scroller{margin-left:15px !important}.new-snippet .ace_editor{min-height:100% !important}.snippet-code .ace_text-input-ios{position:relative !important}.ReactTags__tags{width:100%;padding:7px 5px;border:none;outline:none;color:#fff;font-family:'Roboto',sans-serif;font-size:13px;font-weight:300;letter-spacing:-.3px;width:47%;padding:3px 5px 0;min-height:29px;height:29px;overflow-y:auto;border-radius:3px;background-color:#2aa88e}.ReactTags__tags:focus::placeholder{color:rgba(255,255,255,0.8)}.ReactTags__tags::placeholder{color:rgba(255,255,255,0.6)}.ReactTags__tag{display:inline-block;margin:0 4px 4px 0;padding:0 8px;font-size:12px;font-weight:300;line-height:18px;color:#fff;border-radius:9.5px;background-color:rgba(51,192,163,0.7);letter-spacing:.4px;white-space:nowrap}.ReactTags__tag:last-child{margin-right:0}.ReactTags__tag:hover{border-color:#fff}.ReactTags__tag .ReactTags__remove{margin-left:3px;cursor:pointer}.ReactTags__tagInput{display:inline;color:#fff}.ReactTags__tagInputField{width:100%;padding:7px 5px;border:none;outline:none;color:#fff;font-family:'Roboto',sans-serif;font-size:13px;font-weight:300;letter-spacing:-.3px;width:auto;padding:2px 0 4px 0;border-radius:3px;background-color:#2aa88e}.ReactTags__tagInputField:focus::placeholder{color:rgba(255,255,255,0.8)}.ReactTags__tagInputField::placeholder{color:rgba(255,255,255,0.6)}.ReactTags__selected > .ReactTags__tagInput{width:100%}.ReactTags__selected > .ReactTags__tagInput .ReactTags__tagInputField{width:100%}.ReactTags__tag + .ReactTags__tagInput{width:auto}.ReactTags__tag + .ReactTags__tagInput .ReactTags__tagInputField{width:auto}.new-snippet{display:flex;min-height:83vh;background-color:#fff;box-shadow:0 2px 2px 0 rgba(50,50,50,0.4)}.new-snippet-code-header,.new-snippet-lang-header{display:flex;flex-flow:row nowrap;min-height:70px;align-items:flex-start;padding:20px 20px 19px;box-sizing:border-box}.new-snippet-code{flex:1;position:relative;padding:0 0 63px 0}.new-snippet-code-wrapper{display:flex;flex-flow:column nowrap;width:calc(100% - 230px)}.new-snippet-code-header{border-left:34px solid #2aa88e;background-color:#33c0a3}.new-snippet-code-header .input{width:100%;padding:7px 5px;border:none;outline:none;color:#fff;font-family:'Roboto',sans-serif;font-size:13px;font-weight:300;letter-spacing:-.3px;width:47%;border-radius:3px;background-color:#2aa88e}.new-snippet-code-header .input:focus::placeholder{color:rgba(255,255,255,0.8)}.new-snippet-code-header .input::placeholder{color:rgba(255,255,255,0.6)}.new-snippet-code-header > input{margin-right:5%}.new-snippet-code-bottom-bar{position:absolute;bottom:0;left:0;right:0;text-align:right;padding:5px;border-top:1px solid #eee}.new-snippet-code-bottom-bar > input{position:relative;min-width:200px;padding:11px;margin:5px 16px 7px 0;border:none;background-color:#33c0a3;color:#fff;font-size:15px;text-align:center;z-index:2;-webkit-appearance:none;-webkit-border-radius:0}.new-snippet-code-bottom-bar > input:hover,.new-snippet-code-bottom-bar > input:focus{background-color:#11a88d;cursor:pointer}.new-snippet-lang-wrapper{display:flex;flex-flow:column nowrap;width:230px;background-color:#eee}.new-snippet-lang-header{background-color:#2aa88e}.new-snippet-lang-header .input{width:100%;padding:7px 5px;border:none;outline:none;color:#fff;font-family:'Roboto',sans-serif;font-size:13px;font-weight:300;letter-spacing:-.3px;border-radius:3px;background-color:#178770}.new-snippet-lang-header .input:focus::placeholder{color:rgba(255,255,255,0.8)}.new-snippet-lang-header .input::placeholder{color:rgba(255,255,255,0.6)}.new-snippet-lang-list{height:100%}.new-snippet-lang-list-wrapper{flex:1}.new-snippet-lang-empty{padding:15px;font-size:14px;font-weight:300;color:#979797}.new-snippet-lang-item{margin-top:-1px;padding:16px 15px;font-size:14px;font-family:'Roboto',sans-serif;font-weight:300;letter-spacing:.2px;border-left:5px solid #e4e4e4;border-bottom:1px solid #e4e4e4;cursor:pointer}.new-snippet-lang-item:hover,.new-snippet-lang-item.active{padding-bottom:17px;border-left:5px solid #33c0a3;border-bottom:none;background-color:#fdfdfd}@media (max-width:768px){.new-snippet-code-header,.new-snippet-lang-header{flex-flow:column nowrap;min-height:105px}.new-snippet-code-wrapper{width:calc(100% - 170px)}.new-snippet-code-header .input{width:100%;margin-bottom:8px}.new-snippet-code-header .ReactTags__tags{width:100%}.new-snippet-code-header > input{margin-right:0}.new-snippet-lang-wrapper{width:170px}}
.spinner{display:flex;height:100%;justify-content:center}.spinner > img{width:30%}
.recent-snippet{display:flex;flex-flow:column nowrap;font-family:'Roboto',sans-serif}.recent-snippet-item{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;margin-bottom:10px;padding:20px 16px 20px 20px;border-left:8px solid #33c0a3;box-shadow:0 2px 2px 0 rgba(50,50,50,0.4);background-color:#fff}.recent-snippet-meta{display:flex;flex-flow:column nowrap;justify-content:space-between;max-width:calc(100% - 240px)}.recent-snippet-meta > div{display:flex;flex-flow:column nowrap;justify-content:space-between}.recent-snippet-meta-title{color:#676767;font-size:19px;text-decoration:none}.recent-snippet-meta-title:hover{color:#178770}.recent-snippet-meta-author{padding-top:13px;color:#979797;font-size:14px}.recent-snippet-meta-tags{margin:10px 0}.recent-snippet-meta-tag{margin-right:5px;padding:3px 8px;font-size:12px;font-weight:300;line-height:22px;color:#343333;border-radius:9.5px;background-color:#eee;letter-spacing:.4px}.recent-snippet-meta-tag:last-shild{margin-right:0}.recent-snippet-meta-info{opacity:.5;font-size:13px;font-weight:300;color:#444}.recent-snippet-actions{display:flex;flex-flow:column nowrap;justify-content:space-between}.recent-snippet-lang{padding-bottom:17px;text-align:right;font-size:14px;color:#33c0a3}.recent-snippet-button{margin-right:0;padding:10px 14px;color:#fff;border:none;background-color:#67c5b2;font-size:14px;font-weight:400;cursor:pointer;outline:none;text-decoration:none}.recent-snippet-button:hover{background-color:#33c0a3}.recent-snippet-button.light{margin-right:8px;padding:9px 14px;color:#676767;border:1px solid #e4e4e4;background-color:#eee}.recent-snippet-button.light:hover{background-color:#e1e1e1}.pagination{display:flex;flex-flow:row nowrap;justify-content:flex-end;padding-top:10px}.pagination-item{padding:9px 14px;font-size:14px;font-weight:300;color:#676767;background-color:#c6c6c6;cursor:pointer}.pagination-item:hover{color:#fff;background-color:#33c0a3}.pagination-item.next{margin-right:4px}.pagination-item.disabled{pointer-events:none;background-color:#e1e1e1}@media (max-width:768px){.recent-snippet-item{flex-flow:column nowrap;padding:15px}.recent-snippet-meta{max-width:100%}.recent-snippet-meta-title{font-size:16px}.recent-snippet-meta-tags{margin:5px 0}.recent-snippet-actions div{text-align:right}.recent-snippet-lang{padding-bottom:8px}}
.snippet{display:flex;flex-flow:column nowrap;background-color:#fff;box-shadow:0 2px 2px 0 rgba(50,50,50,0.4)}.snippet-header{display:flex;flex-flow:row nowrap;justify-content:space-between;min-height:110px;padding:15px 20px;color:#fff;background:#33c0a3;border-left:40px solid #11a88d;font-family:'Roboto',sans-serif}.snippet-meta-tags{margin:10px 0}.snippet-meta-tag{margin-right:5px;padding:3px 8px;font-size:12px;font-weight:300;color:#fff;border-radius:9.5px;background-color:rgba(255,255,255,0.2);letter-spacing:.4px}.snippet-meta-tag:last-shild{margin-right:0}.snippet-data{display:flex;flex-flow:column nowrap;justify-content:space-between;max-width:calc(100% - 312px)}.snippet-data-title{font-size:20px;line-height:20px;letter-spacing:.2px}.snippet-data-author{display:block;margin-top:7px;font-size:14px}.snippet-data-actions{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:flex-end}.snippet-data-lang{font-size:14px}.snippet-data-meta{color:#caf3ec;font-size:12px;font-weight:300}.snippet-button{margin-right:10px;padding:11px 21px;color:#fff;font-size:14px;font-weight:400;border-radius:0;border:1px solid #fff;background-color:#33c0a3;text-transform:uppercase;cursor:pointer;text-decoration:none}.snippet-button:last-child{margin-right:0}.snippet-button.show,.snippet-button:hover{background-color:#fff;color:#33c0a3}.snippet-button.embed{margin-left:10px;padding:8px 18px;font-size:12px;text-transform:none;border:none}.snippet-button.embed:hover{color:#fff;background-color:#11a88d}.snippet-embed{display:block;position:relative;max-height:180px;transition:max-height .5s ease-in;background-color:#eee;border-left:40px solid #e1e1e1;overflow:hidden}.snippet-embed.false{max-height:0;transition:max-height .5s ease-out}.snippet-embed-content{padding:15px 20px}.snippet-embed-text{padding-bottom:10px;color:#343333;font-family:'Roboto',sans-serif;font-weight:300;font-size:12px}.snippet-embed input{width:100%;padding:7px 5px;border:none;outline:none;color:#fff;font-family:'Roboto',sans-serif;font-size:13px;font-weight:300;letter-spacing:-.3px;padding:4px 9px;width:auto;min-width:450px;min-height:30px;color:#343333;background-color:#fff;font-size:13px}.snippet-embed input:focus::placeholder{color:rgba(255,255,255,0.8)}.snippet-embed input::placeholder{color:rgba(255,255,255,0.6)}.snippet-embed-close{position:absolute;width:12px;height:12px;top:15px;right:15px;cursor:pointer}.snippet-embed-close::before,.snippet-embed-close::after{content:'';position:absolute;width:1px;height:14px;left:6px;background-color:#979797}.snippet-embed-close::before{transform:rotate(45deg)}.snippet-embed-close::after{transform:rotate(-45deg)}@media (max-width:768px){.snippet-header{flex-flow:column nowrap}.snippet-data{max-width:100%}.snippet-data-lang{padding-bottom:8px}.snippet-data-title{font-size:17px;line-height:17px}.snippet-button{padding:9px 16px;font-size:12px}.snippet-button.embed{margin-top:8px;margin-left:0}.snippet-embed-close{display:none}.snippet-embed input{min-width:100%}}
.title{margin-bottom:20px;color:#323232;font-family:'Roboto',sans-serif;font-size:24px;font-weight:300}
.about{padding:22px 20px;margin-bottom:10px;background-color:#fff;border-left:8px solid #33c0a3;box-shadow:0 2px 2px 0 rgba(50,50,50,0.4);font-family:'Roboto',sans-serif}.about .title{font-size:24px;color:#323232}.about-paragraph{color:#676767;font-weight:300;letter-spacing:.1px;font-size:14px;line-height:22px}.about-paragraph.small{font-size:12px}.about-paragraph.padded{padding-bottom:24px}.about-repo{display:block;padding-bottom:3px;color:#343333;font-size:14px}.about-repo-list{margin-left:37px;list-style:disc;color:#33c0a3}.about-repo-list + .about__paragraph{padding:8px 0 5px}.about-repo-item{padding-bottom:14px}.about-github{color:#33c0a3;font-size:14px;font-weight:300;letter-spacing:.1px}.about-team-list{display:flex;flex-flow:row wrap}.about-team-item{width:50%;display:inline-flex;padding-bottom:29px}.about-team-item:last-child{padding-bottom:0}.about-team-item img{border-radius:50%;width:100px;height:100px;background-color:#979797}.about-team-item img + div{padding-left:20px;padding-top:15px}.about-team-member{display:block;padding-bottom:6px;color:#33c0a3;font-size:12px}@media (max-width:640px){.about-team-list{flex-flow:column nowrap}.about-team-item{display:flex;flex-flow:column nowrap;width:100%;align-items:center;padding-bottom:15px;text-align:center}.about-team-item img + div{padding-left:0}}@media (min-width:1024px){.about-team-list{flex-flow:row nowrap}.about-team-item{display:flex;flex-flow:column nowrap;align-items:center;padding-bottom:0;text-align:center}.about-team-item img + div{padding-left:0}}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,code,img,i,ol,ul,li,fieldset,form,label,article,aside,footer,header,menu,nav,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,footer,header,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}body *{box-sizing:border-box}html,body,body > div{height:100%}.content{display:flex;min-height:100%}.main{padding:27px 20px;width:calc(100% - 70px);min-width:480px;min-height:100%;margin-top:70px;margin-left:70px;overflow-y:auto;background-color:#e8e8e8;font-family:'Quicksand',sans-serif}

/*# sourceMappingURL=app.13b19f2f9da73b7555fe.css.map*/