.apar-mascot{display:inline-block;width:48px;height:48px;flex:none;vertical-align:middle;line-height:0}.apar-mascot-body{display:block;width:100%;height:100%;transform:rotate(-9deg);transform-origin:50% 78%}.apar-mascot-artwork{display:block;width:100%;height:100%;overflow:visible;fill:#000}.apar-mascot-eye{transform-box:fill-box;transform-origin:center}.apar-mascot-hero{display:block;width:min(100%,520px);height:auto;aspect-ratio:1;padding:0;margin:auto;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.apar-mascot-hero .apar-mascot-body{filter:drop-shadow(0 22px 18px #0002)}.apar-mascot-hero:focus-visible{outline:2px solid #a9b4c6;outline-offset:6px;border-radius:32px}.apar-mascot-empty{width:112px;height:112px;margin-bottom:12px}.apar-mascot-success{width:52px;height:52px}.apar-mascot-context{position:relative;display:inline-flex;justify-content:center}.apar-mascot-context-badge{position:absolute;right:0;bottom:14px;width:30px;height:30px;display:grid;place-items:center;background:#f3f4f6;color:#6b7280;border:3px solid white;border-radius:50%}.apar-mascot-context-badge svg{width:16px;height:16px}.apar-mascot-stage{display:grid;place-items:center;position:relative;isolation:isolate;width:100%}.apar-mascot-stage:before{content:"";position:absolute;width:72%;aspect-ratio:1;border:1px solid #949caa30;border-radius:32px;transform:rotate(45deg);z-index:-1;pointer-events:none}@keyframes apar-mascot-greeting{0%,to{transform:rotate(-9deg)}10%{transform:translateY(7px) rotate(-12deg) scale(1.035,.95)}23%{transform:translateY(-32px) rotate(8deg) scale(.98,1.025)}35%{transform:translateY(5px) rotate(-7deg) scale(1.04,.94)}43%{transform:translateY(-8px) rotate(-12deg)}52%{transform:rotate(-9deg)}66%{transform:translateX(-6px) rotate(-16deg)}78%{transform:translateX(4px) rotate(-3deg)}90%{transform:rotate(-9deg)}}@keyframes apar-mascot-wink{0%,64%,76%,to{transform:scaleY(1)}68%,72%{transform:scaleY(.12)}}@keyframes apar-mascot-nod{0%,to{transform:rotate(-9deg)}40%{transform:translateY(-4px) rotate(5deg)}70%{transform:rotate(-13deg)}}@media (prefers-reduced-motion:no-preference){.apar-mascot-hero .apar-mascot-body{animation:apar-mascot-greeting 4.8s ease-in-out both}.apar-mascot-hero .apar-mascot-eye.eye-right{animation:apar-mascot-wink 4.8s ease-in-out}.apar-mascot-success .apar-mascot-body{animation:apar-mascot-nod .8s ease-in-out}a:focus-visible .apar-mascot-compact .apar-mascot-body,a:hover .apar-mascot-compact .apar-mascot-body{animation:apar-mascot-nod .7s ease-in-out}}