/* Figma 484:413/484:414. Preserve the supplied paths, clips and resting geometry. */
.social-recruiting-page .sr-method--reminder .sr-method-preview { padding:0; }
.social-recruiting-page .sr-method--reminder .sr-method-preview::before { content:none; }
.social-recruiting-page .sr-retarget-illustration { display:block; width:100%; max-width:560px; height:auto; margin-inline:auto; overflow:hidden; pointer-events:none; user-select:none; }
.social-recruiting-page .sr-retarget-comment--idea { transform-origin:242.529px 356.567px; --sway-angle:1.1deg; --idle-duration:5.8s; --idle-phase:-.8s; }
.social-recruiting-page .sr-retarget-comment--ads { transform-origin:268.827px 235.255px; --sway-angle:-.9deg; --idle-duration:6.6s; --idle-phase:-2.2s; }
.social-recruiting-page .sr-retarget-comment--message { transform-origin:316px 400.791px; --sway-angle:1.2deg; --idle-duration:6.2s; --idle-phase:-4.1s; }
/* ViewBox coordinates pin each speech-bubble tip, including its icon and clip. */
.social-recruiting-page .sr-retarget-comment { transform-box:view-box; }
.social-recruiting-page .sr-retarget-illustration.is-initialized .sr-retarget-comment { animation:sr-retarget-comment-sway var(--idle-duration) ease-in-out var(--idle-phase) infinite both paused; }
.social-recruiting-page .sr-retarget-illustration.is-running .sr-retarget-comment { animation-play-state:running; }
@keyframes sr-retarget-comment-sway {
  0%,100% { transform:rotate(calc(-1 * var(--sway-angle))); }
  50% { transform:rotate(var(--sway-angle)); }
}
@media (prefers-reduced-motion:reduce) {
  .social-recruiting-page .sr-retarget-illustration.is-initialized .sr-retarget-comment { animation:none; transform:none; }
}