.roamie{width:160px;aspect-ratio:240/260;isolation:isolate}.roamie-art{width:100%;height:100%;overflow:visible}.roamie .character{transform-origin:120px 215px;animation:breathe 4s ease-in-out infinite}.roamie .body,.roamie .face{transform-origin:120px 120px}.roamie .eye{transform-box:fill-box;transform-origin:center;animation:blink 5.7s infinite}.roamie .arm-left{transform-origin:59px 136px}.roamie .arm-right{transform-origin:182px 137px}.roamie .leg-left{transform-origin:98px 204px}.roamie .leg-right{transform-origin:144px 204px}.roamie .eyebrow,.roamie .sleep-mouth,.roamie .held-pin,.roamie .flash,.roamie .celebration,.roamie .status-tick,.roamie .status-review,.roamie .sleep-z{opacity:0}.roamie[data-state=hello] .arm-right{animation:wave .55s ease-in-out 5}.roamie[data-state=walk] .character{animation:walk-bob .55s ease-in-out infinite}.roamie[data-state=walk] .leg-left{animation:step .55s ease-in-out infinite}.roamie[data-state=walk] .leg-right{animation:step .55s ease-in-out -.275s infinite}.roamie[data-state=walk] .arm-left{animation:swing .55s ease-in-out infinite}.roamie[data-state=walk] .arm-right{animation:swing .55s ease-in-out -.275s infinite}.roamie[data-state=snap] .camera{animation:camera-click 1.8s ease-in-out infinite;transform-origin:79px 170px}.roamie[data-state=snap] .flash{animation:flash 1.8s ease-in-out infinite}.roamie[data-state=snap] .face{transform:rotate(-6deg)}.roamie[data-state=pin] .held-pin{opacity:1;animation:pin-drop 1.8s ease-in-out infinite}.roamie[data-state=pin] .arm-right{transform:rotate(-18deg)}.roamie[data-state=checking] .face{animation:look 3s ease-in-out infinite}.roamie[data-state=checking] .eyebrow{opacity:1}.roamie[data-state=success] .character{animation:hop 1.6s cubic-bezier(.2,.7,.3,1) 2}.roamie[data-state=success] .status-tick{opacity:1;animation:tick-in .45s cubic-bezier(.2,1.6,.5,1)}.roamie[data-state=success] .celebration{animation:confetti 1.6s ease-out 2}.roamie[data-state=success] .arm-left{transform:rotate(-23deg)}.roamie[data-state=success] .arm-right{transform:rotate(23deg)}.roamie[data-state=review] .character{transform:rotate(-7deg);animation:none}.roamie[data-state=review] .status-review,.roamie[data-state=review] .eyebrow{opacity:1}.roamie[data-state=review] .smile{transform-origin:120px 120px;transform:scale(.8)}.roamie[data-state=remind] .arm-right{animation:wave .8s ease-in-out 3}.roamie[data-state=remind] .character{animation:peek 2s ease-out 1}.roamie[data-state=sleep] .eye{animation:none;transform:scaleY(.12)}.roamie[data-state=sleep] .glint,.roamie[data-state=sleep] .smile{opacity:0}.roamie[data-state=sleep] .sleep-z,.roamie[data-state=sleep] .sleep-mouth{opacity:1}.roamie[data-state=sleep] .sleep-z{animation:zzz 3s ease-in-out infinite}.roamie.is-paused *,.roamie.is-document-hidden *,.roamie.is-offscreen *{animation-play-state:paused!important}@keyframes breathe{50%{transform:translateY(-3px) rotate(1deg)}}@keyframes blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.1)}}@keyframes wave{50%{transform:rotate(24deg)}}@keyframes walk-bob{50%{transform:translateY(-6px) rotate(2deg)}}@keyframes step{50%{transform:rotate(18deg) translateY(-5px)}}@keyframes swing{50%{transform:rotate(-17deg)}}@keyframes camera-click{35%,50%{transform:translateY(-9px) rotate(-5deg)}}@keyframes flash{0%,39%,54%,100%{opacity:0}42%,47%{opacity:1}}@keyframes pin-drop{0%,100%{transform:translateY(0)}45%{transform:translateY(-15px)}60%{transform:translateY(4px)}}@keyframes look{20%{transform:translateX(-6px)}65%{transform:translateX(6px)}}@keyframes hop{20%{transform:translateY(2px) scale(1.03,.96)}45%{transform:translateY(-20px) rotate(4deg)}70%{transform:translateY(1px) scale(1.03,.97)}90%{transform:none}}@keyframes tick-in{from{transform:scale(.3);transform-origin:190px 196px}to{transform:scale(1);transform-origin:190px 196px}}@keyframes confetti{0%{opacity:0;transform:translateY(15px)}30%{opacity:1}100%{opacity:0;transform:translateY(-15px)}}@keyframes peek{0%{transform:translateY(15px) rotate(-10deg)}50%{transform:translateY(-6px) rotate(5deg)}100%{transform:none}}@keyframes zzz{50%{transform:translateY(-5px);opacity:.4}}@media(prefers-reduced-motion:reduce){.roamie *{animation:none!important}.roamie .flash,.roamie .celebration{display:none}.roamie[data-state=hello] .arm-right{transform:rotate(15deg)}}