.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)}}