.CheckoutFlow-overlay[data-state=open]{animation:CheckoutFlow-overlayFadeIn .3s ease-in-out}.CheckoutFlow-overlay[data-state=closed]{animation:CheckoutFlow-overlayFadeOut .3s ease-in-out}@keyframes CheckoutFlow-overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes CheckoutFlow-overlayFadeOut{0%{opacity:1}to{opacity:0}}.CheckoutFlow-content[data-layout=desktop][data-state=open]{animation:CheckoutFlow-slideInFromRight .3s ease-in-out}.CheckoutFlow-content[data-layout=desktop][data-state=closed]{animation:CheckoutFlow-slideOutToRight .3s ease-in-out}.CheckoutFlow-content[data-layout=mobile][data-state=open]{animation:CheckoutFlow-slideUp .3s ease-in-out}.CheckoutFlow-content[data-layout=mobile][data-state=closed]{animation:CheckoutFlow-slideDown .3s ease-in-out}@keyframes CheckoutFlow-slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes CheckoutFlow-slideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes CheckoutFlow-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes CheckoutFlow-slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.slide-left-enter-active,.slide-left-leave-active{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.slide-left-enter-from{opacity:0;transform:translate(100%)}.slide-left-leave-to{opacity:0;transform:translate(-100%)}.slide-right-enter-active,.slide-right-leave-active{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.slide-right-enter-from{opacity:0;transform:translate(-100%)}.slide-right-leave-to{opacity:0;transform:translate(100%)}