.reactEasyCrop_Container{-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;--maskColor:#eff3f8dd;justify-content:center;align-items:center;height:100%;display:flex;position:relative;inset:0;overflow:visible}.reactEasyCrop_Image,.reactEasyCrop_Video{will-change:transform}.reactEasyCrop_Contain{max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0;overflow:hidden}.reactEasyCrop_Cover_Horizontal{width:100%;height:auto}.reactEasyCrop_Cover_Vertical{width:auto;height:100%}.reactEasyCrop_CropArea{box-sizing:border-box;box-shadow:0 0 0 9999em var(--maskColor);color:#00000080;transition:width .3s,height .3s;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.reactEasyCrop_CropAreaLabelLeft{transform-origin:0 0;z-index:10;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.reactEasyCrop_CropAreaLabelLeft p{white-space:nowrap;transform-origin:50% 100%;color:#fff;background:#e3057e;padding-inline:.25rem;transform:translateY(-50%)rotate(-90deg)}.reactEasyCrop_CropAreaLabelTop{transform-origin:0 0;z-index:10;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.reactEasyCrop_CropAreaLabelTop p{white-space:nowrap;transform-origin:50% 100%;color:#fff;background:#e3057e;padding-inline:.25rem;transform:translateY(-50%)}.reactEasyCrop_CropAreaRound{border-radius:50%}.reactEasyCrop_CropAreaGrid:before{content:" ";box-sizing:border-box;border:0;border-left:1px solid #ffffff80;border-right:1px solid #ffffff80;position:absolute;inset:0 33.33%}.reactEasyCrop_CropAreaGrid:after{content:" ";box-sizing:border-box;border:1px solid #ffffff80;border-left:0;border-right:0;position:absolute;inset:33.33% 0}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.marching-ants-border{color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.svgmask .mask .shape{fill:#000;stroke:none}.svgmask .outline .shape{fill:none;stroke:#000;stroke-width:1px;stroke-dasharray:5;vector-effect:non-scaling-stroke;animation:1s linear infinite dash}.svgmask .outline-white .shape{fill:none;stroke:#fff;stroke-width:1px;vector-effect:non-scaling-stroke}@keyframes dash{to{stroke-dashoffset:10px}}