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

.agent-assistant-fab.is-action-shy .agent-assistant-fab__bot {
  animation: agent-fab-action-shy-bot 3s ease-in-out both;
}

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

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

.agent-assistant-fab.is-action-shy .agent-assistant-fab__arm--left {
  z-index: 6;
  animation: agent-fab-action-shy-arm-left 3s ease-in-out both;
}

.agent-assistant-fab.is-action-shy .agent-assistant-fab__arm--right {
  z-index: 6;
  animation: agent-fab-action-shy-arm-right 3s ease-in-out both;
}

@keyframes agent-fab-action-shy-bot {
  0%,
  100% {
    transform: scale(var(--agent-assistant-bot-scale)) rotate(var(--agent-assistant-robot-tilt));
  }

  24%,
  78% {
    transform: translateX(0.16rem) scale(var(--agent-assistant-bot-scale))
      rotate(calc(var(--agent-assistant-robot-tilt) + 7deg));
  }
}

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

  24%,
  78% {
    transform: translate(calc(var(--agent-assistant-head-x) + 0.08rem), calc(var(--agent-assistant-head-y) + 0.14rem))
      rotate(10deg);
  }
}

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

  24%,
  78% {
    opacity: 0.78;
    transform: translate(0, 0.08rem) scale(0.86, 0.48);
  }
}

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

  24%,
  78% {
    transform: translate(0.02rem, -0.16rem) rotate(118deg);
  }
}

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

  24%,
  78% {
    transform: translate(-0.02rem, -0.16rem) rotate(-118deg);
  }
}
