.remember{--remember-cycle:6.6s;scroll-margin-top:110px}
.remember-heading{margin-bottom:38px}
.remember.is-enhanced .remember-dirty{filter:none;animation:rememberWave var(--remember-cycle) linear infinite;animation-play-state:paused}
.remember.is-enhanced .remember-glow>span{left:0;top:-3%;width:5%;height:106%;background:linear-gradient(90deg,transparent,#fff5cd8c,transparent);animation:rememberWaveLight var(--remember-cycle) linear infinite;animation-play-state:paused}
.remember[data-running="true"] .remember-dirty,.remember[data-running="true"] .remember-glow>span{animation-play-state:running}
.remember-actions{gap:18px 28px}
@keyframes rememberWave{
  0%,16%{opacity:1;clip-path:inset(0 50% 0 0)}
  55%,76%{opacity:1;clip-path:inset(0 50% 0 50%)}
  96%,100%{opacity:1;clip-path:inset(0 50% 0 0)}
}
@keyframes rememberWaveLight{
  0%,15%{opacity:0;transform:translateX(-100%)}
  19%{opacity:.7}
  54%{opacity:.65}
  56%,76%{opacity:0;transform:translateX(1000%)}
  80%{opacity:.35}
  95%{opacity:.3}
  97%,100%{opacity:0;transform:translateX(-100%)}
}
@media(max-width:580px){
  .remember{scroll-margin-top:85px}
  .remember-heading{margin-bottom:30px}
  .remember-heading>p:last-child{max-width:290px;margin-left:auto;margin-right:auto}
  .remember-actions{gap:21px}
}
@media(max-width:370px){
  .remember h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
  .remember.is-enhanced .remember-dirty,.remember.is-enhanced .remember-glow>span{animation:none!important;opacity:0!important}
}
