/* Figma 454:540. Supplied photos already include their individual diagonal masks. */
.social-recruiting-page .sr-method--reel .sr-method-preview { padding:0; }
.social-recruiting-page .sr-method--reel .sr-method-preview::before { content:none; }
.social-recruiting-page .sr-reel-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-reel-illustration :is(.sr-reel-track,.sr-reel-card,.sr-reel-badge) { animation-duration:20s; animation-iteration-count:infinite; animation-play-state:paused; }
.social-recruiting-page .sr-reel-track { animation-name:sr-reel-scroll; animation-timing-function:cubic-bezier(.65,0,.2,1); }
.social-recruiting-page .sr-reel-card,
.social-recruiting-page .sr-reel-badge { transform-box:fill-box; transform-origin:center; animation-timing-function:cubic-bezier(.16,1,.3,1); }
.social-recruiting-page .sr-reel-card { --reel-pulse:1.035; }
.social-recruiting-page .sr-reel-badge { --reel-pulse:1.08; }
.social-recruiting-page .sr-reel-beat--0 { animation-name:sr-reel-pulse-0; }
.social-recruiting-page .sr-reel-beat--1 { animation-name:sr-reel-pulse-1; }
.social-recruiting-page .sr-reel-beat--2 { animation-name:sr-reel-pulse-2; }
.social-recruiting-page .sr-reel-beat--3 { animation-name:sr-reel-pulse-3; }
.social-recruiting-page .sr-reel-beat--4 { animation-name:sr-reel-pulse-4; }
.social-recruiting-page .sr-reel-illustration.is-running :is(.sr-reel-track,.sr-reel-card,.sr-reel-badge) { animation-play-state:running; }
@keyframes sr-reel-scroll {
  0%,16% { transform:translateX(0); }
  20%,36% { transform:translateX(-320px); }
  40%,56% { transform:translateX(-640px); }
  60%,76% { transform:translateX(-960px); }
  80%,96% { transform:translateX(-1280px); }
  100% { transform:translateX(-1600px); }
}
@keyframes sr-reel-pulse-0 {
  0%,3%,100% { transform:scale(1); }
  1.4% { transform:scale(var(--reel-pulse)); }
}
@keyframes sr-reel-pulse-1 {
  0%,20%,23%,100% { transform:scale(1); }
  21.4% { transform:scale(var(--reel-pulse)); }
}
@keyframes sr-reel-pulse-2 {
  0%,40%,43%,100% { transform:scale(1); }
  41.4% { transform:scale(var(--reel-pulse)); }
}
@keyframes sr-reel-pulse-3 {
  0%,60%,63%,100% { transform:scale(1); }
  61.4% { transform:scale(var(--reel-pulse)); }
}
@keyframes sr-reel-pulse-4 {
  0%,80%,83%,100% { transform:scale(1); }
  81.4% { transform:scale(var(--reel-pulse)); }
}
@media (prefers-reduced-motion:reduce) {
  .social-recruiting-page .sr-reel-illustration :is(.sr-reel-track,.sr-reel-card,.sr-reel-badge) { animation:none; }
}