.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;height:100%;width:100%}.cropper_frame.is_banner{border-radius:10px}.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 #6080ff}.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_stage{display:flex;justify-content:center}.cropper_initial{height:100%;object-fit:cover;width:100%}.cropper_initial,.cropper_scrim{inset:0;pointer-events:none;position:absolute}.cropper_scrim{background:linear-gradient(180deg,hsla(0,0%,6%,0) 35%,#101010)}.cropper_url{display:flex;gap:8px}.cropper_url .input_block{flex:1;min-width:0}.cropper_tools{justify-content:center;position:relative}.cropper_tools,.cropper_zoom{align-items:center;display:flex}.cropper_zoom{gap:10px;width:220px}.cropper_zoom_icon{display:flex;flex-shrink:0;user-select:none}.cropper_zoom_icon svg{fill:hsla(0,0%,100%,.5);height:22px;width:22px}.cropper_zoom_icon.small svg{height:14px;width:14px}.cropper_icon_button{align-items:center;background:transparent;border:none;border-radius:7px;cursor:pointer;display:flex;height:34px;justify-content:center;padding:0;position:absolute;right:0;transition:background .3s;width:34px}.cropper_icon_button svg{fill:hsla(0,0%,100%,.5);height:20px;transition:fill .3s;width:20px}.cropper_icon_button:hover:not(:disabled){background:#252525}.cropper_icon_button:hover:not(:disabled) svg{fill:#fff}.cropper_icon_button:disabled{cursor:default;opacity:.4}.cropper_gif_note{color:hsla(0,0%,100%,.55);font-size:12px;margin:0;text-align:center}.cropper_error{color:#ff6b6b;font-size:13px;font-weight:500}.cropper_actions{align-items:center;display:flex;gap:10px;justify-content:space-between}.cropper_actions_right{display:flex;gap:8px}.cropper_reset{background:none;border:none;color:#6080ff;cursor:pointer;font-size:14px;font-weight:600;padding:0}.cropper_reset:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}.cropper_reset:disabled{color:hsla(0,0%,100%,.376);cursor:default}.cropper_link_button{padding:0;width:40px}.cropper_link_button svg{fill:currentColor;height:18px;width:18px}.cropper_link_button.active{color:#6080ff}