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