@scope (body[data-ui-release="177"]) {
  :scope[data-active-panel="home"][data-quest-priority="action"] #avatar-scene:has(.ant-scene-dialogue:not(.hidden)) #ant-avatar-wrap {
    inset: auto 0 0 !important;
    margin-inline: auto !important;
    transform: none;
  }

  :scope[data-active-panel="home"][data-quest-priority="action"]:not([data-quest-mission="work"]) #avatar-scene .ant-scene-dialogue {
    right: auto;
    left: 50% !important;
    transform: translateX(-50%);
  }

  :scope[data-active-panel="home"] #avatar-scene[data-ant-action="work"] #ant-avatar {
    animation-name: antAttachmentWorkV178 !important;
  }

  :scope .modal .v174-modal-visual.is-layered-story-image > .story-image-actor {
    bottom: var(--story-actor-bottom, -7%) !important;
    width: var(--story-actor-width, 42%) !important;
  }
}

@keyframes antAttachmentWorkV178 {
  0%,
  100% {
    transform: translate(0, 0) rotate(0);
  }

  22% {
    transform: translate(-16px, -10px) rotate(-3deg);
  }

  48% {
    transform: translate(14px, -6px) rotate(3deg);
  }

  72% {
    transform: translate(22px, -11px) rotate(2deg);
  }

  88% {
    transform: translate(5px, -3px) rotate(-1deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  @scope (body[data-ui-release="177"]) {
    :scope[data-active-panel="home"] #avatar-scene[data-ant-action="work"] #ant-avatar {
      animation: none !important;
    }
  }
}