@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg) translate(-50%);transform:rotate(0deg) translate(-50%)}100%{-webkit-transform:rotate(360deg) translate(-50%);transform:rotate(360deg) translate(-50%)}}@keyframes spin{0%{-webkit-transform:rotate(0deg) translate(-50%);transform:rotate(0deg) translate(-50%)}100%{-webkit-transform:rotate(360deg) translate(-50%);transform:rotate(360deg) translate(-50%)}}.loader{position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);-webkit-animation:spin .35s infinite linear;animation:spin .35s infinite linear;border:2px solid #707070;border-radius:50%;border-top-color:#fff;height:25px;-webkit-transform-origin:center;transform-origin:center;top:45%;width:25px}.hidden-input{left:-999px;position:absolute}.image-wrapper{background:rgba(0,0,0,.2);bottom:-50px;height:50px;left:0;position:absolute;-webkit-transition:bottom .15s linear;transition:bottom .15s linear;width:100%}.edit{position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;cursor:pointer;font-size:22px;top:10px}.profile-pic{position:absolute;border-radius:50%;border:4px solid #fff;height:150px;overflow:hidden;width:150px;top:0}.profile-pic img{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;left:50%;max-height:100%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .15s ease-out;transition:all .15s ease-out;width:auto}.profile-pic:hover .image-wrapper{bottom:0}.layer{background-color:rgba(0,0,0,.25);display:none;height:100%;left:0;position:absolute;top:0;width:100%}.layer.visible{display:block}