.boows-cropper-container{max-width:100%;margin-bottom:15px}.boows-cropper-wrapper{max-width:400px;max-height:400px;overflow:hidden;background-color:var(--boows-col-text-5);border:1px solid var(--boows-col-text-20);border-radius:4px;margin-top:10px}.boows-cropper-wrapper img{display:block;max-width:100%}.boows-cropper-preview{overflow:hidden;border-radius:8px;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,.1);margin-bottom:10px;background-color:var(--boows-col-text-10);background-size:cover;background-position:center}.boows-cropper-controls{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.boows-cropper-container .boows-error-text{color:var(--boows-col-error);font-size:12px;margin-top:5px}.boows-cropper-popup-content-inner{padding:0;max-height:100%;display:flex;flex-direction:column}.boows-cropper-popup-body{display:flex;gap:30px;align-items:flex-start;margin:20px 0}.boows-cropper-popup-preview-container{flex:0 0 auto}.boows-cropper-popup-preview{border-radius:8px;overflow:hidden;background-color:var(--boows-col-text-10);border:1px solid var(--boows-col-text-20);margin-top:10px}.boows-cropper-popup-footer{border-top:1px solid var(--boows-col-text-10);padding-top:20px}.boows-cropper-preview-container{position:relative;display:inline-block;cursor:pointer}.boows-cropper-delete-btn{position:absolute;top:0;right:0;background:#fff;border:1px solid var(--boows-col-text-10);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--boows-col-error);box-shadow:0 2px 4px rgba(0,0,0,.1)}.boows-cropper-delete-btn:hover{background:#f8f8f8}.boows-cropper-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--boows-col-text-40);background:var(--boows-col-text-5);border:2px dashed var(--boows-col-text-20);border-radius:8px;margin-top:-1px;margin-left:-1px;transition:opacity .3s ease-in-out}.boows-cropper-placeholder:hover{opacity:.8}.boows-cropper-placeholder .material-icons,.boows-cropper-placeholder .material-symbols-outlined{font-size:48px;line-height:1}.boows-cropper-placeholder .material-icons{color:var(--boows-col-primary-40)}.boows-cropper-placeholder span{font-size:14px;font-weight:500;line-height:1}.boows-cropper-shape-circle .boows-cropper-preview,.boows-cropper-shape-circle .boows-cropper-placeholder,.boows-cropper-shape-circle .boows-cropper-popup-preview{border-radius:50%}.boows-cropper-shape-circle .cropper-view-box,.boows-cropper-shape-circle .cropper-face{border-radius:50%}.boows-cropper-shape-square .boows-cropper-preview,.boows-cropper-shape-square .boows-cropper-placeholder,.boows-cropper-shape-square .boows-cropper-popup-preview,.boows-cropper-shape-rectangle .boows-cropper-preview,.boows-cropper-shape-rectangle .boows-cropper-placeholder,.boows-cropper-shape-rectangle .boows-cropper-popup-preview{border-radius:8px}.boows-cropper-shape-square .cropper-view-box,.boows-cropper-shape-square .cropper-face,.boows-cropper-shape-rectangle .cropper-view-box,.boows-cropper-shape-rectangle .cropper-face{border-radius:0}