.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{top:var( --app-toast-top,20px );z-index:calc(var( --the-modal-z-index ) + 1)}@keyframes toastIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes swipeOut{0%{transform:translate(var( --reka-toast-swipe-end-x ))}to{transform:translate(calc(100% + var( --viewport-padding )))}}