[data-mock-scene] [data-anim]{animation-play-state:paused}[data-mock-scene][data-in-view=true] [data-anim]{animation-play-state:running}[data-mock-static] [data-anim]{animation:none}[data-mock-static] [data-anim=msg]{opacity:1}[data-anim=row]{grid-template-rows:1fr;display:grid}[data-anim=typing],[data-anim=press],[data-anim=out]{opacity:0}[data-wa-doodle]{background-color:var(--foreground);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M8 22 18 13l10 9v10H8z'/><path d='M15 32v-6h6v6'/><circle cx='66' cy='16' r='4'/><path d='m69 19 9 9m-3-3 3-3m-6 0 3-3'/><path d='M40 52h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-8l-5 4v-4h-1a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3z'/><path d='M76 58h12v16H76z'/><path d='M79 63h6m-6 4h6'/><path d='M14 70c0 6 4 10 4 14m0 0c0-4 4-8 4-14a4 4 0 0 0-8 0z'/><circle cx='18' cy='70' r='1.2'/><path d='m84 90 2 2 4-4'/><path d='M50 6l1.5 3 3 .5-2.2 2 .6 3.2L50 13l-2.9 1.7.6-3.2-2.2-2 3-.5z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M8 22 18 13l10 9v10H8z'/><path d='M15 32v-6h6v6'/><circle cx='66' cy='16' r='4'/><path d='m69 19 9 9m-3-3 3-3m-6 0 3-3'/><path d='M40 52h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-8l-5 4v-4h-1a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3z'/><path d='M76 58h12v16H76z'/><path d='M79 63h6m-6 4h6'/><path d='M14 70c0 6 4 10 4 14m0 0c0-4 4-8 4-14a4 4 0 0 0-8 0z'/><circle cx='18' cy='70' r='1.2'/><path d='m84 90 2 2 4-4'/><path d='M50 6l1.5 3 3 .5-2.2 2 .6 3.2L50 13l-2.9 1.7.6-3.2-2.2-2 3-.5z'/></svg>");-webkit-mask-size:96px 96px;mask-size:96px 96px;-webkit-mask-repeat:repeat;mask-repeat:repeat}@media (prefers-reduced-motion:no-preference) and (width>=48rem){@keyframes mockup-chat-msg-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@keyframes mockup-typing-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-1.5px)}}@keyframes wa-row-open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes wa-typing-window{0%,to{opacity:0}10%,90%{opacity:1}}@keyframes wa-fade-in{0%{opacity:0}to{opacity:1}}@keyframes wa-press{0%,to{opacity:0}30%,60%{opacity:1}}[data-anim=msg]{opacity:0;animation:.45s cubic-bezier(.19,1,.22,1) both mockup-chat-msg-in}[data-anim=typing-dot]{animation:1.4s ease-in-out infinite mockup-typing-dot}[data-anim=typing]{animation-name:wa-typing-window;animation-timing-function:linear;animation-fill-mode:both}[data-anim=row]{animation:.35s cubic-bezier(.2,0,0,1) both wa-row-open}[data-anim=read]{animation:.2s ease-out both wa-fade-in}[data-anim=press]{animation:.5s both wa-press}@keyframes mockup-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes mockup-out{0%{opacity:1}to{opacity:0}}@keyframes mockup-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mockup-grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}[data-anim=in]{animation:mockup-in .24s var(--ease-decelerate) both}[data-anim=out]{animation:mockup-out .16s var(--ease-accelerate) both}[data-anim=grow-x]{animation:mockup-grow-x .2s var(--ease-standard) both}[data-anim=grow-y]{animation:mockup-grow-y .32s var(--ease-standard) both}}