.p-web-audit .b-svg {
  width: 157px;
}

.p-web-audit__long-text-format-3 {
  display: none;
  margin-bottom: 30px;
}

#svg--website-audit--success1,
#svg--website-audit--success2,
#svg--website-audit--danger {
  opacity: 0;
  visibility: hidden;
}

#svg--website-audit--success2 {
  -webkit-animation-name: showAnimation, hideAnimation;
  animation-name: showAnimation, hideAnimation;
  -webkit-animation-duration: 0s, 0s;
  animation-duration: 0s, 0s;
  -webkit-animation-delay: .5s, 7s;
  animation-delay: .5s, 7s;
  -webkit-animation-fill-mode: forwards, forwards;
  animation-fill-mode: forwards, forwards;
}

#svg--website-audit--success1 {
  -webkit-animation-name: showAnimation, hideAnimation;
  animation-name: showAnimation, hideAnimation;
  -webkit-animation-duration: 0s, 0s;
  animation-duration: 0s, 0s;
  -webkit-animation-delay: 1.2s, 7s;
  animation-delay: 1.2s, 7s;
  -webkit-animation-fill-mode: forwards, forwards;
  animation-fill-mode: forwards, forwards;
}

#svg--website-audit--danger {
  -webkit-animation-name: showAnimation, hideAnimation;
  animation-name: showAnimation, hideAnimation;
  -webkit-animation-duration: 0s, 0s;
  animation-duration: 0s, 0s;
  -webkit-animation-delay: 1.9s, 7s;
  animation-delay: 1.9s, 7s;
  -webkit-animation-fill-mode: forwards, forwards;
  animation-fill-mode: forwards, forwards;
}

#svg--website-audit--danger-1 {
  -webkit-animation: col 1.2s linear 3;
  animation: col 1.2s linear 3;
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}

#svg--website-audit--danger-2 {
  -webkit-animation: col2 1.2s linear 3;
  animation: col2 1.2s linear 3;
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}

@-webkit-keyframes col {
  0% {
    fill: #97230D;
  }

  50% {
    fill: #97230D;
  }

  51% {
    fill: #B94F3B;
  }

  99% {
    fill: #B94F3B;
  }

  100% {
    fill: #97230D;
  }
}

@keyframes col {
  0% {
    fill: #97230D;
  }

  50% {
    fill: #97230D;
  }

  51% {
    fill: #B94F3B;
  }

  99% {
    fill: #B94F3B;
  }

  100% {
    fill: #97230D;
  }
}

@-webkit-keyframes col2 {
  0% {
    fill: #000000;
  }

  50% {
    fill: #000000;
  }

  51% {
    fill: #E5BC45;
  }

  99% {
    fill: #E5BC45;
  }

  100% {
    fill: #000000;
  }
}

@keyframes col2 {
  0% {
    fill: #000000;
  }

  50% {
    fill: #000000;
  }

  51% {
    fill: #E5BC45;
  }

  99% {
    fill: #E5BC45;
  }

  100% {
    fill: #000000;
  }
}

@media (min-width: 768px) {
  .p-web-audit .b-svg {
    width: 282px;
  }

  .p-web-audit__long-text-format-3 {
    display: block;
  }
}

@media (min-width: 1024px) {
  .p-web-audit .b-svg {
    width: 365px;
  }
}

@media (min-width: 1234px) {
  .p-web-audit .b-svg {
    width: 495px;
  }
}