:root{--brand-orange: #FF7A00}.cropper-container{position:relative;width:100%;max-width:24rem;overflow:hidden;border-width:2px;transition:all .3s ease;border-radius:1rem;cursor:grab;touch-action:none;aspect-ratio:var(--aspect-ratio, 1)}.cropper-container.dragging{border-color:var(--brand-orange);transform:scale(1.02);box-shadow:0 0 40px #ff7a004d;background:#00000005;cursor:grabbing}.cropper-container.rounded-full{border-radius:9999px}.cropper-image{position:absolute;max-width:none;transform-origin:center;transition:opacity .2s ease,transform .15s ease;top:50%;left:50%;transform:translate(-50%,-50%) translate(var(--offset-x, 0px),var(--offset-y, 0px)) scale(var(--zoom, 1));min-width:100%;min-height:100%;object-fit:cover}.cropper-image.dragging{opacity:.8}.cropper-track-fill{position:absolute;left:0;height:6px;background:var(--brand-orange);border-radius:9999px;pointer-events:none;transition:width 75ms linear;width:var(--zoom-fill, 0%)}.progress-bar-fill{width:var(--progress-width, 0%);height:100%;border-radius:inherit;transition:width .3s ease}.profile-progress-fill{width:var(--profile-width, 0%);height:100%;border-radius:inherit;transition:width 1s ease-out}.cropper-rounded-full{border-radius:9999px}