.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}.grid,.grid-cols-1,.grid-cols-10,.grid-cols-11,.grid-cols-12,.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6,.grid-cols-7,.grid-cols-8,.grid-cols-9{--grid-min:14rem;--grid-max:18rem;--grid-gap:var(--space-4);display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),1fr));width:100%}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-7{grid-template-columns:repeat(7,1fr)}.grid-cols-8{grid-template-columns:repeat(8,1fr)}.grid-cols-9{grid-template-columns:repeat(9,1fr)}.grid-cols-10{grid-template-columns:repeat(10,1fr)}.grid-cols-11{grid-template-columns:repeat(11,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.grid--2{--grid-min:20rem}.grid--3{--grid-min:16rem}.grid--fixed{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),var(--grid-max)));justify-content:start}.grid--aside{--grid-aside:20rem;--grid-main-min:60%;align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4)}.grid--aside>:first-child{flex:999 1 0;min-width:var(--grid-main-min)}.grid--aside>:last-child{flex:1 1 var(--grid-aside)}.cluster{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.demo-image-crop--preview{border-radius:var(--radius-media,var(--radius-box));max-height:6rem;max-width:8rem}.demo-image-crop--preview--round{border-radius:50%}