/* stylelint-disable no-descending-specificity */
/* stylelint-disable no-duplicate-selectors */

.agent-assistant-fab.is-action-scan .agent-assistant-fab__head {
  animation: agent-fab-action-scan-head 3.2s ease-in-out both;
}

.agent-assistant-fab.is-action-scan .agent-assistant-fab__face {
  animation: agent-fab-action-scan-face 3.2s ease-in-out both;
}

.agent-assistant-fab.is-action-scan .agent-assistant-fab__eye {
  animation: agent-fab-action-scan-eye 3.2s ease-in-out both;
}

.agent-assistant-fab.is-action-scan .agent-assistant-fab__core {
  animation: agent-fab-action-scan-core 3.2s ease-in-out both;
}

@keyframes agent-fab-action-scan-head {
  0%,
  100% {
    transform: translate(var(--agent-assistant-head-x), var(--agent-assistant-head-y)) rotate(0deg);
  }

  24% {
    transform: translate(var(--agent-assistant-head-x), var(--agent-assistant-head-y)) rotate(-8deg);
  }

  52% {
    transform: translate(var(--agent-assistant-head-x), var(--agent-assistant-head-y)) rotate(8deg);
  }

  78% {
    transform: translate(var(--agent-assistant-head-x), calc(var(--agent-assistant-head-y) - 0.04rem)) rotate(-4deg);
  }
}

@keyframes agent-fab-action-scan-face {
  0%,
  100% {
    box-shadow: inset 0 0.1rem 0 rgba(255, 255, 255, 8%);
  }

  18%,
  78% {
    box-shadow:
      inset 0 0.1rem 0 rgba(255, 255, 255, 8%),
      0 0 0.72rem rgba(114, 255, 240, 48%);
  }
}

@keyframes agent-fab-action-scan-eye {
  0%,
  100% {
    transform: translate(var(--agent-assistant-eye-x), var(--agent-assistant-eye-y));
  }

  18% {
    transform: translate(-0.28rem, -0.02rem) scale(1.1, 0.9);
  }

  46% {
    transform: translate(0.28rem, -0.02rem) scale(1.1, 0.9);
  }

  74% {
    transform: translate(0, -0.18rem) scale(1.18, 0.72);
  }
}

@keyframes agent-fab-action-scan-core {
  0%,
  100% {
    opacity: 0.78;
    transform: scale(1);
  }

  25%,
  75% {
    opacity: 1;
    transform: scale(1.24);
  }
}
