@layer components{.toast[data-state=open]{animation:toastSlideIn .2s cubic-bezier(.16,1,.3,1)}.toast[data-state=closed]{animation:toastHide .12s ease-in}.toast[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x),var(--reka-toast-swipe-move-y))}.toast[data-swipe=cancel]{transform:translate(0);transition:transform .15s ease-out}.toast[data-swipe=end]{animation:toastSwipeOut .1s ease-out}.toast[data-swipe-direction=right]{--ui-kit-toast-swipe-out-x:calc(100% + var(--ui-kit-toast-enter-distance));--ui-kit-toast-swipe-out-y:0px}.toast[data-swipe-direction=left]{--ui-kit-toast-swipe-out-x:calc(-100% - var(--ui-kit-toast-enter-distance));--ui-kit-toast-swipe-out-y:0px}.toast[data-swipe-direction=down]{--ui-kit-toast-swipe-out-x:0px;--ui-kit-toast-swipe-out-y:calc(100% + var(--ui-kit-toast-enter-distance))}.toast[data-swipe-direction=up]{--ui-kit-toast-swipe-out-x:0px;--ui-kit-toast-swipe-out-y:calc(-100% - var(--ui-kit-toast-enter-distance))}@keyframes toastSlideIn{0%{transform:translate(var(--ui-kit-toast-enter-x),var(--ui-kit-toast-enter-y))}to{transform:translate(0)}}@keyframes toastHide{0%{opacity:1}to{opacity:0}}@keyframes toastSwipeOut{0%{transform:translate(var(--reka-toast-swipe-end-x),var(--reka-toast-swipe-end-y))}to{transform:translate(var(--ui-kit-toast-swipe-out-x),var(--ui-kit-toast-swipe-out-y))}}}