.hub-logo{vertical-align:middle;display:inline-block}.hub-logo-text{color:#fff}.hub-hexagon-container{transform-origin:50%;transform-box:fill-box}.hub-logo-hexagon{overflow:visible}.hub-logo-animated .hub-hexagon-container{animation:.8s forwards hub-spin}.hub-logo-spinning .hub-hexagon-container{animation:1s linear infinite hub-spin-continuous}@keyframes hub-spin{0%{filter:blur();transform:rotate(0)}40%{filter:blur(2px);transform:rotate(300deg)}70%{filter:blur(.5px);transform:rotate(350deg)}to{filter:blur();transform:rotate(360deg)}}@keyframes hub-spin-continuous{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hub-logo-animated .hub-gradient-stop1,.hub-logo-spinning .hub-gradient-stop1{animation:.8s ease-out forwards hub-color1}.hub-logo-animated .hub-gradient-stop2,.hub-logo-spinning .hub-gradient-stop2{animation:.8s ease-out forwards hub-color2}.hub-logo-animated .hub-gradient-stop3,.hub-logo-spinning .hub-gradient-stop3{animation:.8s ease-out forwards hub-color3}.hub-logo-animated .hub-gradient-stop4,.hub-logo-spinning .hub-gradient-stop4{animation:.8s ease-out forwards hub-color4}.hub-logo-spinning .hub-gradient-stop1{animation:2s ease-in-out infinite hub-color-cycle1}.hub-logo-spinning .hub-gradient-stop2{animation:2s ease-in-out infinite hub-color-cycle2}.hub-logo-spinning .hub-gradient-stop3{animation:2s ease-in-out infinite hub-color-cycle3}.hub-logo-spinning .hub-gradient-stop4{animation:2s ease-in-out infinite hub-color-cycle4}@keyframes hub-color1{0%{stop-color:#0000f5}25%{stop-color:#f60}50%{stop-color:#0c5}75%{stop-color:#8b00ff}to{stop-color:#0000f5}}@keyframes hub-color2{0%{stop-color:#0000f5}25%{stop-color:#8b00ff}50%{stop-color:#f60}75%{stop-color:#0c5}to{stop-color:#0000f5}}@keyframes hub-color3{0%{stop-color:#0000f5}25%{stop-color:#0c5}50%{stop-color:#8b00ff}75%{stop-color:#f60}to{stop-color:#0000f5}}@keyframes hub-color4{0%{stop-color:#0000f5}25%{stop-color:#0c5}50%{stop-color:#8b00ff}75%{stop-color:#f60}to{stop-color:#0000f5}}@keyframes hub-color-cycle1{0%,to{stop-color:#0000f5}25%{stop-color:#f60}50%{stop-color:#0c5}75%{stop-color:#8b00ff}}@keyframes hub-color-cycle2{0%,to{stop-color:#0000f5}25%{stop-color:#8b00ff}50%{stop-color:#f60}75%{stop-color:#0c5}}@keyframes hub-color-cycle3{0%,to{stop-color:#0000f5}25%{stop-color:#0c5}50%{stop-color:#8b00ff}75%{stop-color:#f60}}@keyframes hub-color-cycle4{0%,to{stop-color:#0000f5}25%{stop-color:#0c5}50%{stop-color:#8b00ff}75%{stop-color:#f60}}.hub-logo-avatar{flex-shrink:0;width:32px;height:32px}.hub-logo-header{width:auto;height:36px}.hub-logo-intro{width:120px;height:auto}