.stage{cursor:pointer;width:100%;height:224px;font:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0;display:block;position:relative}.stage:focus-visible{outline:2px solid var(--on-hero);outline-offset:-6px;border-radius:28px}.pair{justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:16px;left:0;right:0}.walk{display:block;position:relative}.hop,.lean{transform-origin:50% 100%;display:block}.lean-d{transform:rotate(2deg)}.lean-c{transform:rotate(-2deg)}.stage .shade{background:radial-gradient(closest-side,#0c041880,#0c041800);border-radius:50%;height:16px;position:absolute;bottom:-7px;left:14%;right:14%}.dmv{--lift:36px}.cmp{--lift:16px}.cmp [data-part=pupils]{transform:translate(-16px)}.stage .lid{opacity:0}.stage [data-part=shadow]{display:none}.heart{opacity:0;position:absolute;overflow:visible}.stage.play .walk-d{animation:4.6s .3s both dv-walk-d}.stage.play .walk-c{animation:4.6s .3s both dv-walk-c}.stage.play .hop-d{animation:1.1s ease-in-out .3s 2 both dv-hop}.stage.play .hop-c{animation:1.1s ease-in-out .38s 2 both dv-hop-r}.stage.play .walk-d .fa{animation:1.1s ease-in-out .3s 2 both dv-step-a}.stage.play .walk-d .fb{animation:1.1s ease-in-out .3s 2 both dv-step-b}.stage.play .walk-c .fa{animation:1.1s ease-in-out .38s 2 both dv-step-b}.stage.play .walk-c .fb{animation:1.1s ease-in-out .38s 2 both dv-step-a}.stage.play .lean-d{animation:4.6s ease-in-out .3s both dv-lean-d}.stage.play .lean-c{animation:4.6s ease-in-out .3s both dv-lean-c}.stage.play .lid{animation:4.6s .3s both dv-happy}.stage.play .cmp [data-part=pupils]{animation:4.6s .3s both dv-glance}.stage.play .cmp .paw-in{animation:4.6s ease-in-out .3s both dv-hug}.stage.play .heart{animation:1.9s ease-out both dv-heart}.stage.play .h1{animation-delay:2.95s}.stage.play .h2{animation-delay:3.2s}.stage.play .h3{animation-delay:3.45s}.stage.play .h4{animation-delay:3.75s}@media (prefers-reduced-motion:reduce){.stage.play *{animation:none!important}}@keyframes dv-walk-d{0%{animation-timing-function:cubic-bezier(.3,.5,.5,1);transform:translate(-160px)}48%{animation-timing-function:ease-in-out;transform:translate(0)}57%,77%{animation-timing-function:ease-in-out;transform:translate(7px)}88%,to{transform:translate(0)}}@keyframes dv-walk-c{0%{animation-timing-function:cubic-bezier(.3,.5,.5,1);transform:translate(160px)}48%{animation-timing-function:ease-in-out;transform:translate(0)}57%,77%{animation-timing-function:ease-in-out;transform:translate(-7px)}88%,to{transform:translate(0)}}@keyframes dv-hop{0%,50%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-9px)rotate(-4deg)}75%{transform:translateY(-9px)rotate(4deg)}}@keyframes dv-hop-r{0%,50%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-8px)rotate(4deg)}75%{transform:translateY(-8px)rotate(-4deg)}}@keyframes dv-step-a{0%,50%,to{transform:translateY(0)}25%{transform:translateY(calc(var(--lift) * -1))}}@keyframes dv-step-b{0%,50%,to{transform:translateY(0)}75%{transform:translateY(calc(var(--lift) * -1))}}@keyframes dv-lean-d{0%,44%{transform:rotate(2deg)scale(1)}50%{transform:rotate(-3deg)scale(1)}57%{transform:rotate(7deg)scale(1.05,.95)}62%{transform:rotate(6deg)scale(1.08,.92)}67%{transform:rotate(7deg)scale(1.05,.95)}72%{transform:rotate(6deg)scale(1.08,.92)}78%{transform:rotate(7deg)scale(1.05,.95)}88%{transform:rotate(0)scale(.98,1.03)}95%{transform:rotate(2.5deg)scale(1.01,.99)}to{transform:rotate(2deg)scale(1)}}@keyframes dv-lean-c{0%,44%{transform:rotate(-2deg)scale(1)}50%{transform:rotate(3deg)scale(1)}57%{transform:rotate(-7deg)scale(1.05,.95)}62%{transform:rotate(-6deg)scale(1.08,.92)}67%{transform:rotate(-7deg)scale(1.05,.95)}72%{transform:rotate(-6deg)scale(1.08,.92)}78%{transform:rotate(-7deg)scale(1.05,.95)}88%{transform:rotate(0)scale(.98,1.03)}95%{transform:rotate(-2.5deg)scale(1.01,.99)}to{transform:rotate(-2deg)scale(1)}}@keyframes dv-happy{0%,56%{opacity:0}57%,78%{opacity:1}79%,to{opacity:0}}@keyframes dv-glance{0%,14%{transform:translate(0)}20%,to{transform:translate(-16px)}}@keyframes dv-hug{0%,54%{transform:translate(0)}61%,76%{transform:translate(-26px,-30px)}85%,to{transform:translate(0)}}@keyframes dv-heart{0%{opacity:0;transform:translate(0,14px) scale(.3) rotate(var(--r))}14%{opacity:1;transform:translate(0,0) scale(1.15) rotate(var(--r))}24%{opacity:1;transform:translate(0,-6px) scale(1) rotate(var(--r))}to{opacity:0;transform:translate(var(--dx),-62px) scale(.85) rotate(var(--r))}}