.uh-box,.uh-progress,.uh-tabs,html.uh-opened{overflow:hidden}#user-hub *{box-sizing:border-box}#user-hub{position:fixed;width:100%;height:100%;top:0px;z-index:90001;cursor:default;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;font-family:'Open Sans',sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.uh-overlay{width:100%;height:100%;position:absolute;background:#000;opacity:0;z-index:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#user-hub.init .uh-overlay{opacity:.75}.uh-box{position:relative;width:615px;height:400px;background:#474E58;margin:-50vh auto 0;z-index:2;border-radius:3px;-webkit-transition:all .3s ease-out,transform .2s ease-out;-moz-transition:all .3s ease-out,transform .2s ease-out;-o-transition:all .3s ease-out,transform .2s ease-out;transition:all .3s ease-out,transform .5s ease-out,opacity .5s ease-out}#user-hub.init .uh-box{animation:boxInit .5s cubic-bezier(0,0,.2,1) 0s forwards}.uh-left-panel,.uh-right-panel{float:left;display:inline-block;height:100%;position:relative}.uh-left-panel *,.uh-tabs{opacity:0;transform:translateY(10px);animation:panelInit .5s ease-out .3s forwards}.uh-left-panel{width:186px;border-top:5px solid #828282;text-align:center}.uh-left-panel.online{border-top-color:#37A537}.uh-left-panel.inactive{border-top-color:#c58249}.uh-right-panel{width:429px;border-left:1px solid #545E68}.uh-avatar{margin:24px auto 0}.uh-nickname{color:#ffb84b;font-size:16px;font-weight:700;margin:12px 0 4px}.uh-legend{font-size:12px;color:#fff}.uh-badges{margin:13px}.uh-badges img{padding:0 1px}.uh-qfriends{position:absolute;bottom:24px;left:0;right:0;margin:0 auto;width:155px;border-top:1px solid #4F5860;padding-top:12px}.uh-box .main-button{border:#f9a729;background:#F1921A;-webkit-box-shadow:0 2px -98px 0 rgba(50,50,50,.35);-moz-box-shadow:0 2px 2px 0 rgba(50,50,50,.35);box-shadow:0 2px 2px 0 rgba(50,50,50,.35);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:6px 12px 9px;-webkit-transition:background-color .3s ease-in;-moz-transition:background-color .3s ease-in;-o-transition:background-color .3s ease-in;transition:background-color .3s ease-in;cursor:pointer;font-size:11px;font-weight:700;color:#FFF;text-decoration:none;display:inline-block}.uh-box .main-button:hover{background:#f9ab32}.uh-box .main-button.gray{background:#626971}.uh-box .main-button.gray:hover{background:#656d75}.uh-box .main-button.disabled{background:#626971;color:#bbb;cursor:default}.uh-nav{height:35px;width:100%;background:#4B525B;-webkit-box-shadow:0 2px -98px 0 rgba(50,50,50,.13);-moz-box-shadow:0 2px 2px 0 rgba(50,50,50,.13);box-shadow:0 2px 2px 0 rgba(50,50,50,.13)}.uh-nav li{height:34px;display:inline-block;padding:7px 25px 9px;position:relative;-webkit-transition:background-color .2s ease-in;-moz-transition:background-color .2s ease-in;-o-transition:background-color .2s ease-in;transition:background-color .2s ease-in}.uh-nav li:hover{background:#535a63;cursor:pointer}.uh-nav li.active:after{content:"";background:#F1921A;height:2px;width:35px;position:absolute;bottom:0;margin:0 auto;left:0;right:0}.uh-nav img{position:relative}.uh-nav .uh-profile img{width:18px}.uh-nav .uh-message img{width:17px}.uh-nav .uh-friends img{width:18px}.uh-nav .uh-following img{width:19px}.uh-close{position:absolute;right:13px;top:11px;z-index:3;width:12px;cursor:pointer}.uh-tabs{animation-delay:.5s;height:367px;width:100%;position:relative}#toast,.uh-tab{position:absolute}.uh-tab{padding:22px 19px;top:35px;top:0;width:100%;height:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.uh-no-transition{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.uh-tab.tab-1{font-size:12px;left:0}.uh-tab:not(.tab-1){left:100%}.uh-user-heading{color:#fff;margin-bottom:12px}.uh-user-heading span{color:#D1D1D1}.uh-user-info{display:inline-table;width:185px;margin-bottom:18px}.no-info,.uh-quick-message label{display:block}.uh-user-info.mr{margin:0 16px 0 -3px}.uh-user-info tbody tr:nth-child(even){background:#4c545f}.uh-user-info tbody tr.uh-tranparent{background:0 0}.uh-user-info tr td{padding:1px 3px}.uh-user-info tr td:first-child{color:#B2B2B2}.uh-user-info tr td:last-child{text-align:right;color:#fff}.uh-user-info tr td.double{text-align:left}.uh-text-link{color:#ffb84b;text-decoration:none;font-weight:400;-webkit-transition:color .1s ease-in;-moz-transition:color .1s ease-in;-o-transition:color .1s ease-in;transition:color .1s ease-in}.uh-text-link:hover{color:#ffcb7b}.uh-section{margin-bottom:12px}.uh-sections .uh-section:last-child{margin-bottom:0}.no-info{color:#B2B2B2;margin:5px 0 15px}.uh-subtitle{font-family:'Titillium Web',sans-serif;text-transform:uppercase;color:#fff;font-size:12px;border-bottom:1px solid #4F5860;padding-bottom:2px;margin-bottom:3px}.uh-ball-icon{margin-right:3px;cursor:pointer;vertical-align:middle}.uh-common-friend-list,.uh-friend-list{width:375px}.uh-friends-b{width:50px;margin:11px 7px 0 0}.uh-friends-tab .uh-text-link{display:inline-block;font-size:12px;margin:9px 0 25px}.uh-friends-s{width:33px;margin:11px 6px -2px 0}.uh-friend-list+.uh-text-link{margin-top:12px}.uh-follow-left,.uh-follow-right{display:inline-block;width:49%}.uh-follow-left{padding-right:20px;font-weight:600;font-size:60px;color:#C9C9C9;text-align:right}.uh-follow-right .uh-text-link{display:inline-block;font-size:12px;margin-top:7px}.uh-friends-t{width:26px;margin:11px 6px -2px 0}.uh-following-tab .uh-section{margin-bottom:25px}.uh-follow-right{vertical-align:top}.uh-bottom-message{font-size:10px;position:absolute;bottom:20px;color:#A0A0A0;font-style:italic;border-top:1px solid #4F5860;width:90%;padding-top:6px}.uh-bottom-message a{color:#ffb84b;text-decoration:none}.uh-follow-status{color:#fff;font-size:12px;margin:10px 1px 12px;height:27px}.uh-follow-status *{vertical-align:-webkit-baseline-middle}#toast{color:#fff;left:0;right:0;top:0;margin:-150px auto 0;width:90px;background:#4B525B;padding:8px 0;text-align:center;border-radius:4px;z-index:1;font-size:13px;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all .3s ease-in-out;animation:toastInit 3s ease 0s forwards}.uh-quick-message,.uh-quick-message.sent{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}#toast.warning{background:#FA4B4B;width:160px}.uh-highlight{color:#ffb84b;font-weight:700}.uh-already-friends{width:97%;margin:0 auto}.uh-already-friends img{width:25px;float:left;position:relative;margin-left:17px}.uh-already-friends div{font-size:12px;color:#fff;text-align:left;margin:4px 0 20px 7px;float:left;line-height:15px}.uh-friend-request{font-size:12px;color:#fff;width:96%;margin:0 auto 10px;text-align:center;line-height:15px}.uh-follow-user{margin-top:10px}.uh-quick-message{transition:all .3s ease-in-out}.uh-quick-message input,.uh-quick-message textarea{background:#535b67;border:1px solid #4a505a;color:#fff;padding:5px 8px;font-size:13px!important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:block;width:100%;margin-bottom:12px}.uh-quick-message input{margin:8px 0 10px}.uh-quick-message textarea{resize:none;height:190px}.uh-send-qm.main-button{margin-top:6px}.uh-quick-message.sent{animation:panelOut .8s cubic-bezier(0,0,.2,1) .1s forwards;opacity:0;z-index:-1;transition:all .3s ease-in-out}.uh-qm-after-send{position:absolute;opacity:0;z-index:-1;transform:translateY(20px);top:18px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.uh-qm-after-send.show{animation:panelInit .5s cubic-bezier(0,0,.2,1) .5s forwards;z-index:0}.uh-qm-result{color:#f1f1f1;margin-bottom:12px}.uh-progress{position:absolute;height:4px;display:none;width:100%;background-color:#474E58;border-radius:2px;margin:.5rem 0 1rem;left:0;bottom:-14px}.uh-progress .indeterminate{background-color:#f1921a}.uh-progress .indeterminate:after,.uh-progress .indeterminate:before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right}.uh-progress .indeterminate:before{-webkit-animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.uh-progress .indeterminate:after{-webkit-animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}100%,60%{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}100%,60%{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}100%,60%{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}100%,60%{left:107%;right:-8%}}@keyframes toastInit{0%{margin-top:-150px;transform:rotateY(0)}10%,80%{margin-top:10px}100%{margin-top:-155px}}@keyframes boxInit{to{margin-top:15vh}}@keyframes panelInit{to{opacity:1;transform:translateY(0)}}@keyframes panelOut{to{transform:translateY(-100%);z-index:-1}}