.offscreen{position:absolute;top:-9999px;left:-9999px;opacity:0}.headerInfo{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin-bottom:40px;position:relative}.headerInfo .avatar,.headerInfo .formButtons,.headerInfo .user{margin:0 10px}.headerInfo>:first-child{margin-left:0}.headerInfo>:last-child{margin-right:0}.headerInfo .user{-ms-flex:1 1 0px;flex:1 1 0}.headerInfo .separator{margin:0 .5em}.headerInfo .userNameAndButtonsWrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.headerInfo .formButtons{margin:0 8px;white-space:nowrap}.headerInfo.editing .formButtons :last-child{margin-left:10px}.headerInfo:not(.editable) .empty+.separator{display:none}.headerInfo .avatar{cursor:default;-ms-flex-negative:0;flex-shrink:0;height:130px;position:relative;width:130px}.headerInfo .avatar .prompt{box-sizing:border-box;color:white;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:.9em;height:100%;-ms-flex-pack:center;justify-content:center;left:0;opacity:0;padding:1em;position:absolute;text-align:center;top:0;transition:opacity .4s linear;width:100%;z-index:1}.headerInfo .displayName{font-size:1.75em;font-weight:200;white-space:nowrap}.headerInfo .displayName input,.headerInfo .displayName input:focus{font-size:100%;min-height:0;padding:0 7px;width:308px}.headerInfo .details,.headerInfo .details input{font-weight:200}.mask{position:fixed;left:0;top:232px;right:0;bottom:0;background-color:transparent;opacity:0;z-index:1;transition:opacity .4s linear}.mask.on{opacity:1}.dummyInput{white-space:pre;opacity:0}.headerInfo input[type=file]{display:none}.headerInfo input,.headerInfo input:focus{height:auto;width:150px}.headerInfo .userName{font-weight:600;position:relative}.headerInfo:not(.editing) .userName:before{content:'@'}.headerInfo .city input{width:100px}.headerInfo .country{white-space:nowrap}.headerInfo.editing .separator,.headerInfo.editing .formButtons:not(.editing){display:none}.headerInfo.editing>.user{left:-5px;position:relative;top:-11px}.headerInfo.editing .details{overflow:visible}.headerInfo.editing .details .editable input{margin-right:8px}.headerInfo.editing .details .editable:last-child input{margin-right:0}.headerInfo.editing .avatar{cursor:pointer}.headerInfo.editing .avatar:before,.headerInfo.editing .avatar:after{content:'';display:block;width:100%;height:100%;border-radius:50%}.headerInfo.editing .avatar:not(.default):after{position:absolute;top:0;left:0;z-index:0;background-color:rgba(0,0,0,.67)}.headerInfo.editing .avatar.uploading:before{border-color:transparent}.headerInfo.editing .avatar.default{background-image:none!important;background-color:#99c432}.headerInfo.editing .avatar .prompt{opacity:1}.headerInfo.editing .social{display:none;pointer-events:none}.headerInfo.editing .details{margin-top:10px}.headerInfo.editing .userName:before{content:'@';position:absolute;top:0;left:7px}.headerInfo.editing .userName input{padding-left:1.3em}.headerInfo .userName .formError{position:absolute;display:block;left:0;bottom:-47px;padding:.5em;border-radius:5px;white-space:nowrap;background-color:rgba(255,64,64,.5)}.headerInfo.editing .country{position:relative}.headerInfo.editing .country input{opacity:1;padding-right:1em;text-overflow:ellipsis}.headerInfo.editing .countryWrapper:before,.headerInfo.editing .countryWrapper:after{position:absolute;right:8px;font-size:.5em;pointer-events:none}.headerInfo.editing .countryWrapper:before{content:'\25b2';top:0}.headerInfo.editing .countryWrapper:after{content:'\25bc';top:9px}.headerInfo .country select{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;opacity:0}.headerInfo.editable:not(.editing) .empty{opacity:.5}.headerInfo.editable:not(.editing) .empty.homepage:before{content:'www.example.com'}.headerInfo:not(.editable) .city:not(.empty):after,.headerInfo.editable:not(.editing) .city:after{content:', '}.headerInfo.editable:not(.editing) .empty.city:before{content:'Anytown'}.headerInfo.editable:not(.editing) .empty.country:before{content:'Canvaland'}.headerInfo:not(.editable) .countryWrapper:before{content:', '}.headerInfo svg.progress{position:absolute;top:-5px;left:-5px;width:140px;height:140px;opacity:0;transform:rotate(-90deg);transition:opacity .2s linear}.headerInfo .details,.headerInfo .displayName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headerInfo .details{margin:.75em 0}@media screen and (max-width:700px){.headerInfo{font-size:80%;margin:0;top:-20px;width:calc(100% + 40px);background-color:#fff;padding:20px;left:-20px;box-sizing:border-box}.headerInfo .avatar{-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;height:70px;width:70px}.headerInfo .social{-ms-flex-wrap:wrap;flex-wrap:wrap}.headerInfo .details,.headerInfo .displayName{white-space:normal}.headerInfo .details,.headerInfo .details input{margin:5px 0}.headerInfo.editing .details{text-align:left}.headerInfo.editing>.user{left:0;top:0}.headerInfo.editing .formButtons{margin-top:0}}.social{display:-ms-flexbox;display:flex;font-weight:200;line-height:30px}.social .stat{border-right:1px solid rgba(0,0,0,.2);opacity:.5;padding:0 1em}.social .stat:last-of-type{border-right:none}.social a{color:inherit;display:inline-block;text-align:center;text-decoration:none}.social .number{font-weight:700}