@layer equip{.eq-image-cropper{gap:var(--eq-space-2);width:100%;min-width:0;color:var(--eq-ink);font:var(--eq-weight) var(--eq-text-s) / 1.35 var(--eq-font);justify-items:center;display:grid}.eq-image-cropper-stage{border-radius:var(--eq-radius-m);background:var(--eq-tint-strong);touch-action:none;-webkit-user-select:none;user-select:none;min-width:0;max-width:100%;position:relative;overflow:hidden}.eq-image-cropper:not([data-ready]) .eq-image-cropper-stage{aspect-ratio:4/3;width:100%}.eq-image-cropper-canvas{position:absolute;top:0;left:0}.eq-image-cropper:not([data-ready]) .eq-image-cropper-canvas{visibility:hidden}.eq-image-cropper-image{pointer-events:none;max-width:none;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.eq-image-cropper-frame{box-sizing:border-box;border:1px solid var(--eq-raised);box-shadow:0 0 0 1px color-mix(in srgb, var(--eq-ink) 40%, transparent), 0 0 0 100vmax var(--eq-backdrop);cursor:move;touch-action:none;position:absolute}.eq-image-cropper[data-shape=round] .eq-image-cropper-frame{border-radius:var(--eq-radius-full)}.eq-image-cropper-frame:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-image-cropper[data-shape=round] .eq-image-cropper-frame:focus-visible{outline-offset:4px}.eq-image-cropper-grid{border-radius:inherit;background:linear-gradient(to right, transparent calc(100% / 3 - .5px), var(--_line) 0 calc(100% / 3 + .5px), transparent 0 calc(200% / 3 - .5px), var(--_line) 0 calc(200% / 3 + .5px), transparent 0), linear-gradient(to bottom, transparent calc(100% / 3 - .5px), var(--_line) 0 calc(100% / 3 + .5px), transparent 0 calc(200% / 3 - .5px), var(--_line) 0 calc(200% / 3 + .5px), transparent 0);opacity:0;transition:opacity var(--eq-dur) var(--eq-ease);--_line:color-mix(in srgb, var(--eq-raised) 70%, transparent);position:absolute;inset:0}.eq-image-cropper-stage[data-dragging] .eq-image-cropper-grid,.eq-image-cropper-frame:focus-visible .eq-image-cropper-grid{opacity:1}.eq-image-cropper-handle{box-sizing:border-box;border:2px solid var(--eq-solid);border-radius:var(--eq-radius-s);background:var(--eq-raised);width:12px;height:12px;transition:scale var(--eq-dur-move) var(--eq-spring);position:absolute}.eq-image-cropper-handle:before{content:"";position:absolute;inset:-8px}.eq-image-cropper-handle[data-corner=nw]{cursor:nwse-resize;top:-6px;left:-6px}.eq-image-cropper-handle[data-corner=ne]{cursor:nesw-resize;top:-6px;right:-6px}.eq-image-cropper-handle[data-corner=sw]{cursor:nesw-resize;bottom:-6px;left:-6px}.eq-image-cropper-handle[data-corner=se]{cursor:nwse-resize;bottom:-6px;right:-6px}.eq-image-cropper[data-shape=round] .eq-image-cropper-handle[data-corner=nw]{top:calc(14.6% - 6px);left:calc(14.6% - 6px)}.eq-image-cropper[data-shape=round] .eq-image-cropper-handle[data-corner=ne]{top:calc(14.6% - 6px);right:calc(14.6% - 6px)}.eq-image-cropper[data-shape=round] .eq-image-cropper-handle[data-corner=sw]{bottom:calc(14.6% - 6px);left:calc(14.6% - 6px)}.eq-image-cropper[data-shape=round] .eq-image-cropper-handle[data-corner=se]{bottom:calc(14.6% - 6px);right:calc(14.6% - 6px)}.eq-image-cropper-handle:active{scale:1.2}.eq-image-cropper-toolbar{justify-content:center;align-items:center;gap:var(--eq-space-2) var(--eq-space-3);flex-wrap:wrap;max-width:100%;display:flex}.eq-image-cropper-zoom{align-items:center;gap:var(--eq-space-2);min-width:0;color:var(--eq-ink-2);display:flex}.eq-image-cropper-range{--_thumb:14px;--_track:4px;--_stop:calc(var(--_thumb) / 2 + (100% - var(--_thumb)) * var(--_fill,0));appearance:none;cursor:pointer;background:0 0;flex:0 auto;width:120px;min-width:48px;height:24px;margin:0;display:block}.eq-image-cropper-range:focus-visible{outline:none}.eq-image-cropper-range::-webkit-slider-runnable-track{height:var(--_track);border-radius:var(--eq-radius-full);background:linear-gradient(to right, var(--eq-solid) var(--_stop), transparent var(--_stop)), var(--eq-tint-strong)}.eq-image-cropper-range::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--_thumb);height:var(--_thumb);margin-top:calc((var(--_track) - var(--_thumb)) / 2);border:2px solid var(--eq-solid);border-radius:var(--eq-radius-full);background:var(--eq-raised);transition:scale var(--eq-dur-move) var(--eq-spring)}.eq-image-cropper-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-image-cropper-range:active::-webkit-slider-thumb{scale:1.15}.eq-image-cropper-range::-moz-range-track{height:var(--_track);border-radius:var(--eq-radius-full);background:var(--eq-tint-strong)}.eq-image-cropper-range::-moz-range-progress{height:var(--_track);border-radius:var(--eq-radius-full);background:var(--eq-solid)}.eq-image-cropper-range::-moz-range-thumb{box-sizing:border-box;width:var(--_thumb);height:var(--_thumb);border:2px solid var(--eq-solid);border-radius:var(--eq-radius-full);background:var(--eq-raised)}.eq-image-cropper-range:focus-visible::-moz-range-thumb{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-image-cropper-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}}