@import url(https://fonts.googleapis.com/css?family=Roboto:700,400);.btn-group{display:inline-block}#app{max-width:1000px;font-family:Roboto,sans-serif;margin:0 auto;padding-bottom:80px}#app *{-webkit-box-sizing:border-box;box-sizing:border-box}.header{text-align:right;padding:30px 0}.header a{color:inherit}.header span{color:#aaa;font-size:12px}.header .btn{position:relative;top:7px;margin:0 5px}.demo svg{margin-left:10px;position:relative;top:8px}.tag{font-family:Courier New,Courier,monospace;display:inline-block;padding:0 10px;background-color:#eee;line-height:30px;border-radius:3px}.search-input{position:relative;margin:30px 0}.search-input__inner{-webkit-appearance:none;border-radius:3px;outline:none;border:1px solid #e3f1ff;line-height:50px;padding:0 40px;height:50px;background-color:transparent;font-size:14px;width:100%;-webkit-transition:border-color .3s;transition:border-color .3s;color:#409eff;font-size:16px}.search-input input::-webkit-input-placeholder{color:#aaa}.search-input svg{position:absolute;left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);fill:#aaa}.icons{display:grid;grid-template-columns:repeat(10,1fr);grid-column:1/2;grid-gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.icons__item{height:91px;border:1px solid #e3f1ff;border-radius:3px;position:relative;-webkit-transition:all .2s;transition:all .2s;cursor:pointer}.icons__item,.icons__item i{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.icons__item i{height:100%}.icons__item .tooltip{position:absolute;top:-35px;display:none;min-width:120px;background:#222;padding:5px 10px;border-radius:3px;font-size:12px;color:#fff;word-break:keep-all;text-align:center;pointer-events:none;z-index:10}.icons__item .tooltip:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:#222 transparent transparent transparent;bottom:-5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.icons__item:hover .tooltip{display:block}.icons-toolbar{line-height:28px;margin-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.icons-toolbar .label{margin-right:20px;font-size:14px;color:#aaa}.icons-toolbar__col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.icons-toolbar__col--right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.btn{line-height:40px;font-size:14px;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:#aaa}.btn--active{color:#000}.btn--active svg{fill:#000!important}.btn+.btn{margin-left:20px}.btn i{line-height:0}.btn svg{fill:#aaa;margin-right:5px}.desc{color:#aaa;font-size:12px;margin-bottom:10px}.right{text-align:right}.overlay{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;right:0;bottom:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:hsla(0,0%,100%,.8)}.overlay h3{font-size:24px}.vfc-project{text-align:center;font-size:14px}.vfc-project img{margin-top:15px}.vfc-project h4{margin:0;font-size:18px}.vfc-project a{text-decoration:none;color:inherit}.vfc-project .cta{display:inline-block;line-height:40px;border:1px solid #aaa;padding:0 20px;border-radius:3px}.no-result{text-align:center;padding:50px}.version{font-size:12px;background-color:#32cd32;padding:2px 5px;border-radius:3px;color:#fff;position:relative;font-weight:400;bottom:4px}.fade-enter-active,.fade-leave-active{-webkit-transition:all .2s;transition:all .2s}.fade-enter,.fade-leave-to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}.carbonads{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:13px;font-weight:300;margin-bottom:80px}#carbonads{line-height:1.5;margin-top:15px;position:absolute}#carbonads,#carbonads span{display:block;overflow:hidden}#carbonads span{position:relative}.carbon-wrap{max-width:300px}.carbon-img{float:left;margin-right:1em}.carbon-img img{display:block;line-height:1}.carbon-text{display:block;float:left;max-width:calc(100% - 130px - 1em);text-align:left;text-decoration:none}.carbon-poweredby{position:absolute;right:0;bottom:0;display:block;font-size:.8em;text-transform:uppercase;line-height:1;letter-spacing:1px}