@layer components{.toast-root[data-state=open]{animation:.2s cubic-bezier(.16,1,.3,1) toastSlideIn}.toast-root[data-state=closed]{animation:.12s ease-in toastHide}.toast-root[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x),var(--reka-toast-swipe-move-y))}.toast-root[data-swipe=cancel]{transition:transform .15s ease-out;transform:translate(0)}.toast-root[data-swipe=end]{animation:.1s ease-out toastSwipeOut}.toast-root[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-root[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-root[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-root[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))}}}