.avatar-upload[data-v-6d643053]{display:flex;flex-direction:column;align-items:center}.avatar-upload .avatar-preview[data-v-6d643053]{position:relative;width:4.5rem;height:4.5rem;cursor:pointer;overflow:hidden;border-width:2px;--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));border-radius:9999px;border-style:solid;--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity));background-size:cover;background-position:center}.avatar-upload .avatar-preview .edit-overlay[data-v-6d643053]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity));--un-bg-opacity:.4;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.avatar-upload .avatar-preview .upload-mask[data-v-6d643053]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity));--un-bg-opacity:.6}.avatar-upload .avatar-preview:hover .edit-overlay[data-v-6d643053]{opacity:1}.avatar-upload .loading-spinner[data-v-6d643053]{width:2rem;height:2rem;animation:spin 1s linear infinite;border-width:4px;--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));border-top-color:transparent;border-radius:9999px}.avatar-upload .error-message[data-v-6d643053]{font-size:.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}