@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}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-leading{syntax:"*";inherits:false}.ui-file-preview-image{width:100%;height:100%;container-type:inline-size}.ui-file-preview-image__failed{color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) 60%, transparent);padding:calc(var(--spacing) * 2);text-align:center;gap:calc(var(--spacing) * 1.5);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ui-file-preview-image__failed-icon{width:clamp(1rem,25cqi,2rem)!important;height:clamp(1rem,25cqi,2rem)!important}.ui-file-preview-image__failed-text{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));--un-leading:var(--leading-tight);line-height:var(--leading-tight);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium)}.ui-file-upload-dropzone:hover .ui-file-preview-image__failed,.ui-file-upload-dropzone--drag-over .ui-file-preview-image__failed{visibility:hidden}@container (width<=7rem){.ui-file-preview-image__failed-text{display:none}}.ui-file-upload{flex-direction:column;display:flex}.ui-file-upload__input{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-file-upload__label{margin-bottom:calc(var(--spacing) * 1)}.ui-file-upload__fields{flex-direction:column;flex:1;display:flex}.ui-file-upload--error .ui-file-upload__label{color:var(--colors-danger)}.ui-file-upload--disabled{opacity:.5;cursor:not-allowed}.ui-file-upload--disabled .ui-file-upload__field,.ui-file-upload--loading .ui-file-upload__field{pointer-events:none}.ui-file-upload--loading .ui-file-upload__cancel{pointer-events:auto}.ui-file-upload__messages{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));margin-top:calc(var(--spacing) * .5);padding-left:calc(var(--spacing) * 1);width:0;min-width:100%}.ui-file-upload__messages .ui-file-upload__error,.ui-file-upload__messages .ui-file-upload__hint{overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ui-file-upload__messages .ui-file-upload__error{color:var(--colors-danger)}.ui-file-upload__messages .ui-file-upload__hint{color:oklch(from var(--colors-foreground) L C H/50%)}.ui-file-upload__row{padding:calc(var(--spacing) * .5);gap:calc(var(--spacing) * 1.5);min-width:calc(var(--spacing) * 0);flex:1;align-items:center;display:flex}.ui-file-upload__thumb{border-radius:var(--radius-md);background:oklch(from var(--colors-button) L C H/8%);flex-shrink:0;justify-content:center;align-items:center;width:1.5em;height:1.5em;display:flex;overflow:hidden}.ui-file-upload__thumb .ui-icon{height:1.1em}.ui-file-upload__value{text-align:left;min-width:calc(var(--spacing) * 0);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ui-file-upload__remove,.ui-file-upload__cancel,.ui-file-upload__list-toggle{flex-shrink:0;margin:calc(var(--spacing) * 0)!important}.ui-file-upload__filename-row{gap:calc(var(--spacing) * 2);align-items:center;width:100%;display:flex}.ui-file-upload__filename-text{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));text-align:left;min-width:calc(var(--spacing) * 0);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ui-file-upload__filename-icon{opacity:.8;flex-shrink:0;height:1em}.ui-file-upload__list-popover{flex-direction:column;display:flex}.ui-file-upload .ui-file-upload__field.ui-file-upload-input{border-radius:var(--radius-lg);gap:calc(var(--spacing) * 1.5);width:100%;transition-property:all;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.2s;border:1px solid var(--colors-border);background:oklch(from var(--colors-button) L C H/5%);flex-shrink:0;align-items:center;transition-duration:.2s;display:flex}.ui-file-upload--xs .ui-file-upload__field.ui-file-upload-input,.ui-file-upload--xs .ui-file-upload__list-item{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));padding-inline:calc(var(--spacing) * 2);gap:calc(var(--spacing) * 1);height:calc(var(--spacing) * 6)}.ui-file-upload--sm .ui-file-upload__field.ui-file-upload-input,.ui-file-upload--sm .ui-file-upload__list-item{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));padding-inline:calc(var(--spacing) * 2.5);gap:calc(var(--spacing) * 1);height:calc(var(--spacing) * 7)}.ui-file-upload--md .ui-file-upload__field.ui-file-upload-input,.ui-file-upload--md .ui-file-upload__list-item{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 3);gap:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 8)}.ui-file-upload--lg .ui-file-upload__field.ui-file-upload-input,.ui-file-upload--lg .ui-file-upload__list-item{padding-inline:calc(var(--spacing) * 3.5);gap:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 9)}.ui-file-upload--xl .ui-file-upload__field.ui-file-upload-input,.ui-file-upload--xl .ui-file-upload__list-item{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));padding-inline:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 2);height:calc(var(--spacing) * 10)}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.ui-file-upload__list{padding:calc(var(--spacing) * 0);padding:calc(var(--spacing) * 2);gap:calc(var(--spacing) * 1);max-height:calc(var(--spacing) * 40);flex-direction:column;list-style-type:none;display:flex;overflow-y:auto}.ui-file-upload__list-header{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * .5);border-bottom-width:2px;border-color:color-mix(in srgb, oklch(from var(--colors-muted) l c h) var(--un-border-opacity), transparent);justify-content:flex-end;align-items:center;display:flex}.ui-file-upload__list-item{border-radius:var(--radius-lg);gap:calc(var(--spacing) * 1.5);width:100%;transition-property:all;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.2s;border:1px solid var(--colors-border);background:oklch(from var(--colors-button) L C H/5%);flex-shrink:0;align-items:center;transition-duration:.2s;display:flex}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}.ui-file-upload-dropzone__overlay{pointer-events:none;top:calc(var(--spacing) * 2);right:calc(var(--spacing) * 2);z-index:1;position:absolute}.ui-file-upload-dropzone{border-radius:var(--radius-xl);background-color:color-mix(in srgb, oklch(from var(--colors-surface) l c h) var(--un-bg-opacity), transparent);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition-property:all;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.2s;border:1px dashed var(--colors-border);min-height:5.5rem;transition-duration:.2s;display:block;position:relative;overflow:hidden;container:ui-file-upload-field/size}.ui-file-upload-dropzone:hover:not(:has(.ui-file-upload__list-toggle:hover,.ui-file-upload__remove:hover)){background:oklch(from var(--current-color) L C H/5%);border-color:var(--current-color)}.ui-file-upload-dropzone:hover:not(:has(.ui-file-upload__list-toggle:hover,.ui-file-upload__remove:hover)) .ui-file-upload__icon{transform:translateY(-2px)}.ui-file-upload-dropzone--drag-over{border:1px solid var(--current-color);background:oklch(from var(--current-color) L C H/15%)}.ui-file-upload-dropzone--loading{border-color:var(--current-color)}.ui-file-upload-dropzone--loading .ui-file-upload__preview{opacity:.1}.ui-file-upload-dropzone .ui-file-upload__preview,.ui-file-upload-dropzone .ui-file-upload__loading{padding-inline:calc(var(--spacing) * 4);text-align:center;transition-property:opacity;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.2s;inset:calc(var(--spacing) * 0);flex-direction:column;justify-content:center;align-items:center;transition-duration:.2s;display:flex;position:absolute}.ui-file-upload-dropzone .ui-file-upload__prompt{transition-property:opacity;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.2s;inset:calc(var(--spacing) * 0);flex-direction:column;transition-duration:.2s;display:flex;position:absolute}.ui-file-upload-dropzone .ui-file-upload__prompt-content{padding-inline:calc(var(--spacing) * 4);text-align:center;min-height:calc(var(--spacing) * 0);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.ui-file-upload-dropzone .ui-file-upload__loading{gap:calc(var(--spacing) * 2);color:#fff;background:oklch(0% 0 0/.55)}.ui-file-upload-dropzone .ui-file-upload__loading .ui-file-upload__icon{margin-bottom:calc(var(--spacing) * 0);opacity:1}.ui-file-upload-dropzone .ui-file-upload__loading .ui-file-upload__cancel{color:#fff!important}.ui-file-upload-dropzone--has-preview .ui-file-upload__prompt{opacity:0}.ui-file-upload-dropzone--has-preview:hover .ui-file-upload__preview,.ui-file-upload-dropzone--has-preview.ui-file-upload-dropzone--drag-over .ui-file-upload__preview{opacity:.1}.ui-file-upload-dropzone--has-preview:hover .ui-file-upload__prompt,.ui-file-upload-dropzone--has-preview.ui-file-upload-dropzone--drag-over .ui-file-upload__prompt{opacity:1}.ui-file-upload-dropzone .ui-file-upload__icon{margin-bottom:calc(var(--spacing) * 4);opacity:.6;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.ui-file-upload-dropzone .ui-file-upload__text{--un-leading:var(--leading-snug);line-height:var(--leading-snug)}.ui-file-upload-dropzone .ui-file-upload__text strong{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);display:block}.ui-file-upload-dropzone .ui-file-upload__text span{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));opacity:.6}.ui-file-upload-dropzone .ui-file-upload__preview-media{width:100%;height:100%;inset:calc(var(--spacing) * 0);object-fit:cover;position:absolute}.ui-file-upload-dropzone .ui-file-upload__preview-icon{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);position:absolute;top:50%;left:50%;margin-bottom:calc(var(--spacing) * 0)!important}.ui-file-upload-dropzone .ui-file-upload__filename{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);gap:calc(var(--spacing) * 2);bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);color:#fff;background:linear-gradient(#0000 0%,oklch(0% 0 0/.6) 45%,oklch(0% 0 0/.85) 80%);justify-content:center;align-items:center;display:flex;position:absolute}.ui-file-upload-dropzone .ui-file-upload__filename-text{flex:auto}.ui-file-upload-dropzone .ui-file-upload__prompt-footer{padding-inline:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 2);flex-shrink:0}@container ui-file-upload-field (height<=88px) and (width>=281px){.ui-file-upload-dropzone .ui-file-upload__prompt-content{text-align:left;gap:calc(var(--spacing) * 4);flex-direction:row;justify-content:flex-start}.ui-file-upload-dropzone .ui-file-upload__prompt-content .ui-file-upload__text{text-align:left}}@container ui-file-upload-field (height<=88px) or (width<=280px){.ui-file-upload-dropzone .ui-file-upload__prompt-content .ui-file-upload__icon{margin-bottom:calc(var(--spacing) * 0)}.ui-file-upload-dropzone .ui-file-upload__filename,.ui-file-upload-dropzone .ui-file-upload__prompt-footer{padding-inline:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 1)}.ui-file-upload-dropzone .ui-file-upload__prompt-footer .divider{margin-bottom:calc(var(--spacing) * .5)}}@container ui-file-upload-field (width<=300px){.ui-file-upload-dropzone .ui-file-upload__text{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-file-upload-dropzone .ui-file-upload__icon{margin-bottom:calc(var(--spacing) * 0);height:auto;transform:none!important}}.ui-file-upload--xs .ui-file-upload-dropzone{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));min-height:4.5rem}.ui-file-upload--sm .ui-file-upload-dropzone{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));min-height:5rem}.ui-file-upload--md .ui-file-upload-dropzone{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));min-height:5.5rem}.ui-file-upload--lg .ui-file-upload-dropzone{--uno:"text-md";min-height:6rem}.ui-file-upload--xl .ui-file-upload-dropzone{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));min-height:6.5rem}
