:where(.agent-mascot){aspect-ratio:1;isolation:isolate;-webkit-user-select:none;user-select:none;width:100%;display:block;position:relative}.agent-mascot .agent-mascot__character{transform-origin:50% 76%;width:100%;height:100%;position:relative}.agent-mascot .agent-mascot__artwork{aspect-ratio:1;object-fit:contain;pointer-events:none;width:100%;height:auto;display:block}.agent-mascot .agent-mascot__eyes{pointer-events:none;display:block;position:absolute;inset:0}.agent-mascot .agent-mascot__eye{background:#10100f;border-radius:48% 48% 47% 47%;display:block;position:absolute;transform:translate(-50%,-50%);box-shadow:inset -1px -1px 1px #0003}.agent-mascot .agent-mascot__eye:after{content:"";background:#fffef7;border-radius:50%;width:27%;height:24%;position:absolute;top:15%;left:19%}.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{transition:none;transform:none}}
.mascot-action{vertical-align:middle;isolation:isolate;min-width:0;display:inline-flex;position:relative}.mascot-action>:is(button,a){z-index:1;position:relative;transform:translate(0,0)rotate(0)scale(1)!important}.mascot-action__surface{justify-content:center;align-items:center;gap:inherit;display:inline-flex}.mascot-action__stage{z-index:0;pointer-events:none;clip-path:inset(-18px -20px 26px);width:88px;height:88px;position:absolute;inset-block-end:calc(100% - 26px);inset-inline-end:4px}.mascot-action__actor{opacity:0;transform-origin:54% 82%;width:100%;height:100%;transition:transform .18s cubic-bezier(.16,1,.3,1),opacity .12s ease-out;transform:translateY(35px)rotate(8deg)}.mascot-action[data-behavior=push] .mascot-action__stage{inset-inline:-20px auto}.mascot-action:focus-within .mascot-action__actor,.mascot-action[data-acting=true] .mascot-action__actor{opacity:1;transition-duration:.26s,.12s;transform:translate(0,0)rotate(-8deg)}@media (hover:hover) and (pointer:fine){.mascot-action:hover .mascot-action__actor{opacity:1;transition-duration:.26s,.12s;transform:translate(0,0)rotate(-8deg)}}.mascot-action:has(>:is(:disabled,[aria-disabled=true],[data-disabled])) .mascot-action__actor{transition:none;opacity:0!important;transform:none!important}.mascot-action:has(>:is(:disabled,[aria-disabled=true],[data-disabled])) .mascot-action__surface{transition:none;transform:none!important}@media (prefers-reduced-motion:reduce){.mascot-action__actor,.mascot-action__surface{transition:none;transform:none!important}}