:root{--site-eye-x:clamp(24px, 5vw, 64px);--site-eye-size:32px;--site-eye-cy:calc(clamp(18px, 3vh, 26px) + 13.5px);--site-eye-clear:calc(var(--site-eye-cy) + var(--site-eye-size) / 2 + 16px)}
.fx-eye{left:var(--site-eye-x);top:calc(var(--site-eye-cy) - var(--site-eye-size) / 2);z-index:5;height:var(--site-eye-size);color:var(--fx-eye-ink);pointer-events:auto;align-items:center;gap:12px;text-decoration:none;transition:color .55s;display:flex;position:absolute}.fx-eye-tile{width:var(--site-eye-size);height:var(--site-eye-size);box-shadow:inset 0 0 0 1px var(--fx-eye-edge);background:#0e1217;flex:none;justify-content:center;align-items:center;transition:box-shadow .55s;display:flex}.fx-eye-tile svg{width:24px;height:24px;display:block}.fx-eye-lid{fill:#fff}.fx-eye-iris{fill:#0e1217}.fx-eye:focus-visible{outline-offset:4px;outline:2px solid}.fx-eye-name{font-family:var(--font-body), "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:.01em;white-space:nowrap;background:color-mix(in srgb, var(--fx-eye-ground) 88%, transparent);opacity:0;pointer-events:none;border-radius:2px;margin-left:-6px;padding:3px 8px 4px 6px;font-size:17px;font-weight:700;transition:opacity .12s ease-in,transform .12s ease-in;transform:translate(-6px)}.fx-eye:hover .fx-eye-name,.fx-eye:focus-visible .fx-eye-name{opacity:1;pointer-events:auto;transition:opacity .16s ease-out,transform .2s cubic-bezier(.23,1,.32,1);transform:none}@media (prefers-reduced-motion:reduce){.fx-eye,.fx-eye-tile{transition:none}.fx-eye-name{transition:opacity .12s linear;transform:none}.fx-eye:hover .fx-eye-name,.fx-eye:focus-visible .fx-eye-name{transition:opacity .12s linear}}
