.crop-dropzone{border:2px dashed var(--bs-border-color);text-align:center;cursor:pointer;border-radius:.5rem;padding:3rem 1.5rem;transition:border-color .15s,background-color .15s}.crop-dropzone:hover,.crop-dropzone--active{border-color:var(--bs-primary);background:rgba(var(--bs-primary-rgb), .05)}.crop-dropzone-icon{font-size:2rem}.crop-canvas-wrapper{max-width:100%;display:inline-block;position:relative}.crop-canvas{background:repeating-conic-gradient(#e9ecef 0% 25%,#fff 0% 50%) 0 0/20px 20px;border-radius:.25rem;max-width:100%;height:auto;display:block}.crop-selection-box{outline:2px dashed var(--bs-primary);outline-offset:-2px;background:rgba(var(--bs-primary-rgb), .15);cursor:move;touch-action:none;border:2px dashed #fff;position:absolute}.crop-handle{background:var(--bs-primary);touch-action:none;border:2px solid #fff;border-radius:2px;width:14px;height:14px;margin:-7px;position:absolute}.crop-handle--nw{cursor:nwse-resize;top:0;left:0}.crop-handle--ne{cursor:nesw-resize;top:0;right:0}.crop-handle--sw{cursor:nesw-resize;bottom:0;left:0}.crop-handle--se{cursor:nwse-resize;bottom:0;right:0}