.image-crop{--image-crop-max-height:24rem;display:inline-block;max-width:100%;user-select:none}.image-crop--stage{background:repeating-conic-gradient(var(--surface-2) 0 25%,var(--surface-1) 0 50%) 0 0/16px 16px;border-radius:var(--radius-media,var(--radius-box));line-height:0;overflow:hidden;position:relative}.image-crop--image{display:block;max-height:var(--image-crop-max-height);max-width:100%;pointer-events:none}.image-crop--area{border:1px solid hsla(0,0%,100%,.9);box-shadow:0 0 0 100vmax rgba(0,0,0,.5);box-sizing:border-box;cursor:move;position:absolute;touch-action:none}.image-crop--area:focus-visible{box-shadow:0 0 0 var(--border-focus-width) var(--neutral-a3);outline:none;outline:2px solid var(--color-selected);transition:box-shadow .16s ease,border-color .16s ease}.image-crop--round .image-crop--area{border-radius:50%}.image-crop--handle{background:#fff;border:1px solid rgba(0,0,0,.4);border-radius:2px;height:.75rem;position:absolute;touch-action:none;width:.75rem}.image-crop--handle--nw{cursor:nwse-resize;left:-.375rem;top:-.375rem}.image-crop--handle--ne{cursor:nesw-resize;right:-.375rem;top:-.375rem}.image-crop--handle--sw{bottom:-.375rem;cursor:nesw-resize;left:-.375rem}.image-crop--handle--se{bottom:-.375rem;cursor:nwse-resize;right:-.375rem}