logo.css

// Logo do SVG
.simbolo-talentrh-loading {
  position: relative;
  width: 150px;
  max-width: 90%;
}
.simbolo-talentrh-loading svg {
  padding: 16px 11px;
}
.simbolo-talentrh-loading .cls-1 {
  fill: #409BFF;
}
.simbolo-talentrh-loading .escrita .letras-geral {
  transform: scale(1);
  animation: transition-letters 1s forwards;
}
.simbolo-talentrh-loading .escrita .t-escrita {
  animation: t-letter 1s 1s forwards, to-secondaty-color 1s 2s forwards;
}
.simbolo-talentrh-loading .escrita .t-circle {
  animation: t-circle 1s 1s forwards, to-secondaty-color 1s 2s forwards;
}
.simbolo-talentrh-loading .escrita .t-background-circle {
  opacity: 0;
  fill: #409BFF;
  transform: translate(-165px, 7px);
  animation: t-background-circle 1s 2s forwards;
}
.simbolo-talentrh-loading .module-block {
  position: absolute;
  top: 14px;
  left: 55px;
  transform-origin: left;
  transform: scalex(0);
  animation: scale-original 1s 2s forwards;
}
.simbolo-talentrh-loading .nome-modulo {
  color: #333;
  font-size: 18.75px;
  font-family: sans-serif;
}

@keyframes transition-letters {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-letter {
  to {
    transform: translatex(-183px);
  }
}
@keyframes t-circle {
  to {
    transform: translatex(-177px);
  }
}
@keyframes to-secondaty-color {
  to {
    fill: #FFF;
  }
}
@keyframes t-background-circle {
  to {
    opacity: 1;
  }
}
@keyframes scale-original {
  to {
    transform: scalex(1);
  }
}
// FIM - Logo do SVG