.ui-transition{--ui-transition:0s ease;--ui-transition-distance:12px}.ui-fade-enter-active,.ui-fade-leave-active{transition:opacity var(--ui-transition)}.ui-fade-enter-from,.ui-fade-leave-to{opacity:0}.ui-fade-bottom-enter-active,.ui-fade-bottom-leave-active,.ui-fade-left-enter-active,.ui-fade-left-leave-active,.ui-fade-right-enter-active,.ui-fade-right-leave-active,.ui-fade-top-enter-active,.ui-fade-top-leave-active{transition:opacity var(--ui-transition),transform var(--ui-transition)}.ui-fade-top-enter-from,.ui-fade-top-leave-to{opacity:0;transform:translateY(calc(var(--ui-transition-distance)*-1))}.ui-fade-bottom-enter-from,.ui-fade-bottom-leave-to{opacity:0;transform:translateY(var(--ui-transition-distance))}.ui-fade-left-enter-from,.ui-fade-left-leave-to{opacity:0;transform:translateX(calc(var(--ui-transition-distance)*-1))}.ui-fade-right-enter-from,.ui-fade-right-leave-to{opacity:0;transform:translateX(var(--ui-transition-distance))}