.biocrux-animated-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  max-width: 100%;
}

.biocrux-animated-logo__bi,
.biocrux-animated-logo__crux {
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.biocrux-animated-logo__bi {
  background-position: left center;
}

.biocrux-animated-logo__crux {
  background-position: left center;
}

.biocrux-animated-logo__o {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
}

.biocrux-animated-logo__o-img {
  display: block;
  transform-origin: center center;
  animation: biocrux-logo-o-spin 4s linear infinite;
}

@keyframes biocrux-logo-o-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.biocrux-logo-shell--loader {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (prefers-reduced-motion: reduce) {
  .biocrux-animated-logo__o-img {
    animation: none;
  }
}