.app-toast[data-state=open]{animation:toastIn .33s var( --ease-out-sine )}.app-toast[data-state=closed]{animation:toast-out 80ms var( --ease-in-sine )}.app-toast[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x))}.app-toast[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.app-toast[data-swipe=end]{animation:toastSwipeOut .18s ease-out}@keyframes toastIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}@keyframes swipeOut{0%{transform:translate(var( --reka-toast-swipe-end-x ))}to{transform:translate(calc(100% + var( --viewport-padding )))}}