.crop-modern{--rc-drag-handle-size:10px;--rc-drag-handle-mobile-size:18px;--rc-drag-handle-bg-colour:#fffffff2;--rc-border-color:#ffffffd9;--rc-focus-color:hsl(var(--primary))}.crop-modern .ReactCrop__drag-handle{border:2px solid hsl(var(--primary));background-color:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 .5px 3px #0000000d}.crop-modern .ord-nw:hover{transform:translate(-50%,-50%)scale(1.2)}.crop-modern .ord-ne:hover{transform:translate(50%,-50%)scale(1.2)}.crop-modern .ord-se:hover{transform:translate(50%,50%)scale(1.2)}.crop-modern .ord-sw:hover{transform:translate(-50%,50%)scale(1.2)}.crop-modern .ord-n:hover{transform:translate(-50%,-50%)scale(1.2)}.crop-modern .ord-s:hover{transform:translate(-50%,50%)scale(1.2)}.crop-modern .ord-e:hover{transform:translate(50%,-50%)scale(1.2)}.crop-modern .ord-w:hover{transform:translate(-50%,-50%)scale(1.2)}.crop-modern .ReactCrop__crop-selection{border:2px solid hsl(var(--primary));box-shadow:0 0 0 9999px #0000000d;background-image:none!important;animation:none!important}.crop-modern .ReactCrop__rule-of-thirds-vt:before,.crop-modern .ReactCrop__rule-of-thirds-vt:after,.crop-modern .ReactCrop__rule-of-thirds-hz:before,.crop-modern .ReactCrop__rule-of-thirds-hz:after{background-color:#fff3}@media (pointer:coarse){.crop-modern .ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}.crop-modern .ord-n,.crop-modern .ord-e,.crop-modern .ord-s,.crop-modern .ord-w{display:block!important}}