.avatar{margin:0 auto;position:relative;overflow:hidden}.avatar .avatar-overlay{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;height:128px;width:128px;margin:0;border-radius:200px;opacity:0;transition:opacity .4s;background:rgba(0,0,0,.6)}.avatar .avatar-overlay i{color:#fcfcfc;-webkit-transform:translateY(60px);transform:translateY(60px);transition:transform .2s}.avatar .avatar-overlay.is-loading{opacity:1}.avatar .avatar-overlay.is-loading i{font-size:3em}.avatar:hover .avatar-overlay{opacity:1}.avatar:hover .avatar-overlay i{transform:translateY(0)}.avatar img{height:128px;width:128px;border-radius:200px;margin:0 auto}