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

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

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

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

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

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

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

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

  26%,
  78% {
    transform: translateX(-0.48rem) scale(var(--agent-assistant-bot-scale))
      rotate(calc(var(--agent-assistant-robot-tilt) - 8deg));
  }

  48% {
    transform: translateX(-0.58rem) scale(var(--agent-assistant-bot-scale))
      rotate(calc(var(--agent-assistant-robot-tilt) - 11deg));
  }
}

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

  26%,
  78% {
    transform: translate(-0.12rem, -0.06rem) rotate(-12deg);
  }
}

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

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

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

  26%,
  78% {
    transform: translate(-0.18rem, -0.02rem) scale(1.12, 1);
  }
}

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

  26%,
  78% {
    transform: translate(-0.24rem, -0.12rem) rotate(116deg);
  }
}

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

  26%,
  78% {
    transform: translate(0.04rem, 0.06rem) rotate(-34deg);
  }
}
