.crop-image-container .avatar-view{position:relative;width:-moz-fit-content;width:fit-content}.crop-image-container .avatar-view .backdrop{background-color:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;z-index:1}.crop-image-container .avatar-view .action{display:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.crop-image-container .avatar-view:hover .backdrop{opacity:1}.crop-image-container .avatar-view:hover .action{display:flex;gap:.75rem}.crop-image-container .modal .cropper-image-wrap{background-clip:padding-box;background-color:var(--bb-bg-forms);border:var(--bb-border-width) solid var(--bb-border-color);border-radius:var(--bb-border-radius);box-shadow:var(--bb-box-shadow-input);height:calc(100% - 5.25rem);width:100%}.crop-image-container .modal .img-preview{background-color:#fff;border:1px solid #eee;margin-left:1rem;margin-top:1.75rem;overflow:hidden}.crop-image-container .modal .img-preview.preview-lg{height:9rem;width:9rem}.crop-image-container .modal .img-preview.preview-md{height:4.5rem;width:4.5rem}.crop-image-container .modal .img-preview.preview-sm{height:2.25rem;width:2.25rem}