.link-avatar{width:var(--link-size);height:var(--link-size);vertical-align:middle;isolation:isolate;flex:none;display:inline-flex;position:relative}.link-avatar-art{width:100%;height:100%;display:block}.link-avatar-orb{border-radius:50%;display:block}.link-avatar-hat{transform-origin:50% 80%;pointer-events:none;filter:drop-shadow(0 1px 1px #5642192e);width:114%;height:auto;position:absolute;top:-35%;left:-7%;transform:rotate(-7deg)}.link-avatar-compass{pointer-events:none;filter:drop-shadow(0 1px 2px #56421933);width:37%;height:37%;position:absolute;bottom:-4%;right:-6%}.link-avatar-compass svg{width:100%;height:100%;display:block}.link-avatar-needle{transform-origin:12px 12px;transform:rotate(30deg)}@media (prefers-reduced-motion:no-preference){.link-avatar[data-animated=true] .link-avatar-needle{animation:6s ease-in-out infinite link-compass-bearings}}@keyframes link-compass-bearings{0%,to{transform:rotate(30deg)}40%{transform:rotate(65deg)}70%{transform:rotate(16deg)}}.link-avatar-large .link-avatar-hat{width:132%;top:-43%;left:-16%;transform:rotate(-12deg)}.link-avatar-large .link-avatar-compass{width:26%;height:26%;inset:5% auto auto 0;transform:rotate(-12deg)}@media (prefers-reduced-motion:no-preference){.link-avatar-large[data-animated=true]{animation:5s ease-in-out infinite link-watch-breathe}}@keyframes link-watch-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.015)}}@media (prefers-reduced-motion:no-preference){.link-avatar[data-pointer-tracking=true] .link-avatar-hat{transform:rotate(calc(-7deg + var(--avatar-gaze-turn,0deg)));transition:transform .24s ease-out}.link-avatar-large[data-pointer-tracking=true] .link-avatar-hat{transform:rotate(calc(-12deg + var(--avatar-gaze-turn,0deg)))}.link-avatar{--link-hat-angle:-7deg}.link-avatar-large{--link-hat-angle:-12deg}.link-avatar[data-hat-adjust=a] .link-avatar-hat{animation:.65s ease-in-out link-hat-adjust-a}.link-avatar[data-hat-adjust=b] .link-avatar-hat{animation:.65s ease-in-out link-hat-adjust-b}}@keyframes link-hat-adjust-a{0%,to{transform:rotate(calc(var(--link-hat-angle) + var(--avatar-gaze-turn,0deg)))}45%{transform:translateY(-2px) rotate(calc(var(--link-hat-angle) + var(--avatar-gaze-turn,0deg) + 9deg))}}@keyframes link-hat-adjust-b{0%,to{transform:rotate(calc(var(--link-hat-angle) + var(--avatar-gaze-turn,0deg)))}45%{transform:translateY(-2px) rotate(calc(var(--link-hat-angle) + var(--avatar-gaze-turn,0deg) + 9deg))}}