.dog{--fur:#875b29;--fur-accent:#936734;--fur-shadow:#5f3f1b;--heart:#b72839;top:45%;left:50%;transform:translateX(-50%);max-height:300px;max-width:400px;height:40%;width:50%;z-index:0}.dog,.heart{position:absolute}.heart{width:6%;height:7%;background-color:var(--heart);border-bottom-right-radius:23%;opacity:0;animation-fill-mode:both}@keyframes heart-beat{0%{transform:scale(.75) rotate(35deg);opacity:1}15%,25%,5%{transform:scale(1) rotate(35deg)}10%,20%{transform:scale(.75) rotate(35deg)}70%{opacity:1}to{transform:rotate(35deg) translateY(-10px) translateX(-10px);opacity:0}}.heart--1{top:-25%;left:15%;animation:heart-beat 2s ease-out 1.5s infinite}.heart--2{top:-36%;left:7%;animation:heart-beat 2s ease-out 1s infinite}.heart--3{top:-48%;left:14%;animation:heart-beat 2s ease-out .5s infinite}.heart--4{top:-53%;left:-3%;animation:heart-beat 2s ease-out infinite}.heart:after,.heart:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background-color:var(--heart)}.heart:after{bottom:0;left:-53%}.heart:before{top:-53%;right:0;transform:rotate(45deg)}.body{width:100%;height:40%;background-color:var(--fur);border-bottom-right-radius:5% 13%;border-bottom-left-radius:30% 40%;z-index:3}.body,.chest{position:absolute;border-top-right-radius:17% 40%;border-top-left-radius:25%}.chest{width:45%;background-color:var(--fur-accent);border-bottom-right-radius:40% 40%;border-bottom-left-radius:40% 40%}.chest,.head{height:100%;z-index:4}.head{position:absolute;width:100%;animation:dog-head 1s ease-out infinite;animation-fill-mode:both;animation-direction:alternate}@keyframes dog-head{to{transform:translateX(-3px) rotate(3deg)}}.tail{position:absolute;top:-38%;left:92%;width:6%;height:80%;background-color:var(--fur);border-top-right-radius:30% 30%;border-top-left-radius:40% 30%;border-bottom-right-radius:30% 40%;border-bottom-left-radius:40% 40%;z-index:2;transform:rotate(20deg);animation:dog-tail .17s ease-out infinite}@keyframes dog-tail{0%,to{transform:rotate(10deg)}50%,60%{transform:rotate(70deg) translateX(10px) translateY(2px)}}.tail:before{content:"";position:absolute;top:-8%;left:-7%;width:100%;height:50%;background-color:var(--fur);border-radius:50%;animation:dog-tail-before .16s ease-out infinite}@keyframes dog-tail-before{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}.legs{position:absolute;top:100%;left:0;width:100%;height:35%;z-index:2}.legs__back,.legs__front{width:8%;height:100%;background-color:var(--fur-shadow)}.legs__back,.legs__back:after,.legs__front,.legs__front:after{position:absolute;border-bottom-right-radius:100%;border-bottom-left-radius:100%}.legs__back:after,.legs__front:after{content:"";top:50%;width:100%;height:49%;background-color:var(--fur-accent)}.legs__front--left{left:38%}.legs__front--right{left:20%}.legs__back--left{left:69%}.legs__back--right{left:85%}.face{height:40%;width:42%;position:absolute;top:-13%;left:-3%;background-color:var(--fur);border-top-right-radius:45% 50%;border-top-left-radius:35% 50%;border-bottom-left-radius:35% 21%;border-bottom-right-radius:50%;z-index:6}.face:after,.face:before{content:"";position:absolute;background-color:var(--fur-accent)}.face:after{width:27%;height:23%;top:-1%;left:7%;border-top-right-radius:100% 100%;border-bottom-left-radius:49% 100%;transform:rotate(-64deg);border-top-left-radius:0 -20%;border-bottom-right-radius:52% 0;box-shadow:2px -6px 11px 1px rgba(0,0,0,.1)}.face:before{width:55%;height:35%;left:42%;top:0;border-radius:23% 7% 16% 12%;transform:rotate(0deg) scaleX(-1)}.eye{width:6%;height:6%;position:absolute;top:24%;border-radius:100%;background-color:#000;z-index:6;animation:dog-eye 1.8s infinite}@keyframes dog-eye{0%,to{animation-timing-function:step-end;opacity:1}50%,55%{animation-timing-function:step-start;opacity:0}}.eye--left{left:27%}.eye--right{left:46%}.mouth{background-color:transparent;width:44%;height:48%;z-index:6;bottom:35%;left:14%;border-bottom-left-radius:72% 100%;border-bottom-right-radius:77% 100%;border-top-right-radius:50%;border:.7vmin solid transparent;border-bottom-color:#000;transform:rotate(-41deg)}.ear,.mouth{position:absolute}.ear--left{top:-59%;left:3%;height:47%;width:19%;z-index:1;background-color:var(--fur-shadow);border-radius:56% 100%;border-top-left-radius:68% 100%;border-top-right-radius:100% 100%;transform-origin:bottom center;animation:left-ear 1s ease-out infinite;animation-fill-mode:both;animation-direction:alternate}@keyframes left-ear{0%{transform:rotate(240deg)}25%{transform:rotate(230deg)}50%{transform:rotate(240deg)}to{transform:rotate(230deg)}}.ear--right{top:-57%;left:26%;height:41%;width:18%;z-index:10;background-color:var(--fur-shadow);border-radius:56% 100%;border-top-left-radius:56% 100%;border-top-right-radius:100% 100%;transform-origin:bottom center;border-bottom-right-radius:14% 38%;animation:right-ear 1s ease-out infinite;animation-fill-mode:both;animation-direction:alternate}@keyframes right-ear{0%{transform:rotate(156deg)}25%{transform:rotate(150deg)}50%{transform:rotate(156deg)}to{transform:rotate(150deg)}}.nose{position:absolute;width:24%;height:24%;background-color:var(--fur);z-index:7;left:-12%;top:-3%;border-bottom-left-radius:50% 88%;border-top-left-radius:11% 43%;transform:rotate(12deg)}.nose:after{content:"";position:absolute;width:50%;height:55%;background-color:#000;border-radius:100%;left:-7%;top:-18%}