@layer components{.eye-node{--eye:0;--eye-glow:0;--eye-looking:0;--eye-look-x:0px;--eye-look-y:0px;--eye-w:1.75rem;--eye-on:var(--accent-ink);--eye-off:var(--fg-3);--eye-bg:var(--bg);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;padding:.32rem .36rem;border-radius:999px;background-color:var(--eye-bg);box-shadow:0 0 0 1px color-mix(in srgb,color-mix(in srgb,var(--eye-on) calc(var(--eye) * 45%),var(--line-2)) calc((1 - var(--eye-glow)) * 100%),transparent);transition:box-shadow .42s var(--ease-out)}.eye-node[data-size=xs]{--eye-w:0.95rem;padding:.2rem .24rem}.eye-node[data-size=sm]{--eye-w:1.25rem;padding:.26rem .3rem}.eye-node[data-size=lg]{--eye-w:2.25rem;padding:.4rem .46rem}.eye-node[data-look=down]{--eye-look-y:4px}.eye-node[data-look=up]{--eye-look-y:-4px}.eye-node[data-look=right]{--eye-look-x:8.5px}.eye-node[data-look=left]{--eye-look-x:-8.5px}.eye-node[data-eye-state=active],.eye-node[data-eye-state=passed],.eye-node[data-open],[data-eye-open] .eye-node,[data-eye=active] .eye-node,[data-eye=passed] .eye-node,[data-passed] .eye-node{--eye:1}.eye-node[data-eye-state=passed],[data-eye=passed] .eye-node{--eye-looking:1}.eye-node[data-eye-state=active],[data-eye=active] .eye-node{--eye-glow:1}.eye-node:before{content:"";position:absolute;inset:-95% -50%;z-index:-1;border-radius:999px;background:radial-gradient(closest-side,color-mix(in srgb,var(--lime) 52%,transparent),color-mix(in srgb,var(--lime) 24%,transparent) 46%,color-mix(in srgb,var(--lime) 7%,transparent) 74%,transparent);opacity:var(--eye-glow);transform:scale(calc(.55 + .45 * var(--eye-glow)));transition:opacity .52s var(--ease-out),transform .76s cubic-bezier(.22,1,.36,1);pointer-events:none}.eye-node[data-eye-state=active]:before,[data-eye=active] .eye-node:before{animation:eye-node-breathe 3.2s var(--ease-in-out,ease-in-out) .8s infinite}@keyframes eye-node-breathe{50%{opacity:.62}}.eye-node-svg{display:block;width:var(--eye-w);height:auto;overflow:visible}.eye-node-lids{transform-box:view-box;transform-origin:78.26px 22.17px;transform:scaleY(calc(.09 + .91 * var(--eye)));fill:color-mix(in srgb,var(--eye-on) calc(var(--eye) * 100%),var(--eye-off));transition:transform .46s cubic-bezier(.22,1,.36,1),fill .36s var(--ease-out)}.eye-node-look{transform-box:view-box;transform-origin:78.26px 22.17px}.eye-node-pupil{transform-box:fill-box;transform-origin:center;transform:translate(calc(var(--eye-look-x) * var(--eye-looking)),calc(var(--eye-look-y) * var(--eye-looking))) scale(var(--eye));opacity:var(--eye);transition:transform .38s cubic-bezier(.34,1.56,.64,1) .16s,opacity .2s var(--ease-out) .16s}.eye-node[data-eye-state=active] .eye-node-look,.eye-node[data-eye-state=passed] .eye-node-look,.eye-node[data-open] .eye-node-look,[data-eye-open] .eye-node .eye-node-look,[data-eye=active] .eye-node .eye-node-look,[data-eye=passed] .eye-node .eye-node-look,[data-passed] .eye-node .eye-node-look{animation:eye-node-glance 1.5s cubic-bezier(.45,0,.25,1) .52s 1 both}@keyframes eye-node-glance{0%,8%{transform:translateX(0)}26%,44%{transform:translateX(-7.5px)}62%,78%{transform:translateX(6.5px)}to{transform:translateX(0)}}.eye-track{--p:1;--track-w:4px;--track-ms:160ms;--track-ease:linear;--track-front:color-mix(in srgb,var(--lime) 72%,#fff);--head-size:2.75rem;position:absolute;pointer-events:none}.eye-track[data-axis=y]{width:var(--track-w)}.eye-track[data-axis=x]{height:var(--track-w)}.eye-track-rail{overflow:hidden;background-color:color-mix(in srgb,var(--fg) 11%,transparent)}.eye-track-fill,.eye-track-rail{position:absolute;inset:0;border-radius:999px}.eye-track-fill{background:linear-gradient(180deg,var(--accent-ink) 0,var(--accent-ink) calc(100% - min(5rem, 45%)),var(--track-front) 100%);transform:translate3d(0,calc((var(--p) - 1) * 100%),0);transition:transform var(--track-ms) var(--track-ease);will-change:transform}.eye-track[data-axis=x] .eye-track-fill{background:linear-gradient(90deg,var(--accent-ink) 0,var(--accent-ink) calc(100% - min(5rem, 45%)),var(--track-front) 100%);transform:translate3d(calc((var(--p) - 1) * 100%),0,0)}.eye-track-head{position:absolute;inset:0;transform:translate3d(0,calc((var(--p) - 1) * 100%),0);opacity:clamp(0,calc(min(var(--p), 1 - var(--p)) * 30),1);transition:transform var(--track-ms) var(--track-ease),opacity .3s var(--ease-out);will-change:transform,opacity}.eye-track[data-axis=x] .eye-track-head{transform:translate3d(calc((var(--p) - 1) * 100%),0,0)}.eye-track-head:after{content:"";position:absolute;left:50%;top:100%;width:var(--head-size);height:var(--head-size);margin:calc(var(--head-size) / -2) 0 0 calc(var(--head-size) / -2);border-radius:999px;background:radial-gradient(closest-side,color-mix(in srgb,var(--track-front) 95%,transparent),color-mix(in srgb,var(--lime) 42%,transparent) 22%,color-mix(in srgb,var(--lime) 16%,transparent) 55%,transparent)}.eye-track[data-axis=x] .eye-track-head:after{left:100%;top:50%}@media (prefers-reduced-motion:reduce){.eye-node,.eye-node-lids,.eye-node-pupil,.eye-node:before,.eye-track-fill,.eye-track-head{transition:none}.eye-node .eye-node-look,.eye-node:before,.eye-node[data-eye-state] .eye-node-look,.eye-node[data-eye-state]:before,.eye-node[data-open] .eye-node-look,[data-eye-open] .eye-node .eye-node-look,[data-eye] .eye-node .eye-node-look,[data-eye] .eye-node:before,[data-passed] .eye-node .eye-node-look{animation:none}}}