iris-eye{display:block;position:relative;aspect-ratio:1;width:100%;border-radius:50%}iris-eye canvas{display:block;width:100%;height:100%}iris-eye[state=fallback]{background:radial-gradient(circle at 50% 50%,var(--ink-deep) 0 11%,transparent 11.6%),radial-gradient(circle at 50% 50%,transparent 0 34%,rgba(5,14,28,.9) 40%,transparent 41%),conic-gradient(from 0deg,var(--iris) 0deg,#7b5a2e 6deg,var(--iris-bright) 12deg,#123356 19deg,var(--iris) 26deg),radial-gradient(circle at 38% 34%,var(--iris-bright),var(--ink-deep) 72%);background-blend-mode:normal,normal,overlay,normal;box-shadow:0 0 5rem #e0a45838}iris-eye[state=fallback] canvas{display:none}@media(prefers-reduced-motion:no-preference){iris-eye{animation:iris-open 1.4s var(--ease-spring) both}}@keyframes iris-open{0%{opacity:0;transform:scale(.78);filter:blur(14px)}to{opacity:1;transform:scale(1);filter:blur(0)}}