.m34-feedback{position:fixed;z-index:9999;width:36px;height:36px;pointer-events:none;user-select:none;animation:m34-feedback-paw 1.9s ease-out both;color:#d85861;contain:layout paint}
.m34-feedback svg{width:100%;height:100%;fill:currentColor}
.m34-feedback--patron{width:60px;height:60px;animation:m34-feedback-nod 2.1s ease-out both}
.m34-feedback img{display:block;width:60px;height:60px;object-fit:cover;border-radius:50%;border:1px solid #ede8e2;background:white;box-sizing:border-box}
.m34-feedback b{position:absolute;right:0;bottom:0;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e9f5ee;color:#398365;font:700 14px system-ui}
.m34-feedback-error{font:12px/1.5 system-ui;color:#a63f48;padding:6px 10px}
@keyframes m34-feedback-paw{0%{opacity:0;transform:scale(.82)}10%,79%{opacity:1;transform:scale(1)}100%{opacity:0;transform:translateY(-8px) scale(.95)}}
@keyframes m34-feedback-nod{0%{opacity:0;transform:scale(.85) rotate(-6deg)}9%{opacity:1;transform:scale(1) rotate(5deg)}18%,89%{opacity:1;transform:rotate(0)}100%{opacity:0;transform:translateX(115px) rotate(9deg);animation-timing-function:ease-in}}
.m34-feedback .m34-wink{position:absolute;inset:0;width:100%;height:100%;opacity:0;animation:m34-wink .29s .55s linear both}
@keyframes m34-wink{0%,100%{opacity:0}24%,69%{opacity:1}}
@media(prefers-reduced-motion:reduce){.m34-feedback,.m34-feedback--patron{animation:none}}

@media(prefers-reduced-motion:reduce){.m34-feedback .m34-wink{display:none;animation:none}}