.avatar-current{width:132px;height:132px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#dcedff,#b8daf4);display:grid;place-items:center;color:#07558f;font-size:2.5rem;font-weight:800;border:5px solid #fff;box-shadow:0 10px 30px rgba(8,48,87,.16)}.avatar-current img{width:100%;height:100%;object-fit:cover}.avatar-crop-workspace{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:1rem;border-radius:16px;background:#071c3c;margin-bottom:1rem}.avatar-crop-workspace canvas{width:240px;height:240px;max-width:100%;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.75);cursor:grab;touch-action:none}.avatar-crop-workspace canvas:active{cursor:grabbing}.avatar-crop-workspace label{display:grid;gap:.5rem;color:#d9eaf8;font-size:.8rem}.avatar-crop-workspace input{accent-color:#34b9dc}@media(max-width:767.98px){.avatar-current{margin:auto}.avatar-crop-workspace{grid-template-columns:1fr;justify-items:center}.avatar-crop-workspace canvas{width:min(240px,75vw);height:min(240px,75vw)}}