/* Crop selection shared by advanced photo editing and square logo upload. */
.photo-crop-stage{position:relative;overflow:hidden;margin-bottom:20px;padding:10px}.photo-crop-stage .photo-editor-preview{margin-bottom:0}.photo-crop-stage.is-cropping{user-select:none}.photo-crop-stage.is-cropping img{pointer-events:none}
.photo-crop-box{position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 0 999px #0007,0 0 0 1px #222;touch-action:none;cursor:move;z-index:1;background:linear-gradient(to right,transparent 33%,#fff5 33%,#fff5 33.4%,transparent 33.4%,transparent 66%,#fff5 66%,#fff5 66.4%,transparent 66.4%),linear-gradient(to bottom,transparent 33%,#fff5 33%,#fff5 33.4%,transparent 33.4%,transparent 66%,#fff5 66%,#fff5 66.4%,transparent 66.4%)}
.photo-crop-box:focus-visible,.photo-crop-handle:focus-visible{outline:2px solid var(--btn-success-bg,#187246);outline-offset:3px}
.photo-crop-box .photo-crop-handle{position:absolute;width:18px;height:18px;min-height:0;margin:0;padding:0;border:2px solid #222;border-radius:3px;background:#fff;transform:translate(-50%,-50%);touch-action:none}
.photo-crop-handle[data-crop-handle=n]{left:50%;top:0;cursor:ns-resize}.photo-crop-handle[data-crop-handle=s]{left:50%;top:100%;cursor:ns-resize}.photo-crop-handle[data-crop-handle=w]{left:0;top:50%;cursor:ew-resize}.photo-crop-handle[data-crop-handle=e]{left:100%;top:50%;cursor:ew-resize}.photo-crop-handle[data-crop-handle=nw]{left:0;top:0;cursor:nwse-resize}.photo-crop-handle[data-crop-handle=ne]{left:100%;top:0;cursor:nesw-resize}.photo-crop-handle[data-crop-handle=sw]{left:0;top:100%;cursor:nesw-resize}.photo-crop-handle[data-crop-handle=se]{left:100%;top:100%;cursor:nwse-resize}