@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid}.ui-img-cropper.ui-dialog__content{width:min(720px,100%)}.ui-img-cropper__canvas-wrap{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;justify-content:center;align-items:center;height:min(520px,100%);padding:20px;display:flex;position:relative;overflow:hidden}.ui-img-cropper__skeleton{background-color:color-mix(in srgb, oklch(from var(--colors-muted) l c h) var(--un-bg-opacity), transparent);inset:calc(var(--spacing) * 0);position:absolute;overflow:hidden}.ui-img-cropper__skeleton-shimmer{inset:calc(var(--spacing) * 0);background:linear-gradient(90deg, transparent 0%, oklch(from var(--colors-foreground) L C H/.06) 50%, transparent 100%);background-size:200% 100%;animation:1.6s linear infinite ui-cropper-shimmer;position:absolute}@keyframes ui-cropper-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ui-img-cropper__canvas{-webkit-user-select:none;user-select:none;touch-action:none;display:inline-block;position:relative}.ui-img-cropper__canvas--loading{opacity:0;pointer-events:none}.ui-img-cropper__image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:100%;max-height:480px;display:block}.ui-img-cropper__selection{outline-style:var(--un-outline-style);outline-width:2px;outline-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) var(--un-outline-opacity), transparent);--un-outline-style:solid;cursor:move;box-sizing:border-box;top:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);touch-action:none;box-shadow:0 0 0 9999px oklch(from var(--colors-background) L C H/.55);will-change:transform, width, height;outline-style:solid;position:absolute}@media (width>=48rem){.ui-img-cropper__selection{outline-style:var(--un-outline-style);outline-width:1px}}.ui-img-cropper__grid{pointer-events:none;inset:calc(var(--spacing) * 0);position:absolute}.ui-img-cropper__grid-line{mix-blend-mode:difference;position:absolute}.ui-img-cropper__grid-line--v1,.ui-img-cropper__grid-line--v2{width:1px;top:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);background:repeating-linear-gradient(#ffffff8c 0 2px,#0000008c 2px 4px)}.ui-img-cropper__grid-line--v1{left:33.33%}.ui-img-cropper__grid-line--v2{left:66.66%}.ui-img-cropper__grid-line--h1,.ui-img-cropper__grid-line--h2{height:1px;left:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);background:repeating-linear-gradient(90deg,#ffffff8c 0 2px,#0000008c 2px 4px)}.ui-img-cropper__grid-line--h1{top:33.33%}.ui-img-cropper__grid-line--h2{top:66.66%}.ui-img-cropper__handle{outline-style:var(--un-outline-style);outline-width:2px;outline-color:color-mix(in srgb, oklch(from var(--colors-background) l c h) var(--un-outline-opacity), transparent);--un-outline-style:solid;border-radius:var(--radius-xs);background-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) var(--un-bg-opacity), transparent);width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);touch-action:none;outline-style:solid;display:block;position:absolute}@media (width>=48rem){.ui-img-cropper__handle{outline-style:var(--un-outline-style);width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);outline-width:1px}}.ui-img-cropper__handle--tl{cursor:nw-resize;top:calc(var(--spacing) * -1.75);left:calc(var(--spacing) * -1.75)}@media (width>=48rem){.ui-img-cropper__handle--tl{top:calc(var(--spacing) * -1);left:calc(var(--spacing) * -1)}}.ui-img-cropper__handle--tr{cursor:ne-resize;top:calc(var(--spacing) * -1.75);right:calc(var(--spacing) * -1.75)}@media (width>=48rem){.ui-img-cropper__handle--tr{top:calc(var(--spacing) * -1);right:calc(var(--spacing) * -1)}}.ui-img-cropper__handle--bl{cursor:sw-resize;bottom:calc(var(--spacing) * -1.75);left:calc(var(--spacing) * -1.75)}@media (width>=48rem){.ui-img-cropper__handle--bl{bottom:calc(var(--spacing) * -1);left:calc(var(--spacing) * -1)}}.ui-img-cropper__handle--br{cursor:se-resize;bottom:calc(var(--spacing) * -1.75);right:calc(var(--spacing) * -1.75)}@media (width>=48rem){.ui-img-cropper__handle--br{bottom:calc(var(--spacing) * -1);right:calc(var(--spacing) * -1)}}.ui-img-cropper__edge{touch-action:none;display:block;position:absolute}.ui-img-cropper__edge--t,.ui-img-cropper__edge--b{height:calc(var(--spacing) * 2.5);cursor:ns-resize;left:calc(var(--spacing) * 3);right:calc(var(--spacing) * 3)}.ui-img-cropper__edge--t{top:-5px}.ui-img-cropper__edge--b{bottom:-5px}.ui-img-cropper__edge--l,.ui-img-cropper__edge--r{width:calc(var(--spacing) * 2.5);cursor:ew-resize;top:calc(var(--spacing) * 3);bottom:calc(var(--spacing) * 3)}.ui-img-cropper__edge--l{left:-5px}.ui-img-cropper__edge--r{right:-5px}.ui-img-cropper__info{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);border-radius:var(--radius-lg);background-color:color-mix(in srgb, oklch(from var(--colors-muted) l c h) var(--un-bg-opacity), transparent);gap:calc(var(--spacing) * 1.5);align-items:center;width:8.2em;display:none}@media (width>=48rem){.ui-img-cropper__info{display:flex}}