.progress-animation-dog {
  width: 120px;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.body {
  background: #60C8E7;
  border-radius: 300px 300px 0 0;
  height: 300px;
}

.beard {
  width: 55px;
  height: 65px;
  background: #087BA5;
  margin: 0 auto;
  border-radius: 20px;
  position: relative;
}
.beard:after {
  content: "";
  background: #087BA5;
  width: 26px;
  height: 13px;
  border-radius: 0 0 25px 25px;
  display: block;
  margin: 0 auto;
  transform: translateY(64px);
}
.beard:before {
  content: "";
  background: #000;
  width: 20px;
  height: 10px;
  border-radius: 0 0 20px 20px;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.mouth {
  background: #1A243C;
  width: 30px;
  height: 15px;
  border-radius: 0 0 30px 30px;
  position: absolute;
  top: 22px;
  margin: auto;
  left: 0;
  right: 0;
  border-top: 3px solid #fff;
  box-sizing: border-box;
}
.mouth .tongue {
  width: 20px;
  height: 30px;
  border-radius: 5px 5px 10px 10px;
  background: #FF6B5A;
  margin: 0 auto;
  position: relative;
  top: 4px;
  transition: 300ms;
  animation: grow 0.1s infinite alternate;
}

.eyes {
  background: #fff;
  width: 20px;
  height: 24px;
  border-radius: 20px 20px 0 0;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 2px;
}
.eyes:before, .eyes:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #000;
  display: block;
  border-radius: 50%;
  top: 50%;
  position: absolute;
  animation: squeeze 1.2s infinite;
}
.eyes:before {
  left: -13px;
}
.eyes:after {
  right: -13px;
}

.belt {
  height: 30px;
  background: #FF6B5A;
  margin-top: 20px;
  position: relative;
}
.belt .locket {
  width: 30px;
  height: 30px;
  background: #FFC442;
  margin: 0 auto;
  border-radius: 50%;
  transform: translateY(50%);
}
.belt .dot {
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.belt .dot.dot1 {
  margin-left: 10px;
}
.belt .dot.dot2 {
  margin-left: 34px;
}
.belt .dot.dot3 {
  margin-left: 77px;
}
.belt .dot.dot4 {
  margin-left: 100px;
}
.belt:before, .belt:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  background: #fff;
  top: 0;
  bottom: 0;
  margin: auto;
}
.belt:before {
  left: -5px;
  border-radius: 10px 0 0 10px;
}
.belt:after {
  right: -5px;
  border-radius: 0 10px 10px 0;
}

.stomach {
  width: 56px;
  height: 130px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 120px 120px 0 0;
}

.legs {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 12px;
}
.legs:before, .legs:after {
  height: 12px;
  border-radius: 20px 20px 0 0;
  display: inline-block;
  content: "";
  position: absolute;
  background: #087BA5;
  width: 45px;
}
.legs:before {
  left: -37px;
}
.legs:after {
  right: -37px;
}
.legs .left,
.legs .right {
  display: inline;
  width: 12px;
  height: 55px;
  background: #087BA5;
  position: absolute;
  bottom: 0;
}
.legs .left:before,
.legs .right:before {
  content: "";
  width: 28px;
  height: 12px;
  background: #60C8E7;
  border-radius: 20px 20px 0 0;
  display: inline-block;
  bottom: 0;
  position: absolute;
}
.legs .left {
  left: -12px;
  border-radius: 20px 0 0 0;
}
.legs .left:before {
  transform: translateX(-1px);
}
.legs .right {
  right: -12px;
  border-radius: 0 20px 0 0;
  z-index: 1;
}
.legs .right:before {
  transform: translateX(-13px);
}

.ears {
  position: absolute;
  z-index: -1;
  top: -20px;
}
.ears:after, .ears:before {
  content: "";
  display: inline-block;
  background: #087BA5;
  width: 40px;
  height: 90px;
  border-radius: 100% 100% 0 0;
}
.ears:after {
  transform: translateX(40px);
  border: 10px solid #60C8E7;
  box-sizing: border-box;
}

.tail {
  background: #60C8E7;
  width: 14px;
  height: 80px;
  position: absolute;
  z-index: -1;
  right: 10px;
  bottom: 40px;
  transform: rotate(30deg);
  border-radius: 14px;
  transform-origin: bottom;
  transition: 300ms;
  animation: shake 0.08s infinite alternate;
}

.tag {
  border-left: 5px solid #FF6B5A;
  border-bottom: 5px solid #FF6B5A;
  width: 500%;
  height: 161px;
  z-index: 2;
  position: absolute;
  top: 30px;
  left: 100px;
  box-sizing: border-box;
  border-bottom-left-radius: 40px;
}

@keyframes squeeze {
  90% {
    transform: none;
    animation-timing-function: ease-in;
  }
  93% {
    transform: scale(1.2, 0.3);
  }
  100% {
    animation-timing-function: ease-out;
  }
}
@keyframes grow {
  0% {
    animation-timing-function: ease-in;
  }
  100% {
    height: 35px;
  }
}
@keyframes shake {
  0% {
    transform: rotate(30deg);
  }
  100% {
    transform: rotate(40deg);
  }
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyY19zYXNzL2N1c3RvbS9kb2dneV9hbmltYXRpb24uc2NzcyIsIi4uLy4uLy4uL3ByZWJ1aWxkL2N1c3RvbS9kb2dneV9hbmltYXRpb24uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksWUFBQTtFQUNBLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFFBQUE7RUFDQSxnQ0FBQTtBQ0NKOztBREVBO0VBQ0ksbUJBQUE7RUFDQSw4QkFBQTtFQUNBLGFBQUE7QUNDSjs7QURFQTtFQUNJLFdBQUE7RUFDQSxZQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0EsbUJBQUE7RUFDQSxrQkFBQTtBQ0NKO0FEQ0k7RUFDSSxXQUFBO0VBQ0EsbUJBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLDRCQUFBO0VBQ0EsY0FBQTtFQUNBLGNBQUE7RUFDQSwyQkFBQTtBQ0NSO0FERUk7RUFDSSxXQUFBO0VBQ0EsZ0JBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLDRCQUFBO0VBQ0EsY0FBQTtFQUNBLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFNBQUE7RUFDQSwyQkFBQTtBQ0FSOztBRElBO0VBQ0ksbUJBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLDRCQUFBO0VBQ0Esa0JBQUE7RUFDQSxTQUFBO0VBQ0EsWUFBQTtFQUNBLE9BQUE7RUFDQSxRQUFBO0VBQ0EsMEJBQUE7RUFDQSxzQkFBQTtBQ0RKO0FER0k7RUFDSSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGdDQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0Esa0JBQUE7RUFDQSxRQUFBO0VBQ0EsaUJBQUE7RUFDQSx1Q0FBQTtBQ0RSOztBREtBO0VBQ0ksZ0JBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLDRCQUFBO0VBQ0EsY0FBQTtFQUNBLGNBQUE7RUFDQSxrQkFBQTtFQUNBLFFBQUE7QUNGSjtBRElJO0VBRUksV0FBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7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 */