.photo-upload-field{align-items:center;gap:16px;margin-bottom:28px;display:flex}.photo-upload-preview{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:50%;flex:none;justify-content:center;align-items:center;width:72px;height:72px;padding:0;transition:border-color .14s,background .14s;display:flex;overflow:hidden}.photo-upload-preview:disabled{cursor:default}.photo-upload-preview:not(:disabled):hover,.photo-upload-preview:not(:disabled):focus-visible{background:#ffffff14;border-color:#ffffff52;outline:none}.photo-upload-preview img{object-fit:cover;width:100%;height:100%;display:block}.photo-upload-placeholder{color:#ffffff4d;font-size:1.6rem;font-weight:300}.photo-upload-controls{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.photo-upload-button{color:#efe9df;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:100px;min-height:40px;padding:0 18px;font-size:.8rem;font-weight:700;transition:border-color .14s,background .14s}.photo-upload-button:disabled{opacity:.6;cursor:default}.photo-upload-button:not(:disabled):hover,.photo-upload-button:not(:disabled):focus-visible{background:#ffffff14;border-color:#ffffff52;outline:none}.photo-upload-error{color:#e8a596;margin:0;font-size:.76rem}
.avatar-picker{flex-wrap:wrap;gap:10px;margin:-8px 0 28px;display:flex}.avatar-picker-option{cursor:pointer;background:#ffffff0a;border:2px solid #0000;border-radius:50%;flex:none;width:44px;height:44px;padding:0;transition:border-color .14s,transform .14s;overflow:hidden}.avatar-picker-option:hover{transform:translateY(-1px)}.avatar-picker-option:focus-visible{box-shadow:0 0 0 2px #000, 0 0 0 4px var(--gold-bright,#f0c36b);outline:none;transform:translateY(-1px)}.avatar-picker-option.is-selected{border-color:var(--gold-bright,#f0c36b)}.avatar-picker-option img{width:100%;height:100%;display:block}