.pcrop:not(.pcrop-ready){display:none}.pcrop-stage{position:relative;overflow:hidden;border-radius:12px;background:var(--grey-5);touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;outline:none}.pcrop-fit .pcrop-stage{background:var(--white)}.pcrop-stage:focus-visible{box-shadow:0 0 0 2px var(--blue-500)}.pcrop-stage.pcrop-dragging{cursor:grabbing}.pcrop-img{position:absolute;top:0;left:0;max-width:none;transform-origin:0 0;will-change:transform;pointer-events:none}.pcrop-frame{position:absolute;box-shadow:0 0 0 100vmax var(--glass-dark);outline:2px solid var(--glass-light);pointer-events:none}.pcrop-frame.pcrop-round{border-radius:50%}.pcrop-frame::after{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity 0.2s;background:linear-gradient(to right,transparent calc(33.33% - 0.5px),var(--glass-light) calc(33.33% - 0.5px),var(--glass-light) calc(33.33% + 0.5px),transparent calc(33.33% + 0.5px),transparent calc(66.66% - 0.5px),var(--glass-light) calc(66.66% - 0.5px),var(--glass-light) calc(66.66% + 0.5px),transparent calc(66.66% + 0.5px)),linear-gradient(to bottom,transparent calc(33.33% - 0.5px),var(--glass-light) calc(33.33% - 0.5px),var(--glass-light) calc(33.33% + 0.5px),transparent calc(33.33% + 0.5px),transparent calc(66.66% - 0.5px),var(--glass-light) calc(66.66% - 0.5px),var(--glass-light) calc(66.66% + 0.5px),transparent calc(66.66% + 0.5px))}.pcrop-active .pcrop-frame::after{opacity:1}.pcrop-hint{position:absolute;left:50%;bottom:12px;padding:6px 12px;border-radius:999px;background:var(--glass-dark);color:var(--white);white-space:nowrap;transform:translateX(-50%);pointer-events:none;transition:opacity 0.3s}.pcrop-touched .pcrop-hint{opacity:0}.pcrop-rotate{position:absolute;top:12px;right:12px}.pcrop-range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:48px;margin:0;border:0;background:none;cursor:pointer;touch-action:none}.pcrop-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--blue-500) var(--fill,0%),var(--grey-10) var(--fill,0%))}.pcrop-range::-moz-range-track{height:6px;border-radius:999px;background:var(--grey-10)}.pcrop-range::-moz-range-progress{height:6px;border-radius:999px;background:var(--blue-500)}.pcrop-range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-12px;border-radius:50%;background:var(--white);box-shadow:0 0 0 1px var(--grey-25),0 1px 3px var(--glass-dark);transition:transform 0.15s}.pcrop-range::-moz-range-thumb{width:30px;height:30px;border:0;border-radius:50%;background:var(--white);box-shadow:0 0 0 1px var(--grey-25),0 1px 3px var(--glass-dark)}.pcrop-range:active::-webkit-slider-thumb{transform:scale(1.1)}.pcrop-range:disabled{opacity:.4;cursor:default}.pcrop-slot-shape{display:block;width:100%;aspect-ratio:var(--pcrop-aspect);object-fit:cover}.pcrop-slot-round .pcrop-slot-shape{width:180px;max-width:100%;border-radius:50%}.pcrop-slot-center .pcrop-slot-shape{margin:0 auto}.pcrop-slot-center .pcrop-slot-filled .flex{justify-content:center}.pcrop-slot-drag .pcrop-slot-pick{border-color:var(--blue-500);color:var(--blue-500)}.pcrop-slot-drag .pcrop-slot-img{outline:2px dashed var(--blue-500);outline-offset:3px}