.main-dog{position:relative;width:23.5vmax;height:23.5vmax;display:flex;justify-content:center;align-items:center}.leg{width:2vmax;height:2.125vmax}.leg,.paw{position:absolute;bottom:0}.paw{left:0;width:1.95vmax;height:1.875vmax;overflow:hidden}.paw:before{content:"";position:absolute;width:3.75vmax;height:3.75vmax;border-radius:50%}:root{--paw-color:#ff8b56}.top{position:absolute;bottom:0;left:.75vmax;height:4.5vmax;width:2.625vmax;border-top-left-radius:1.425vmax;border-top-right-radius:1.425vmax;transform-origin:bottom right;transform:rotate(90deg) translateX(-.1vmax) translateY(1.5vmax);z-index:-1;background-image:linear-gradient(70deg,transparent 20%,var(--paw-color) 20%)}.dog{position:relative;width:22.5vmax;height:8.25vmax}.dog:before{content:"";position:absolute;bottom:-.75vmax;right:-.15vmax;width:100%;height:1.5vmax;background-color:rgba(28,49,48,.1);border-radius:50%;z-index:-1000;animation:shadow 10s cubic-bezier(.3,.41,.18,1.01) infinite}.dog__head{left:4.5vmax;border-top-left-radius:4.05vmax;border-top-right-radius:4.05vmax;border-bottom-right-radius:3.3vmax;border-bottom-left-radius:3.3vmax;background-color:var(--paw-color)}.dog__head,.dog__head-c{position:absolute;bottom:0;width:9.75vmax;height:8.25vmax;animation:head 10s cubic-bezier(.3,.41,.18,1.01) infinite}.dog__head-c{left:1.5vmax;z-index:-1}.dog__snout{left:-1.5vmax;bottom:0;width:7.5vmax;height:3.75vmax;background-color:#d7dbd2;animation:snout 10s cubic-bezier(.3,.41,.18,1.01) infinite}.dog__snout,.dog__snout:before{position:absolute;border-top-right-radius:3vmax;border-bottom-right-radius:3vmax;border-bottom-left-radius:4.5vmax}.dog__snout:before{content:"";left:-.1125vmax;top:-.15vmax;width:1.875vmax;height:1.125vmax;background-color:#1c3130;animation:snout-b 10s cubic-bezier(.3,.41,.18,1.01) infinite}.dog__nose{position:absolute;top:-1.95vmax;left:40%;width:.75vmax;height:2.4vmax;border-radius:.525vmax;transform-origin:bottom;transform:rotate(10deg);background-color:#d7dbd2}.dog__eye-l,.dog__eye-r{position:absolute;top:-.9vmax;width:.675vmax;height:.375vmax;border-radius:50%;background-color:#1c3130;animation:eye 10s cubic-bezier(.3,.41,.18,1.01) infinite}.dog__eye-l{left:27%}.dog__eye-r{left:65%}.dog__ear-l,.dog__ear-r{position:absolute;width:10.5vmax;height:3.375vmax;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3.3vmax;border-bottom-left-radius:3.3vmax;background-color:var(--paw-color)}.dog__ear-l{top:1.5vmax;left:6vmax;transform-origin:bottom left;transform:rotate(-50deg);z-index:-1;animation:ear-l 10s cubic-bezier(.3,.41,.18,1.01) infinite}.dog__ear-r{top:1.5vmax;right:3vmax;transform-origin:bottom right;transform:rotate(20deg);z-index:-2;animation:ear-r 10s cubic-bezier(.3,.41,.18,1.01) infinite}.dog__body{display:flex;justify-content:center;align-items:flex-end;bottom:.3vmax;left:3.75vmax;width:18.75vmax;height:7.2vmax;border-top-left-radius:3vmax;border-top-right-radius:6vmax;border-bottom-right-radius:1.5vmax;border-bottom-left-radius:6vmax;z-index:-2;animation:body 10s cubic-bezier(.3,.41,.18,1.01) infinite}.dog__body,.dog__tail{position:absolute;background-color:var(--paw-color)}.dog__tail{right:-3vmax;height:1.5vmax;width:4.5vmax;border-radius:1.5vmax}.dog__paws{position:absolute;bottom:0;left:7.5vmax;width:12vmax;height:3vmax}.dog__bl-leg{left:-3vmax;z-index:-10}.dog__bl-paw:before{background-color:#bec4b6}.dog__bl-top{background-image:linear-gradient(80deg,transparent 20%,classNamevar(--paw-color) 20%)}.dog__fl-leg{z-index:10;left:0}.dog__fl-paw:before{background-color:#d7dbd2}.dog__fr-leg{right:0}.dog__fr-paw:before{background-color:#d7dbd2}@keyframes head{0%,10%,20%,26%,28%,90%,to{height:8.25vmax;bottom:0;transform-origin:bottom right;transform:rotate(0)}15%,22%,24%,30%,5%{height:8.1vmax}32%,50%{height:8.25vmax}55%,60%{bottom:.75vmax;transform-origin:bottom right;transform:rotate(0)}70%,80%{bottom:.75vmax;transform-origin:bottom right;transform:rotate(10deg)}}@keyframes body{0%,10%,20%,26%,28%,32%,to{height:7.2vmax}15%,22%,24%,30%,5%{height:7.05vmax}}@keyframes ear-l{0%,10%,20%,26%,28%,82%,to{transform:rotate(-50deg)}15%,22%,24%,5%{transform:rotate(-48deg)}30%,31%{transform:rotate(-30deg)}32%,80%{transform:rotate(-60deg)}}@keyframes ear-r{0%,10%,20%,26%,28%{transform:rotate(20deg)}15%,22%,24%,5%{transform:rotate(18deg)}30%,31%{transform:rotate(10deg)}32%{transform:rotate(25deg)}}@keyframes snout{0%,10%,20%,26%,28%,82%,to{height:3.75vmax}15%,22%,24%,5%{height:3.45vmax}}@keyframes snout-b{0%,10%,20%,26%,28%,98%,to{width:1.875vmax}15%,22%,24%,5%{width:1.8vmax}34%,98%{width:1.275vmax}}@keyframes shadow{0%,10%,20%,26%,28%,30%,84%,to{width:99%}15%,22%,24%,5%{width:101%}34%,81%{width:96%}}@keyframes eye{0%,30%{width:.675vmax;height:.3vmax}32%,59%,90%,to{width:.525vmax;height:.525vmax;transform:translateY(0)}60%,75%{transform:translateY(-.3vmax)}80%,85%{transform:translateY(.15vmax)}}