.app-toast[data-state=open]{animation:toastIn .33s var( --ease-out-sine )}.app-toast[data-state=closed]{animation:toast-out .18s 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}.app-toast__viewport{z-index:calc(var( --the-modal-z-index ) + 1);top:var( --app-toast-top,20px )}@keyframes toastIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-30px);opacity:0}}@keyframes swipeOut{0%{transform:translate(var( --reka-toast-swipe-end-x ))}to{transform:translate(calc(100% + var( --viewport-padding )))}}