.unlockAnimation{--animation-delay:calc(var(--offer-step-order) * .3s);animation-name:unlockAnimation;animation-duration:2s;animation-timing-function:ease-in-out;animation-delay:var(--animation-delay,.3s);will-change:transform;animation-fill-mode:forwards}.padlockUnlockAnimation{animation-name:padlockUnlockAnimation;animation-duration:2s;animation-timing-function:ease-in-out;animation-delay:var(--animation-delay,.3s);will-change:opacity;animation-fill-mode:forwards}@keyframes unlockAnimation{0%,50%,to{transform:scale(1)}75%{transform:scale(1.1)}}@keyframes padlockUnlockAnimation{0%,75%{opacity:1}99.99%{opacity:0}to{opacity:0;display:none}}
.dialogAnimated{opacity:0;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:forwards}.slideInDownAnimation{animation-name:slideInDown}@keyframes slideInDown{0%{opacity:0;transform:translateY(-200px)}to{opacity:1;transform:translateY(0)}}
.offerStepWrapperAnimated{opacity:0;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards}.springAnimation{animation-name:chain-offers-step-spring}.flipAnimation{perspective:1000px;animation-name:chain-offers-step-flip}@keyframes chain-offers-step-spring{0%{opacity:0;transform:translateY(32px)}66%{opacity:.6;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes chain-offers-step-flip{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}
.runningLineAnimated{animation:10s linear 1.5s infinite runningLineCarousel}@keyframes runningLineCarousel{0%{transform:translate(100%)}to{transform:translate(-100%)}}
.unlockAnimation{--animation-delay:calc(var(--offer-step-order) * .3s);animation-name:unlockAnimation;animation-duration:2s;animation-timing-function:ease-in-out;animation-delay:var(--animation-delay,.3s);will-change:transform, color;color:#fff6;animation-fill-mode:forwards}.padlockUnlockAnimation{animation-name:padlockUnlockAnimation;animation-duration:2s;animation-timing-function:ease-in-out;animation-delay:var(--animation-delay,.3s);will-change:opacity;animation-fill-mode:forwards}@keyframes unlockAnimation{0%{color:#fff6;transform:scale(1)}50%{color:#fff6;transform:scale(1)}75%{color:var(--base-100);transform:scale(1.1)}to{color:var(--base-100);transform:scale(1)}}@keyframes padlockUnlockAnimation{0%{opacity:1}75%{opacity:1}99.99%{opacity:0}to{opacity:0;display:none}}