.profilepic{position:relative;width:125px;height:125px;border-radius:50%;overflow:hidden;background-color:#111}.profilepic:hover .profilepic__content{opacity:1}.profilepic:hover .profilepic__image{opacity:.5}.profilepic__image{-o-object-fit:cover;object-fit:cover;opacity:1;transition:opacity .2s ease-in-out}.profilepic__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;opacity:0;transition:opacity .2s ease-in-out}.profilepic__icon{color:#fff;padding-bottom:8px}.fas{font-size:20px}.profilepic__text{text-transform:uppercase;font-size:12px;width:50%;text-align:center}.inputfile{opacity:0;position:absolute;z-index:1}.inputfile,.inputfile+label{overflow:hidden;width:50px;height:50px}.inputfile+label{font-size:1.25rem;text-overflow:ellipsis;white-space:nowrap;display:inline-block;pointer-events:none;cursor:pointer;line-height:50px;text-align:center}.inputfile+label svg{fill:#fff}