.qx-image-cropper{--qx-image-cropper-stage-height:min(60vh, 28rem);--qx-image-cropper-gap:.75rem;--qx-image-cropper-radius:.5rem;--qx-image-cropper-font-size:.875rem;--qx-image-cropper-transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;--qx-image-cropper-stage-background:#f1f5f9;--qx-image-cropper-text-color:inherit;--qx-image-cropper-muted-color:#475569;--qx-image-cropper-border-color:#cbd5e1;--qx-image-cropper-selection-color:#ffd600;--qx-image-cropper-primary-background:#ffd600;--qx-image-cropper-primary-hover-background:#f5c400;--qx-image-cropper-primary-active-background:#f5c400;--qx-image-cropper-primary-color:#020617;--qx-image-cropper-secondary-color:#6c757d;--qx-image-cropper-secondary-hover-background:#6c757d;--qx-image-cropper-secondary-hover-color:#fff;--qx-image-cropper-secondary-active-background:#5c636a;--qx-image-cropper-focus-ring-color:#ffd600;--qx-image-cropper-focus-ring-offset-color:#fff;--qx-image-cropper-focus-ring:0 0 0 2px var(--qx-image-cropper-focus-ring-offset-color), 0 0 0 4px var(--qx-image-cropper-focus-ring-color);--qx-image-cropper-active-shadow:inset 0 3px 5px #00000020;gap:var(--qx-image-cropper-gap);min-width:0;color:var(--qx-image-cropper-text-color);font-size:var(--qx-image-cropper-font-size);flex-direction:column;line-height:1.4;display:flex}.qx-image-cropper .qx-image-cropper__stage{min-height:var(--qx-image-cropper-stage-height);border-radius:var(--qx-image-cropper-radius);background:var(--qx-image-cropper-stage-background);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.qx-image-cropper .qx-image-cropper__frame{border-radius:var(--qx-image-cropper-radius);width:100%;position:relative}.qx-image-cropper .qx-image-cropper__frame:focus{outline:none}.qx-image-cropper .qx-image-cropper__frame:focus-visible:after{content:"";z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 3px var(--qx-image-cropper-focus-ring-color),inset 0 0 0 5px var(--qx-image-cropper-focus-ring-offset-color);pointer-events:none;position:absolute;inset:0}.qx-image-cropper .qx-image-cropper__frame cropper-canvas{height:var(--qx-image-cropper-stage-height)}.qx-image-cropper .qx-image-cropper__preview{max-width:100%;max-height:var(--qx-image-cropper-stage-height);object-fit:contain;display:block}.qx-image-cropper .qx-image-cropper__status{color:var(--qx-image-cropper-muted-color);margin:0}.qx-image-cropper .qx-image-cropper__status:empty{display:none}.qx-image-cropper .qx-image-cropper__toolbar,.qx-image-cropper .qx-image-cropper__tools,.qx-image-cropper .qx-image-cropper__actions,.qx-image-cropper .qx-image-cropper__group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.qx-image-cropper .qx-image-cropper__toolbar{justify-content:space-between;gap:var(--qx-image-cropper-gap)}.qx-image-cropper .qx-image-cropper__actions{margin-left:auto}.qx-image-cropper .qx-image-cropper__toolbar[hidden],.qx-image-cropper .qx-image-cropper__tools[hidden]{display:none}.qx-image-cropper .qx-image-cropper__group-label{color:var(--qx-image-cropper-muted-color)}.qx-image-cropper .qx-image-cropper__value{font-variant-numeric:tabular-nums;text-align:center;min-width:3.5em}.qx-image-cropper .qx-image-cropper__button{border-radius:var(--qx-image-cropper-radius);min-height:2.75rem;color:inherit;font:inherit;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000;transition:var(--qx-image-cropper-transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.375rem;margin:0;padding:0 1rem;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex}.qx-image-cropper .qx-image-cropper__button:focus{outline:none}.qx-image-cropper .qx-image-cropper__button:focus-visible{box-shadow:var(--qx-image-cropper-focus-ring)}.qx-image-cropper .qx-image-cropper__button:active:not(:disabled){box-shadow:var(--qx-image-cropper-active-shadow)}.qx-image-cropper .qx-image-cropper__button:active:focus-visible:not(:disabled){box-shadow:var(--qx-image-cropper-active-shadow),var(--qx-image-cropper-focus-ring)}.qx-image-cropper .qx-image-cropper__button:disabled{cursor:not-allowed;opacity:.65;box-shadow:none}@media (prefers-reduced-motion:reduce){.qx-image-cropper .qx-image-cropper__button{transition:none}}.qx-image-cropper .qx-image-cropper__button--icon{min-width:2.75rem;padding:0;font-size:1.125rem}.qx-image-cropper .qx-image-cropper__button--cancel,.qx-image-cropper .qx-image-cropper__button--icon{border-color:var(--qx-image-cropper-secondary-color);color:var(--qx-image-cropper-secondary-color);background:0 0}.qx-image-cropper .qx-image-cropper__button--cancel:hover:not(:disabled),.qx-image-cropper .qx-image-cropper__button--icon:hover:not(:disabled){border-color:var(--qx-image-cropper-secondary-hover-background);background:var(--qx-image-cropper-secondary-hover-background);color:var(--qx-image-cropper-secondary-hover-color)}.qx-image-cropper .qx-image-cropper__button--cancel:active:not(:disabled),.qx-image-cropper .qx-image-cropper__button--icon:active:not(:disabled){border-color:var(--qx-image-cropper-secondary-active-background);background:var(--qx-image-cropper-secondary-active-background);color:var(--qx-image-cropper-secondary-hover-color)}.qx-image-cropper .qx-image-cropper__button--confirm{border-color:var(--qx-image-cropper-primary-background);background:var(--qx-image-cropper-primary-background);color:var(--qx-image-cropper-primary-color)}.qx-image-cropper .qx-image-cropper__button--confirm:hover:not(:disabled){border-color:var(--qx-image-cropper-primary-hover-background);background:var(--qx-image-cropper-primary-hover-background)}.qx-image-cropper .qx-image-cropper__button--confirm:active:not(:disabled){border-color:var(--qx-image-cropper-primary-active-background);background:var(--qx-image-cropper-primary-active-background)}.qx-image-cropper{box-sizing:border-box}.qx-image-cropper *,.qx-image-cropper :before,.qx-image-cropper :after{box-sizing:inherit}