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

.agent-assistant-fab.is-action-confused .agent-assistant-fab__antenna {
  animation: agent-fab-action-confused-antenna 3.4s ease-in-out both;
}

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

.agent-assistant-fab.is-action-confused .agent-assistant-fab__eye {
  animation:
    agent-fab-blink 4.8s ease-in-out infinite,
    agent-fab-action-confused-eye 0.85s ease-in-out 4;
}

.agent-assistant-fab.is-action-confused .agent-assistant-fab__arm--left {
  animation: agent-fab-action-confused-arm-left 3.4s ease-in-out both;
}

.agent-assistant-fab.is-action-confused .agent-assistant-fab__arm--right {
  animation: agent-fab-action-confused-arm-right 3.4s ease-in-out both;
}

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

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

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

  74% {
    transform: translate(var(--agent-assistant-head-x), calc(var(--agent-assistant-head-y) - 0.06rem)) rotate(42deg);
  }
}

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

  20% {
    transform: translate(var(--agent-assistant-head-x), calc(var(--agent-assistant-head-y) - 0.06rem)) rotate(-10deg);
  }

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

  74% {
    transform: translate(var(--agent-assistant-head-x), calc(var(--agent-assistant-head-y) - 0.03rem)) rotate(-6deg);
  }
}

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

  30% {
    transform: translate(0.22rem, -0.16rem);
  }

  60% {
    transform: translate(-0.22rem, 0.08rem);
  }
}

@keyframes agent-fab-action-confused-arm-left {
  0%,
  100% {
    transform: rotate(17deg);
  }

  24%,
  74% {
    transform: translate(-0.12rem, -0.12rem) rotate(88deg);
  }
}

@keyframes agent-fab-action-confused-arm-right {
  0%,
  100% {
    transform: rotate(-17deg);
  }

  24%,
  74% {
    transform: translate(0.16rem, -0.08rem) rotate(-42deg);
  }
}
