.nut-avatar-cropper{position:relative;display:flex}.nut-avatar-cropper-edit-text{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1;color:#fff;display:flex;justify-content:center;align-items:center}.nut-avatar-cropper-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.nut-avatar-cropper-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, .7));z-index:1000}.nut-avatar-cropper-popup-canvas,.nut-avatar-cropper-popup-cut-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1}.nut-avatar-cropper-popup-cut-canvas{z-index:0}.nut-avatar-cropper-popup-toolbar{position:absolute;bottom:0;left:0;width:100%;z-index:2}.nut-avatar-cropper-popup-toolbar.top{top:0;bottom:inherit}.nut-avatar-cropper-popup-toolbar-flex{width:100%;display:flex;justify-content:space-between;padding:15px}.nut-avatar-cropper-popup-toolbar-item{color:#fff;cursor:pointer;display:flex;align-items:center}.nut-avatar-cropper-popup-toolbar-item .nut-button{color:#fff}.nut-avatar-cropper-popup-highlight{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:transparent}.nut-avatar-cropper-popup-highlight .highlight{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:transparent;box-shadow:0 0 1000px 1000px #0009}.nut-avatar-cropper.round .nut-avatar-cropper-edit-text{border-radius:50%}[dir=rtl] .nut-avatar-cropper-edit-text,.nut-rtl .nut-avatar-cropper-edit-text,[dir=rtl] .nut-avatar-cropper-input,.nut-rtl .nut-avatar-cropper-input,[dir=rtl] .nut-avatar-cropper-popup,.nut-rtl .nut-avatar-cropper-popup,[dir=rtl] .nut-avatar-cropper-popup-canvas,[dir=rtl] .nut-avatar-cropper-popup-cut-canvas,.nut-rtl .nut-avatar-cropper-popup-canvas,.nut-rtl .nut-avatar-cropper-popup-cut-canvas,[dir=rtl] .nut-avatar-cropper-popup-toolbar,.nut-rtl .nut-avatar-cropper-popup-toolbar,[dir=rtl] .nut-avatar-cropper-popup-highlight,.nut-rtl .nut-avatar-cropper-popup-highlight{left:auto;right:0}[dir=rtl] .nut-avatar-cropper-popup-highlight .highlight,.nut-rtl .nut-avatar-cropper-popup-highlight .highlight{left:auto;right:50%;transform:translate(50%,-50%)}