.user-dropdown{height:100%;position:relative}.user-button{-ms-flex-align:center;-webkit-box-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:100;height:100%;padding:0 20px}.user-dropdown:hover{background-color:rgba(0,0,0,.2)}.user-dropdown-img{margin:0 10px}.user-dropdown-img>img{border-radius:5px;max-height:37px}.user-dropdown-content{-ms-flex-direction:column;-ms-flex-wrap:wrap;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.2);-webkit-transition:visibility 0s,opacity .5s linear;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;flex-wrap:wrap;min-width:170px;opacity:0;padding:10px;position:absolute;right:0;transition:visibility 0s,opacity .5s linear;visibility:hidden;z-index:1}.user-dropdown:hover .user-dropdown-content{opacity:1;visibility:visible}.user-dropdown-content a{color:#000;padding:10px;text-decoration:none}.user-dropdown-content a:hover{background-color:#ededed;color:#000;text-decoration:none}.header{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;background:-webkit-gradient(linear,left top,right top,from(#1e469a),to(#49a7c1));background:linear-gradient(90deg,#1e469a,#49a7c1);display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:header;justify-content:center}.title{-ms-flex-positive:1;-webkit-box-flex:1;color:#fff;flex-grow:1;font-size:1.2rem;font-weight:100;text-align:center}.title a{-webkit-transform:translate(-50%,-50%);left:50%;position:absolute;transform:translate(-50%,-50%)}.title a,.title a:hover,header.header>a.toggle{color:#fff;text-decoration:none}header.header>a.toggle{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;justify-self:flex-start;width:60px}header.header>a.toggle:hover{background-color:rgba(0,0,0,.2);color:#fff}.menu{-ms-flex-direction:column;-ms-flex-wrap:wrap;-webkit-box-direction:normal;-webkit-box-orient:vertical;background:-webkit-gradient(linear,left top,right top,from(#232526),to(#414345));background:linear-gradient(90deg,#232526,#414345);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;flex-wrap:wrap;grid-area:menu}.menu a,.menu a:hover{color:#fff;text-decoration:none}.menu .tree-node.selected>.tree-content,.menu .tree-node .tree-content:hover{background-color:hsla(0,0%,100%,.2)}.tree-arrow.has-child{-webkit-filter:brightness(2);filter:brightness(2)}.menu .menu-filter{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;border-bottom:1px solid #aaa;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:20px;padding-bottom:8px}.menu .menu-filter i{color:#aaa;margin-right:10px}.menu input{background:transparent;border:0;color:#ccc;font-size:1.3rem;outline:0;width:100%}.tree-filter-empty{color:#ccc;font-size:1.3rem;margin-left:20px}.content{background-color:#efefef;grid-area:content;padding:20px}.footer{-ms-flex-pack:end;-webkit-box-pack:end;background-color:#ddd;color:#333;grid-area:footer;justify-content:flex-end;padding-right:10px}.footer,.loading{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.loading{-ms-flex-pack:center;-webkit-box-pack:center;grid-area:content;justify-content:center}*{font-family:Lato,sans-serif}body{margin:0}#app{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-template-areas:"header header" "menu content" "menu footer";grid-template-columns:300px 1fr;grid-template-rows:60px 1fr 40px;height:100vh}#app.hide-menu{grid-template-areas:"header header" "content content" "footer footer"}.page-title h1{margin:0}.page-title h2{color:#777;font-size:1.3rem;margin-top:5px}.stat{-ms-flex:1;-webkit-box-flex:1;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:8px;box-shadow:0 1px 5px rgba(0,0,0,.15);flex:1;margin-bottom:20px;margin-right:20px;padding:20px}.stat,.stat-icon{display:-webkit-box;display:-ms-flexbox;display:flex}.stat-icon{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.stat-icon i{font-size:5rem}.stat-info{-ms-flex:1;-ms-flex-align:end;-ms-flex-direction:column;-webkit-box-align:end;-webkit-box-direction:normal;-webkit-box-flex:1;-webkit-box-orient:vertical;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:column}.stat-title{font-size:1.2rem}.stat-value{font-size:3rem}.stats{-ms-flex-pack:justify;-ms-flex-wrap:wrap;-webkit-box-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between}.article-item{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:8px;box-shadow:0 1px 5px rgba(0,0,0,.15);margin-bottom:20px;padding:20px}.article-item a{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none}.article-item-info h2{font-size:1.7rem}.article-item-image{border-right:1px solid #aaa;margin-right:20px;padding-right:20px}.article-item-image img{border-radius:5px}.article-item-info{-ms-flex-direction:column;-ms-flex-item-align:stretch;-webkit-box-direction:normal;-webkit-box-orient:vertical;align-self:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column}.article-item-info p{-ms-flex:1;-webkit-box-flex:1;color:#555;flex:1;font-size:1.1rem}.articles-by-category ul{list-style-type:none;padding:0}.articles-by-category .load-more{-ms-flex-align:center;-ms-flex-direction:column;-webkit-box-align:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;margin-top:25px}.article-content{background-color:#fff;border-radius:8px;padding:25px}.article-content pre{background-color:#1e1e1e;border-radius:8px;color:#fff;font-size:1.2rem;padding:20px}.article-content img{max-width:100%}.article-content :last-child{margin-bottom:0}.auth-content{-ms-flex-pack:center;-webkit-box-pack:center;height:100%;justify-content:center}.auth-content,.auth-modal{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.auth-modal{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.15);flex-direction:column;padding:35px;width:350px}.auth-title{font-size:1.2rem;font-weight:100;margin-bottom:15px;margin-top:10px}.auth-modal input{border:1px solid #bbb;margin-bottom:15px;outline:none;padding:3px 8px;width:100%}.auth-modal button{-ms-flex-item-align:end;align-self:flex-end;background-color:#2460ae;color:#fff;padding:5px 15px}.auth-modal a{margin-top:35px}.auth-modal hr{background-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,47.1%,0)),color-stop(hsla(0,0%,47.1%,.75)),to(hsla(0,0%,47.1%,0)));background-image:linear-gradient(90deg,hsla(0,0%,47.1%,0),hsla(0,0%,47.1%,.75),hsla(0,0%,47.1%,0));border:0;height:1px;width:100%}