#ouNativeEditor .ou-redeye-surface{position:absolute;z-index:2;cursor:none;touch-action:none;pointer-events:auto;overflow:hidden}#ouNativeEditor .ou-redeye-cursor{position:absolute;left:0;top:0;box-sizing:border-box;border:2px solid var(--fg-brand-1-rest);border-radius:var(--radius-circular);box-shadow:0 0 0 1px color-mix(in srgb,var(--fg-neutral-on-brand) 60%,transparent);pointer-events:none;transition:opacity var(--anim-short) ease;will-change:transform}#ouNativeEditor .ou-redeye-loupe{position:absolute;left:0;top:0;width:104px;height:104px;border-radius:var(--radius-circular);border:2px solid var(--fg-neutral-on-brand);box-shadow:var(--shadow-16);overflow:hidden;pointer-events:none;opacity:0;transform-origin:center bottom;transition:opacity var(--anim-short) ease;will-change:transform}#ouNativeEditor .ou-redeye-loupe.ou-redeye-loupe--on{opacity:1}#ouNativeEditor .ou-redeye-loupe canvas{display:block;width:104px;height:104px}#ouNativeEditor .ou-redeye-stalk{position:absolute;left:0;top:0;width:2px;margin-left:-1px;background:color-mix(in srgb,var(--fg-neutral-on-brand) 70%,transparent);pointer-events:none;opacity:0;transition:opacity var(--anim-short) ease}#ouNativeEditor .ou-redeye-stalk.ou-redeye-stalk--on{opacity:1}#ouNativeEditor .ou-redeye-touch{position:absolute;left:0;top:0;width:12px;height:12px;margin-left:-6px;margin-top:-6px;border-radius:var(--radius-circular);border:2px solid var(--fg-neutral-on-brand);background:color-mix(in srgb,var(--fg-brand-1-rest) 80%,transparent);pointer-events:none;opacity:0;transition:opacity var(--anim-short) ease}#ouNativeEditor .ou-redeye-touch.ou-redeye-touch--on{opacity:1}#ouNativeEditor .ou-redeye-heal{position:absolute;left:0;top:0;width:64px;height:64px;margin-left:-32px;margin-top:-32px;border-radius:var(--radius-circular);pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--fg-brand-1-rest) 55%,transparent),color-mix(in srgb,var(--fg-brand-1-rest) 0%,transparent) 70%);animation:ou-redeye-heal var(--anim-long) ease-out forwards}#ouNativeEditor .ou-redeye-heal.ou-redeye-heal--reduced{animation:ou-redeye-heal-reduced var(--anim-short) ease forwards}@keyframes ou-redeye-heal{0%{transform:scale(.2);opacity:0}30%{opacity:1}60%{transform:scale(1.1);opacity:.9}to{transform:scale(1.6);opacity:0}}@keyframes ou-redeye-heal-reduced{0%{opacity:.8}to{opacity:0}}