.portrait.avatar-interactive{display:block;width:100%;padding:0;border:0;background:#e3dbcc;isolation:isolate;touch-action:manipulation;cursor:pointer;line-height:0;text-align:initial}
.avatar-entry,.avatar-follow,.avatar-greet{display:block;width:100%;transform-origin:50% 65%}
.avatar-follow{transform:perspective(700px) translate3d(var(--avatar-x,0px),var(--avatar-y,0px),0) rotateX(var(--avatar-rx,0deg)) rotateY(var(--avatar-ry,0deg))}
.avatar-interactive .portrait-window{display:block;border-radius:0;overflow:visible}
.avatar-interactive img,.avatar-interactive video{pointer-events:none;user-select:none;-webkit-user-drag:none}
.avatar-interactive video,.avatar-interactive video img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;background:transparent;filter:none;transform:none}
.avatar-interactive:focus-visible{outline:2px solid var(--accent-ink,#93462f);outline-offset:5px}
.avatar-hello{position:absolute;right:14px;top:14px;z-index:2;padding:7px 11px;border-radius:12px 12px 12px 3px;color:#f8f4eb;background:#365347;font:600 14px/1.1 "Segoe UI",sans-serif;letter-spacing:.02em;box-shadow:0 4px 12px #263e3514;opacity:0;transform:translateY(5px) scale(.92);transition:opacity .18s,transform .25s;pointer-events:none}
.avatar-interactive.is-greeting .avatar-hello{opacity:1;transform:none}
@media(max-width:640px){.avatar-hello{right:5px;top:5px;padding:4px 6px;border-radius:7px 7px 7px 2px;font-size:10px}}
html[data-motion=off] .avatar-follow{transform:none}
html[data-motion=off] .avatar-hello{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.avatar-follow{transform:none!important}.avatar-hello{transition:none;transform:none}}