.iov-identity-renderer { --iov-active:#8E24AA; position:relative; display:grid; width:min(100%,42rem); aspect-ratio:1; place-items:center; isolation:isolate; overflow:visible; color:#f7f3ec; }
.iov-identity-rings { position:absolute; z-index:2; inset:0; width:100%; height:100%; overflow:visible; }
.iov-identity-weather { pointer-events:none; }
.iov-identity-ring { pointer-events:none; stroke-width:1.15px; stroke-opacity:.24; filter:none; transition:stroke-width 180ms ease, stroke-opacity 180ms ease, filter 180ms ease; }
.iov-identity-rings g.is-current .iov-identity-ring { stroke-width:3px; stroke-opacity:1; filter:drop-shadow(0 0 1rem var(--iov-active)); }
.iov-identity-rings g[role="button"] { cursor:pointer; outline:none; }.iov-identity-rings g[role="button"]:focus-visible .iov-identity-ring { stroke:#f7f3ec; stroke-width:4px; }
.iov-identity-rings g.is-disabled .iov-identity-ring { stroke-opacity:.1; }
.iov-identity-ring-hit { pointer-events:stroke; stroke-width:14px; }
.iov-identity-person { position:relative; z-index:4; width:23%; min-width:5.25rem; aspect-ratio:.72; pointer-events:none; filter:drop-shadow(0 0 1.4rem color-mix(in srgb, var(--iov-active), transparent 55%)); }
.iov-identity-person-glow { position:absolute; inset:-18% -34% auto; height:122%; border-radius:999px; background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--iov-active),#fff 52%),transparent 18%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--iov-active),transparent 60%),transparent 58%); filter:blur(1rem); opacity:.78; }
.iov-identity-head,.iov-identity-body,.iov-identity-arm,.iov-identity-leg,.iov-identity-spine,.iov-identity-point { position:absolute; display:block; }.iov-identity-head { z-index:5; top:7%; left:50%; width:27%; aspect-ratio:1; border-radius:50%; background:linear-gradient(145deg,#fbf7ec,#c5ccd7 76%); box-shadow:0 0 2rem rgba(255,255,255,.34); transform:translateX(-50%); }.iov-identity-body { z-index:4; top:31%; left:50%; width:34%; height:34%; border-radius:50% 50% 44% 44%; background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.44),transparent 24%),linear-gradient(180deg,color-mix(in srgb,var(--iov-active),#fff 30%),color-mix(in srgb,var(--iov-active),#0b1827 32%) 58%,#253f55); box-shadow:inset 0 0 1.6rem rgba(255,255,255,.12),0 1.4rem 3rem rgba(0,0,0,.28); transform:translateX(-50%); }.iov-identity-arm { z-index:3; top:42%; width:34%; height:9%; border-radius:999px; background:color-mix(in srgb,var(--iov-active),#0b1827 28%); }.iov-identity-arm.is-left { left:22%; rotate:-22deg; }.iov-identity-arm.is-right { right:22%; rotate:22deg; }.iov-identity-leg { z-index:2; bottom:16%; width:48%; height:17%; border-radius:999px 999px 44% 44%; background:color-mix(in srgb,var(--iov-active),#07111f 36%); }.iov-identity-leg.is-left { left:9%; rotate:17deg; }.iov-identity-leg.is-right { right:9%; rotate:-17deg; }.iov-identity-spine { z-index:6; top:24%; left:50%; width:.18rem; height:49%; border-radius:999px; background:linear-gradient(180deg,rgba(255,255,255,.95),var(--iov-active),rgba(255,255,255,.22)); box-shadow:0 0 1rem var(--iov-active); transform:translateX(-50%); }.iov-identity-point { z-index:7; top:var(--iov-point-top); left:50%; width:.43rem; aspect-ratio:1; border-radius:50%; background:rgba(255,255,255,.16); opacity:.32; transform:translate(-50%,-50%); }.iov-identity-point.is-current { width:.7rem; background:var(--iov-point-color); opacity:1; box-shadow:0 0 1.1rem var(--iov-point-color),0 0 2.2rem color-mix(in srgb,var(--iov-point-color),transparent 42%); }.iov-identity-point.is-illumination { width:.6rem; background:#f7f3ec; box-shadow:0 0 1.3rem rgba(247,243,236,.9),0 0 3.2rem color-mix(in srgb,var(--iov-point-color),transparent 54%); }.iov-identity-point.is-current.is-illumination { width:.9rem; opacity:1; }.iov-identity-ember-arrival { position:absolute; z-index:5; inset:50% auto auto 50%; width:18%; aspect-ratio:1; border:2px solid #BF4812; border-radius:50%; pointer-events:none; animation:iov-ember-arrival 920ms ease-out both; transform:translate(-50%,-50%); }.iov-identity-caption { position:absolute; z-index:8; bottom:7%; left:50%; padding:.25rem .5rem; border:1px solid color-mix(in srgb,var(--iov-active),transparent 45%); border-radius:999px; background:rgba(11,13,19,.76); color:#f7f3ec; font:600 .7rem/1 Inter,system-ui,sans-serif; letter-spacing:.04em; text-transform:uppercase; transform:translateX(-50%); white-space:nowrap; pointer-events:none; }.iov-identity-renderer--public .iov-identity-caption { display:none; }
.iov-identity-annotations { position:absolute; z-index:9; left:50%; bottom:1.5%; display:flex; width:min(86%,24rem); flex-wrap:wrap; align-items:center; justify-content:center; gap:.3rem .5rem; padding:.6rem .75rem; border:1px solid color-mix(in srgb,var(--iov-active),transparent 45%); background:rgba(247,243,236,.94); color:#1b1b1b; font:500 .72rem/1.35 Inter,system-ui,sans-serif; text-align:center; transform:translateX(-50%); box-shadow:0 .7rem 2rem rgba(27,27,27,.09); pointer-events:none; }
.iov-identity-annotations strong { width:100%; font:700 .82rem/1.2 Georgia,serif; }
.iov-identity-annotations span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.iov-identity-annotations small { color:#6f6c67; white-space:nowrap; }
@keyframes iov-ember-arrival { from { transform:translate(-50%,-50%) scale(.2); opacity:1; } to { transform:translate(-50%,-50%) scale(2.7); opacity:0; } }
@media (prefers-reduced-motion:reduce) { .iov-identity-ember-arrival { animation:none; opacity:.7; transform:translate(-50%,-50%) scale(1); } }