.image-crop-root {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.image-crop-viewport {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: 6px;
    border: 2px solid #594ae2;
    background: #111;
    touch-action: none;
    cursor: grab;
}

.image-crop-viewport--square {
    aspect-ratio: 1 / 1;
}

.image-crop-root--square {
    max-width: 480px;
}

.image-crop-viewport:active {
    cursor: grabbing;
}

.image-crop-image {
    position: absolute;
    user-select: none;
    pointer-events: none;
}