.profile{display:flex;justify-content:center}.profile__container{height:74px;position:relative;width:74px}.profile__container--invalid{border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(249 39 39/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 39 39/var(--tw-bg-opacity,1))}.profile__imagebox{border-radius:9999px;height:100%;overflow:hidden;position:relative;width:100%;--tw-bg-opacity:1;background-color:rgb(217 217 217/var(--tw-bg-opacity,1));background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M16 15.438q-2.568 0-4.395-1.876-1.828-1.875-1.828-4.51t1.828-4.51T16 2.666q2.566 0 4.395 1.876t1.828 4.51q0 2.635-1.828 4.51t-4.395 1.876M2.665 26.56v-1.285q0-1.34.71-2.482a4.8 4.8 0 0 1 1.895-1.756 25.4 25.4 0 0 1 5.318-1.99 22.5 22.5 0 0 1 5.41-.663q2.728 0 5.41.664a25.4 25.4 0 0 1 5.318 1.989q1.187.614 1.896 1.756.71 1.142.71 2.482v1.285q0 1.155-.788 1.963a2.57 2.57 0 0 1-1.913.809H5.367q-1.125 0-1.913-.809-.788-.81-.788-1.963m2.667.035h21.333v-1.32q0-.554-.313-1.026a2.4 2.4 0 0 0-.85-.77 22.5 22.5 0 0 0-4.684-1.76 19.8 19.8 0 0 0-4.82-.598q-2.43 0-4.819.598a22.5 22.5 0 0 0-4.685 1.76q-.536.299-.85.77a1.8 1.8 0 0 0-.312 1.026zM15.999 12.7q1.467 0 2.512-1.072a3.56 3.56 0 0 0 1.044-2.577 3.56 3.56 0 0 0-1.044-2.577q-1.045-1.072-2.512-1.072-1.466 0-2.51 1.072a3.56 3.56 0 0 0-1.045 2.577 3.56 3.56 0 0 0 1.044 2.577q1.046 1.072 2.511 1.072'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.profile__image{display:inline-block;height:100%;left:0;margin:auto;max-width:100px;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transform:translate(50,50);width:100%;z-index:0}.profile__inputbox{left:0;top:0}.profile__edit-button,.profile__inputbox{bottom:0;position:absolute;right:0}.profile__edit-button{border-radius:9999px;border-style:solid;border-width:3px;height:26px;width:24px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(99 99 99/var(--tw-bg-opacity,1));background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M3.334 12.667h.841l6.824-6.824-.84-.841-6.825 6.824zm-.397 1a.58.58 0 0 1-.43-.173.58.58 0 0 1-.173-.43V11.91q0-.245.094-.465a1.2 1.2 0 0 1 .257-.385l8.443-8.439q.15-.137.333-.212a1 1 0 0 1 .384-.075q.2 0 .388.071a.9.9 0 0 1 .333.226l.814.825a.8.8 0 0 1 .221.333q.066.188.066.377 0 .201-.068.384a.94.94 0 0 1-.219.334l-8.438 8.432a1.2 1.2 0 0 1-.85.351zm7.635-8.237-.414-.428.841.841z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.profile__input{height:100%;opacity:0;width:100%}