.cropper_body{display:flex;flex-direction:column;gap:15px}.cropper_frame{background:#202020;border:1px solid #252525;border-radius:12px;margin:0 auto;max-width:100%;overflow:hidden;position:relative;transition:background .18s,border-color .18s}.cropper_frame canvas{display:block}.cropper_frame.has_image{cursor:grab}.cropper_frame.cropper_dropzone{background:hsla(0,0%,100%,.025);border:1px dashed hsla(0,0%,100%,.18);cursor:pointer}.cropper_frame.cropper_dropzone:hover{background:rgba(127,167,255,.05);border-color:rgba(127,167,255,.5)}.cropper_frame.drag_active{background:rgba(127,167,255,.08);border:1px dashed #6f78ef}.cropper_hint{align-items:center;display:flex;flex-direction:column;gap:6px;inset:0;justify-content:center;padding:16px;pointer-events:none;position:absolute;text-align:center}.cropper_hint_label{color:hsla(0,0%,100%,.7);font-size:14px;margin:0}.cropper_hint_label span{color:hsla(0,0%,100%,.5);text-decoration:underline;text-underline-offset:2px}.cropper_hint_sub{color:hsla(0,0%,100%,.4);font-size:12px;margin:0}.cropper_range{accent-color:#6f78ef;cursor:pointer;width:100%}.cropper_gif_note{color:hsla(0,0%,100%,.55);font-size:12px;margin:0;text-align:center}.cropper_pick_link{align-self:flex-start;background:none;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:13px;padding:0;text-decoration:underline;text-underline-offset:2px}.cropper_error{color:#ff6b6b;font-size:13px;font-weight:500}.cropper_actions{display:flex;gap:10px;justify-content:flex-end}.image_upload{border-radius:8px;cursor:pointer;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.image_upload .image_upload_preview{display:block;height:100%;object-fit:cover;width:100%}.image_upload .image_upload_overlay{align-items:center;background:rgba(0,0,0,.45);color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.image_upload .image_upload_overlay svg{fill:#fff;height:18px;width:18px}.image_upload:hover .image_upload_overlay{opacity:1}.image_upload .image_upload_empty{align-items:center;background:hsla(0,0%,100%,.025);border:1px dashed hsla(0,0%,100%,.18);border-radius:8px;color:hsla(0,0%,100%,.5);display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:6px;height:100%;justify-content:center;transition:.2s;width:100%}.image_upload .image_upload_empty svg{fill:hsla(0,0%,100%,.5);height:22px;transition:.2s;width:22px}.image_upload:hover .image_upload_empty{background:rgba(96,128,255,.06);border-color:rgba(96,128,255,.5);color:#fff}.image_upload:hover .image_upload_empty svg{fill:#6f78ef}.image_upload_avatar{height:110px;width:110px}.image_upload_banner{height:130px;width:100%}