:where(.agent-mascot){position:relative;display:block;width:100%;aspect-ratio:1;isolation:isolate;user-select:none;-webkit-user-select:none}.agent-mascot .agent-mascot__character{position:relative;width:100%;height:100%;transform-origin:50% 76%}.agent-mascot .agent-mascot__artwork{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;pointer-events:none}.agent-mascot .agent-mascot__eyes{position:absolute;inset:0;display:block;pointer-events:none}.agent-mascot .agent-mascot__eye{position:absolute;display:block;border-radius:48% 48% 47% 47%;background:#10100f;box-shadow:inset -1px -1px 1px rgb(0 0 0/20%);transform:translate(-50%,-50%)}.agent-mascot .agent-mascot__eye:after{position:absolute;top:15%;left:19%;width:27%;height:24%;border-radius:50%;background:#fffef7;content:""}.agent-mascot[data-motion=on] .agent-mascot__character{transform:translateY(var(--mascot-rise,0)) rotate(var(--mascot-roll,0deg));transition:transform .42s cubic-bezier(.2,.7,.3,1)}.agent-mascot[data-motion=on] .agent-mascot__eyes{transform:translate(var(--mascot-look-x,0),var(--mascot-look-y,0));transition:transform .18s cubic-bezier(.2,.7,.3,1)}@media (prefers-reduced-motion:reduce){.agent-mascot[data-motion=on] .agent-mascot__character,.agent-mascot[data-motion=on] .agent-mascot__eyes{transform:none;transition:none}}